nuxt で書いた web サイトを heroku でホスト
@nuxt/content というパッケージを利用している
この README.md
を読むと誰でもウェブサイトを編集できるようになります.
main ブランチへ push すると,Heroku で自動で公開されます
- Github のアカウントを作成する
- Github デスクトップをダウンロードする
- ローカルでファイルを編集&保存
- 左側,更新したいファイルにチェックを入れて,何を変更したのかメッセージを入れてコミット(=自分の PC 上での編集履歴に保存)
- main ブランチに push (=共有の編集履歴に対して変更を伝える)
変更量少ないときはこちらでも OK
- 同じ
- PC から GitHub にブラウザ上でアクセス,編集してコミット
どうぞ
- node をインストール
- yarn をインストール
$cd ku-clinic-sonzoku
移動$ yarn
パッケージインストール$ yarn dev
- localhost:3000 にブラウザでアクセス
- ブラウザで編集したいところをクリックすると編集できる
@nuxt/content とは,Markdown ファイルを綺麗に表示してくれるパッケージ
詳細はこちらに
content/ja/
に記事編集者が書いた markdown ファイルをおき,static/
に添付画像などを置くcontent/ja/*.md
ファイルを作成するとファイル名に基づき,自動でルーティングが行われるcontent/ja/*.md
ファイル上部には title, description, position, category, version, fullscreen を記入する- Markdown 部分では普通の記法の他,@nuxt/content 専用拡張機能が利用可能
日本語と英語に対応 (現在英語対応は off)
- content/ja
- content/en
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate
$ yarn start
For detailed explanation on how things work, check out Nuxt.js docs.