[Создавайте личные заметки в блоге в облаке на основе OSS]

Создайте личный блог в облаке на базе OSS

和ECS前面一样

Каталог статей


предисловие

1. Установите Git

(1) В правой части страницы лаборатории щелкните значок, чтобы переключиться на веб-терминал.
(2) Выполните следующую команду для установки Git:

yum install git -y

(3) После завершения установки вы можете выполнить следующую команду, чтобы проверить версию Git:

git --version

вставьте сюда описание изображения

2. Установите Node.js

(1) В терминале установите Node.js, выполнив следующую команду:

curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash - && sudo yum clean all && sudo yum makecache  && sudo yum install -y gcc-c++ make && sudo yum install -y nodejs

вставьте сюда описание изображения

После завершения установки вы можете проверить информацию о версии узла и npm.

(2) Проверьте информацию о версии узла:

node -v

(3) Проверьте информацию о версии npm:

npm -v

вставьте сюда описание изображения

Если информация о версии обоих успешно отображается, это означает, что Node.js был успешно установлен.


3. Установите Хексо

(1) В терминале вы можете установить клиент Hexo глобально, выполнив следующую команду:

npm install -g hexo-cli

(2) После завершения установки вы можете выполнить следующую команду, чтобы проверить версию Hexo и ее зависимости:

hexo -v

вставьте сюда описание изображения
Если версия Hexo и информация о ее зависимостях могут быть успешно отображены, это означает, что hexo успешно установлен.

2. Используйте Hexo для создания статического блога.

Инициализация проекта блога.
Выполните следующую команду в терминале, чтобы инициализировать проект блога, и в то же время будут установлены пакеты зависимостей, необходимые для проекта блога:

cd ~ && hexo init blog --no-clone

Успешно инициализированный терминал отображается следующим образом:
вставьте сюда описание изображения
Установите плагин hexo-deployer-cos.
В терминале выполните следующую команду, чтобы загрузить и установить плагин hexo-deployer-cos:

cd ~/blog && npm install hexo-deployer-ali-oss --save
# 可以用npm audit fix 来修复漏洞

Автоматически создавать статические файлы блога.
Для создания статических файлов выполните в терминале следующую команду:

hexo g

вставьте сюда описание изображения

4. Заведите блог

Выполните следующую команду, чтобы войти в папку проекта блога и запустить проект блога:

cd ~/blog/ && hexo s

вставьте сюда описание изображения

Убедитесь, что блог успешно запустился
вставьте сюда описание изображения

ИП+4000
вставьте сюда описание изображения

5. Разверните статический блог на базе Alibaba Cloud OSS.

Подключитесь к серверу ECS
(1) В правой части страницы лабораторной работы переключитесь на интерфейс рабочего стола.
Сначала разберитесь в своем собственном сегменте
вставьте сюда описание изображения
(3) Нажмите «Далее» в поле входа в систему пользователя RAM, скопируйте и вставьте пароль субпользователя в верхнем левом углу страницы в поле ввода пароля пользователя и нажмите «Войти».

  1. Войдите в консоль OSS

(1) Скопируйте адрес ниже, откройте новую вкладку в веб-браузере Chromium, вставьте его и получите доступ к консоли OSS.

https://oss.console.aliyun.com/

(2) На левой панели навигации консоли управления OSS щелкните список сегментов.
вставьте сюда описание изображения

На странице списка сегментов щелкните имя сегмента.

Примечание. Имя корзины вашего OSS можно проверить в списке ресурсов облачного продукта.

Изменить конфигурацию сегмента

Войдите в элемент управления разрешениями сегмента и измените разрешение сегмента на общедоступное чтение и запись.


вставьте сюда описание изображения

Войдите в управление файлами Bucket и добавьте авторизацию.

вставьте сюда описание изображения

Авторизуйте пользователя: все учетные записи, установите разрешение на чтение/запись, установите метод доступа HTTP, нажмите ОК.

вставьте сюда описание изображения
вставьте сюда описание изображения

Среди них код региона вашей операционной системы относится к официальной документации Alibaba Cloud Region . Например: значение, соответствующее Восточному Китаю 2 (Шанхай), отображаемое в моем обзоре сегмента: oss-cn-shanghai

Примечание. Двоеточие должно использовать английское двоеточие. Перед двоеточием не должно быть пробела, а после двоеточия должен быть пробел. Это фиксированный способ написания yml.

После завершения редактирования нажмите esc для входа: wq, сохраните и выйдите.

Выполните следующую команду, чтобы восстановить статические файлы.

hexo g -d

6. Создавайте статьи

Создайте шаблон уценки статьи.
Выполните следующую команду, чтобы войти в каталог проекта блога и создать новую статью.

cd ~/blog && hexo new first

Пример изображения следующий:
вставьте сюда описание изображения
После выполнения команды в source/_posts будет создан файл уценки, и эта команда сгенерирует файл «first.md».

Напишите файл уценки
(1) Откройте файл first.md и напишите сгенерированный шаблон статьи:

vi source/_posts/first.md

(1) После входа в интерфейс записи автоматически созданный файл уценки показан на рисунке:

вставьте сюда описание изображения

(2) Отредактируйте содержимое, которое вы хотите отредактировать ниже, поддержите синтаксис уценки, пример показан на рисунке:

вставьте сюда описание изображения
Нажмите esc, чтобы войти: wq, сохранить и выйти.

(3) Восстановите статические файлы и разверните их в Alibaba Cloud OSS.

Выполните команду для регенерации статических файлов и их развертывания в Alibaba Cloud OSS:

cd ~/blog && hexo g -d

Результат выполнения показан на рисунке:
вставьте сюда описание изображения
проверьте, прошла ли загрузка Alibaba Cloud OSS успешно,
прямо сейчас вернитесь в интерфейс браузера, нажмите [Список файлов] в списке в левой части сегмента хранилища, если список файлов содержит статические файлы, созданные статическими блогами, это означает статический Файл автоматически загружается в Alibaba Cloud OSS через плагин.Пример изображения выглядит следующим образом:

вставьте сюда описание изображения

Je suppose que tu aimes

Origine blog.csdn.net/qq_42700796/article/details/129299875
conseillé
Classement