Appearance
VitePress ドキュメント公開(docs.slotkouryaku.com)
概要
VitePress でビルドしたプロジェクトドキュメントを、サブドメイン docs.slotkouryaku.com に公開する手順です。ローカルで npm run docs:dev を起動しなくても、ブラウザでドキュメントを参照できます。
前提条件
- ConoHa WING 等でサブドメイン
docs.slotkouryaku.comを追加し、ドキュメントルートを用意していること - デプロイ設定ファイルの準備(
config/docs.env) - (任意)アクセス制限: Basic 認証や IP 制限で「自分のみ」に限定する場合は、サーバー側で設定すること
設定手順
1. config/docs.env の作成
bash
cp config/docs.env.example config/docs.env
nano config/docs.env2. 設定する項目
| 変数 | 説明 |
|---|---|
| DEPLOY_HOST | サーバーのホスト名または IP(本番・ステージングと同一の場合は同じ) |
| DEPLOY_PORT | SSH ポート(省略時は 22) |
| DEPLOY_USER | SSH ログインユーザー名 |
| DEPLOY_SSH_KEY | 秘密鍵のパス(例: ~/.ssh/your-private-key.pem) |
| DEPLOY_REMOTE_PATH | docs 用ドキュメントルートのフルパス |
DEPLOY_REMOTE_PATH の例(ConoHa WING で docs.slotkouryaku.com を追加した場合):
/home/your-username/public_html/docs.slotkouryaku.com3. パーミッション
bash
chmod 600 config/docs.envデプロイ手順
bash
./bin/deploy-docs.shこのスクリプトは以下を実行します。
npm run docs:buildで VitePress をビルド(先に DBML から ER 図 SVG を生成してからビルド。出力:docs/.vitepress/dist/)rsyncでビルド成果物をDEPLOY_REMOTE_PATHにアップロード(既存ファイルは上書き・削除済みファイルは削除)
確認
ブラウザで https://docs.slotkouryaku.com にアクセスし、ドキュメントが表示されることを確認してください。
アクセス制限(任意)
「自分のみ」で閲覧したい場合は、サーバー側で次のいずれかを設定してください。
- Basic 認証: ドキュメントルートに
.htaccessと.htpasswdを配置し、Apache の Basic 認証を有効にする - IP 制限: 自宅やオフィス等の固定 IP のみ許可するように
.htaccessまたはサーバー管理画面で設定する
詳細は利用中のレンタルサーバー(ConoHa WING 等)のマニュアルを参照してください。