hexoを使用して個人ブログを作成する01
2830 ワード
1.hexoの概要
hexoの公式の説明によると、高速で簡潔で効率的なブログフレームワークです. hexoはnodeJsに基づいてウェブページを生成し、同じタイプの静的ブログフレームワークjekyllなどよりもレンダリング速度が速くなる(後者はrubyに基づいてページ生成される). hexoはGithub Pagesを良好に統合しています.これにより、ユーザーは自分のブログをgithubに簡単に導入し、自分のサーバを構築する必要がなく、無料で安定し、無限のトラフィックのサービスを楽しむことができます. hexoが提供する完全なMarkdown構文サポートにより、ユーザーは、難しいテキストフォーマットの変更に集中するのではなく、文章の内容の作成に集中することができます. hexoはカスタムトピックをサポートし、githubで優れたオープンソースhexoトピックを多く見つけてブログに適用することもできます.
2.環境構成 nodeJsは、hexoがnodeJsを使用して静的Webページを生成するため、hexoを使用するにはnodeJsが必要です.NodeJsの公式サイトに登録すると、自分のシステムに基づいて適切なバージョンを選択してインストールすることができます. git自分のブログの文章をgithubに配置したい場合は、gitは少なくありません.通常、OS XとほとんどのLinuxリリース版にはgitが内蔵されています.もしあなたのマシンがWindowsシステムであれば、公式サイトにアクセスして最新バージョンのgitをダウンロードし、
3.hexoのインストール
NodeJsのインストールに成功した後、nodeパッケージマネージャ(npm)を通じてhexoとその依存するプラグインをダウンロードすることができます.shellでコマンドを実行します.
上記のコマンドが正常に実行されると、hexoクライアントプログラムはすでにあなたのマシンに正常にインストールされました.
4.あなたのブログを初期化
shellでコマンドを実行します.
hexoは、現在のディレクトリの下に
これにより、作業ディレクトリが
通常、hexoはHello Worldというデフォルトのブログを自動的に生成します.その場所は、
第1の命令は、hexoに
5.記事の作成と編集
上記の手順を完了すると、ローカルのhexoは基本的に構築されました.今、
これにより、文書の新規作成が完了し、vimまたは他のエディタで
文章を開くと、次のような内容が表示されます.
--- title: Hello Hexo date: 2016-01-25 09:12:21 tags: ---
2つの
今、
もっと知りたいなら、私の次の文章を参考にしてください.「hexoを使って個人ブログを作る02」
hexoの公式の説明によると、高速で簡潔で効率的なブログフレームワークです.
2.環境構成
$GIT_HOME/bin
パスをシステムの環境変数に追加してください.3.hexoのインストール
NodeJsのインストールに成功した後、nodeパッケージマネージャ(npm)を通じてhexoとその依存するプラグインをダウンロードすることができます.shellでコマンドを実行します.
~$ npm install hexo-cli -g
上記のコマンドが正常に実行されると、hexoクライアントプログラムはすでにあなたのマシンに正常にインストールされました.
4.あなたのブログを初期化
shellでコマンドを実行します.
~$ hexo init blog
hexoは、現在のディレクトリの下に
blog
というディレクトリを生成します(もちろん、他の好きな名前に変更することもできます).このブログに関する構成、トピック、テキストコンテンツなどは、このディレクトリの下でhexoによって管理されます.次にshellで実行します.~$ cd blog
~/blog$ npm install
これにより、作業ディレクトリが
~/blog
に切り替わり、そのディレクトリのpackage.json
に基づいてhexoをインストールするために必要な依存パッケージが構成されます.通常、hexoはHello Worldというデフォルトのブログを自動的に生成します.その場所は、
~/blog/source/_posts/hello-world.md
がshellで次の2つのコマンドを実行します.~/blog$ hexo generate
~/blog$ hexo server
第1の命令は、hexoに
~/blog
ディレクトリの構成およびテキストコンテンツに基づいて対応するウェブページファイルを生成させる.生成されたhtml、cssなどの静的ファイルは、~/blog/public
ディレクトリの下に表示されます.第2の命令は、本機の4000
ポートでhexoサービスを開始することである.上記のコマンドを正常に実行したら、ブラウザを開き、localhost:4000
にアクセスします.デフォルトのhexoブログページが表示されたら.あなたのhexoブログが成功したことを示しています.サービスを終了したい場合は、ctrl + C
を入力します.5.記事の作成と編集
上記の手順を完了すると、ローカルのhexoは基本的に構築されました.今、
Hello Hexo
という文章を新しいものにしたいと思っています.shellで実行するには、次の手順に従います.~/blog$ hexo new "Hello Hexo"
これにより、文書の新規作成が完了し、vimまたは他のエディタで
~/blog/source/_posts
ディレクトリにあるHello-Hexo.md
ファイルを開くことができます.shellで実行するには、次の手順に従います.~/blog$ vim source/_posts/Hello-Hexo.md
文章を開くと、次のような内容が表示されます.
--- title: Hello Hexo date: 2016-01-25 09:12:21 tags: ---
2つの
---
の間にはyaml形式の文章構成があり、文章のタイトル、日付、ラベルなどを指定できます.2番目の---
以降、Markdown構文を使用してこのブログの本文を作成することができます.記事の作成が完了したら、Webページを再生成しhexoサービスを起動し、shellで実行します.~/blog$ hexo generate
~/blog$ hexo server
今、
localhost:4000
に再アクセスして、あなたの新しいブログを見ましたか?もっと知りたいなら、私の次の文章を参考にしてください.「hexoを使って個人ブログを作る02」