Docs

🚀 Hexoを使用した技術文書の共有サイト構築とCloudflareへの公開

このプロジェクトでは、Hexoを使用して簡単な技術文書の共有サイトを構築し、Cloudflareに公開する方法を紹介します。紹介する記事には以下のものが含まれます。

• "全面瞭解 n8n v1.88.0 的重磅更新 —— MCP Server"
• "教會你用 Google AI Studio 提早結束工作回家"
• "C# 設計模式學習筆記與程式碼範例"
• "JavaScript 設計模式學習筆記與程式碼範例"
• "Functional Design Pattern は関数型プログラミングとデザインパターンを組み合わせた概念です"

✨ 主な機能

• Hexoを使用して簡単に技術文書を共有するサイトを構築できます。
• Cloudflareに公開することで、広くアクセス可能なサイトを作成できます。

📦 インストール

インストール要件

Node.js と Git をインストールする必要があります。

Hexoのインストール

npm install hexo-cli -g

インストールが成功したかどうかを確認するために、現在インストールされているHexoのバージョン番号を確認します。

hexo version

または

hexo -v

Hexoプロジェクトの作成

hexo init <フォルダ名>

私は通常、新しく作成したフォルダをプロジェクトのディレクトリにコピーします。これにより、cd <フォルダ名> を実行する必要がなく、直接Hexoプロジェクトを初期化できます。

npm install

Hexoプロジェクトの起動

hexo server

通常は http://localhost:4000/ で、このURLをクリックするとブラウザでサイトを閲覧できます。 エラーが発生した場合、例えば

FATAL Permission denied. You can't use port 4000.

ポートを変更することができます。

hexo server -p 5000

💻 使用例

基本的な使用法

静的ファイルとキャッシュのクリア

hexo clean

静的ファイルの生成

hexo generate

新しい記事の追加

hexo new <タイトル>

リモートへの公開

hexo deploy

Cloudflareへの公開

Cloudflareのアカウントを登録します。左側のメニューから "計算(Workers)" を選択し、"Worker 和 Pages" を作成します。

高度な使用法

ビルド構成

ビルドコマンド

npm run build

ビルド出力ディレクトリ

public

変数とシークレット

NODE_VERSION 20.11.0

公開URL: https://docs-axs.pages.dev