アクセス
- VuePress を開きます:
http://<SERVER_IP>
コンテンツの編集と公開
1. Markdown ファイルを追加または編集します: /opt/vuepress/docs
2. ページを追加または名前変更した場合は、次を更新します: /opt/vuepress/docs/.vuepress/config.js ナビゲーションとサイドバーの項目のために。
3. サイトを再ビルドします:
cd /opt/vuepress && npm run docs:build
Nginx は生成されたファイルを次の場所から配信します: /opt/vuepress/docs/.vuepress/dist
再ビルド後に Nginx を再起動する必要はありません。
重要なパス
- プロジェクト:
/opt/vuepress - コンテンツ:
/opt/vuepress/docs - 設定:
/opt/vuepress/docs/.vuepress/config.js - ビルド出力:
/opt/vuepress/docs/.vuepress/dist - NGINX 設定:
/etc/nginx/sites-available/vuepress.conf
ドメインと HTTPS
1. ドメインをサーバーの IP アドレスに向けます。
2. Nginx の設定を編集し、次を置き換えます: server_name _; を自分のドメインに置き換えます(例: server_name <YOUR_DOMAIN>;):
vim /etc/nginx/sites-available/vuepress.conf
3. 設定をテストします:
nginx -t
4. Certbot をインストールします:
apt install -y certbot python3-certbot-nginx
5. Let's Encrypt の証明書を生成します:
certbot --nginx --non-interactive --agree-tos --email <YOUR_EMAIL> -d <YOUR_DOMAIN>
6. Nginx を再読み込みします:
systemctl reload nginx
7. ブラウザを開いて次にアクセス: https://<YOUR_DOMAIN>