Geek_Blog

Блог Geek (обслуживание паузы)

Новое поколение Vue2 + Nuxt.js + Semantic Ui имеет личный блог для поддержки рендеринга сервера.

Связь

• Демонстрационная станция: blog.kamtao.com

• Интерфейсный документ INIS: inis.cc

особенность

• Рендеринг сервера

• Поддержка мобильного терминала

• Поддержка темного режима, гладкий и острый режим.

• Каждая страница разделена на каждую страницу

• Только загруженный ключ CSS (страница -Лювель)

• Пользовательское дно и т. Д.

• Обработка плавного переключения маршрута

Установить

Проект основан на разработке INIS, а соответствующий API требует благословений INIS.

Если система блога INIS не развернута, пожалуйста, перемещайте: https://inis.cn/#/article/1

Предварительная подготовка

• Установите панель пагоды

• Инструмент SHH, который может подключить ваш сервер

• Неослабное сердце (важно)

Первый шаг

Сначала установите инструмент управления PM2, чтобы загрузить его в магазин программного обеспечения Pagoda. (Если он был установлен, игнорируйте этот шаг)

Шаг 2

Добавить сайт, это самооплаченное доменное имя

Шаг 3

Затем скопируйте весь Nuxt Project с привязкой каталога доменного имени (эта позиция каталога является каталогом предыдущего шага)

Затем откройте его, файл проекта nuxt.config.js, измените адрес API на доменное имя вашего фонового интерфейса, см. Значок.

Шаг 4

Используйте инструмент SSH для подключения вашего сервера, а затем введите каталог вашего веб -сайта, такой как CD /WWW /XXX, затем выполните команду

 # cd到网站目录（是你的项目目录）
$ cd /www/xxx

# 安装依赖（请注意 要在你的站点目录下执行，请注意node版本是14）
$ npm install  或者 cnpm install

# 构建你的项目
$ npm run build 或者 nuxt build

# 运行
$ pm2 start

# 测试一下
$ pm2 list

# 如果看到以下的样子 说明成功了

Шаг 5

Если в настоящее время нет проблем, это будет успешным Настройка, как показано на рисунке.

Специальное: если ваш текущий порт вступает в конфликт с установленным вами конфликтом, вы можете изменить порт (ecosystem.config.js в каталоге корневых файлов проекта), пожалуйста, обратите внимание на перезапуску PM2 после изменения. (Если у порта нет конфликта, пожалуйста, игнорируйте его)

 # 重启PM2
$ pm2 restart all

Последний шаг

• Посетите в это время, попробуйте свой сайт. Это в основном успешное здесь.

Если к вам все еще нельзя получить доступ, это может быть проблемой порта. Alibaba Cloud и Tencent Cloud открыты в группе безопасности, и группа безопасности пагоды также должна быть открыта.

наслаждайся этим!

обратная связь

В процессе установки и использования, если вы столкнетесь с проблемами, пожалуйста, попросите автора упомянуть об этом. QQ Communication Group: 632274746

способствовать

Добро пожаловать друзья, чтобы внести свой вклад в различные формы, в том числе, но не ограничиваясь: интерфейс, функция, улучшение, ремонт ошибок и т. Д.