ブログの構築

プロセス#

ブログの構築プロセスを記録する

フレームワークにはHexoを選択し、テーマにはFluidを選択しました。ローカルデプロイは非常にスムーズで、チュートリアルに従って進めました。
設定の調整中に問題が発生しました。最初はnpm install --save hexo-theme-fluidを直接使用しましたが、設定を変更する際にはドキュメントがありましたが、各設定の位置がどのようにネストされているかわからなかったため、方法 2 を選択しました。
ローカルでの設定が完了したら、Github Pages にデプロイする必要があります。Hexo が提供するチュートリアルでは、Github Actionの組み込みトークン変数GITHUB_TOKENが使用されています。公式のドキュメントによると、再帰的なビルドを防ぐために、GITHUB_TOKENでプッシュされたコードは再度アクションをトリガーしません。しかし、将来的にGithub Actionをさらにトリガーして理解することを望んでいるため、独自のキーを設定することを選択しました。
これには最も時間がかかりました。多くの迂回路をたどりましたが、最終的にはGitHub Actions を使用した自動ブログデプロイを参考にしました。
アクションはすでに成功しましたが、アクセスすると 404 エラーが表示されました。調査した結果、自分がGitHub Pages サイトの公開ソースを設定していなかったことがわかりました。
Google の検証を追加する：
GitHub Pages に構築されたブログを Google が検索できるようにするを参考にしました。
1. （略）ウェブサイトの所有権を検証する際に、HTML タグの方法を選択しました。Fluid テーマの head パスは\themes\fluid\layout\_partials\head.ejsです。
読み込み時間を短縮するため、まだ実践していませんが、いくつかの良い記事を記録しておきます。
- Hexo のアクセラレーション
- Hexo で Gulp を使用して静的リソースを圧縮する
画像の挿入については、この記事が非常に詳しいです。
Hexo ブログに画像を挿入するさまざまな方法
最終更新日を追加する：
テーマの設定ファイル_config.ymlのpost:copyright:update_date:enable:をenableに設定します。

クイックスタート#

新しい投稿を作成する#

$ hexo new "My New Post"

詳細情報: 書く

サーバーを実行する#

$ hexo server

詳細情報: サーバー

静的ファイルを生成する#

$ hexo generate

詳細情報: 生成

リモートサイトにデプロイする#

$ hexo deploy

詳細情報: デプロイ