ブログをNuxt.jsで実装したのでメモを残す
ブログを Hexo
で運用していましたが、勉強も兼ねて Nuxt.js
で書き起こしました。
Hexo
時代の資産も活かすためにMarkdown
のままかけるようにしています。
いろいろハマったポイントもあったので、実装メモ。
目次
- 記事は MarkDown で書きたい
- Nuxt.js に MarkDown を読み込む
- md ファイルのパスに合わせて Nuxt のパスも設定する
- 環境変数を使いこなす?読み込んだファイル情報を vue に持っていく
- md のアンカでも Vue ルータを利用する
- sitemap.xml の作成(動的パスへの対処)
- Google Ads (@nuxtjs/google-adsense)
- Google Analytics (@nuxtjs/google-analytics)
- ブログにコメント機能を追加する
- functions に json がアップできない罠
- onRequest と onCall
- firebase functions をローカルで実行する
- ローカルデバッグと組み合わせた設計
- ステージング環境
- ステージング環境の robots
- firestore の権限
- function の endpoint に大文字使えない説(おそらく windows のみ)
- コメントが投稿されたら slack に通知する
- firebase functions のメモリ使用量を制御する
- firebase functions のメモリ使用量をコンソールから制御する
- Buefy(Bulma) と github-markdown の共存
- Nuxt.js でコンポーネントを一括登録する
- variables のグローバル化
- ページタイトルの動的設定
※ リンクのないものはこれから書く予定です。