メインコンテンツへスキップ
50% off 全プラン対象、期間限定。月額 $2.48/mo
VitePress

VitePress

VitePress は、Vite と Vue を基盤とする静的サイトジェネレーターです。Markdown を書けば、開発時の即時リロードと拡張可能な組み込みテーマを備えたドキュメントサイトができます。MIT ライセンスで、GitHub スター 18,200 以上。

概要

18.2k

GitHubスター

1

ページビュー

ライセンス MIT バージョン 1.6.4 OS Ubuntu Server 24.04 LTS Min RAM 1 GB IP IPV4,IPV6

アクセス

  • VitePress を開きます: http://<SERVER_IP>

コンテンツの編集と公開

1. Markdown ファイルを追加または編集します: /opt/vitepress/docs

2. ページを追加または名前変更した場合は、次を更新します: /opt/vitepress/docs/.vitepress/config.mjs ナビゲーションとサイドバーの項目のために。

3. サイトを再ビルドします:

cd /opt/vitepress && npm run docs:build

Nginx は生成されたファイルを次の場所から配信します: /opt/vitepress/docs/.vitepress/dist

再ビルド後に Nginx を再起動する必要はありません。

重要なパス

  • プロジェクト: /opt/vitepress
  • コンテンツ: /opt/vitepress/docs
  • 設定: /opt/vitepress/docs/.vitepress/config.mjs
  • ビルド出力: /opt/vitepress/docs/.vitepress/dist
  • Nginx の設定: /etc/nginx/sites-available/vitepress.conf

ドメインと HTTPS

1. ドメインをサーバーの IP アドレスに向けます。

2. Nginx の設定を編集し、次を置き換えます: server_name _; を自分のドメインに置き換えます(例: server_name <YOUR_DOMAIN>;):

vim /etc/nginx/sites-available/vitepress.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>

開発ツールの他の記事

関連アプリ。

今すぐ VitePress をデプロイする 月額2.48ドルから。