ブログの構築

プロセス#

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

フレームワークには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

詳細情報：デプロイ