Node.js+Hexo個人ブログシステム構築
4094 ワード
Hexoとは?
Hexoは、迅速で簡潔で効率的なブログフレームワークです.HexoはMarkdown(または他のレンダリングエンジン)を使用して文章を解析し、数秒以内に美しいテーマを利用して静的ページを生成することができます.WordPressなどのダイナミックブログに比べて、比類のないスピードを持っています.ブログに静的なコンテンツがたくさんある場合は、Hexoが最適です.
インストール
Node.jsのインストール
Hexoはノードベースですjsの静的ブログフレームワークなので、インストール前にNodeをインストールする必要があります.js
●Windows
ノードからjs官网下载最新版的exeまたは.msiインストールファイル(自分のパソコンで32ビットか64ビットかを決める)は、普通のソフトウェアをインストールするようにインストールされます.
コマンドプロンプト(管理者)を開き、
npm install -g hexo-cli
エラーなしで正常にインストールされました
●Linux
ノードからjs官网下载最新版的tar.xzファイル
wget -O nodejs.tar.xz https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz
ファイルの解凍
tar -Jxvf nodejs.tar.xz
nodejsフォルダを/usr/local/ディレクトリに移動
mv nodejs /usr/local/
nodeとnpmをグローバルコマンドに設定する
ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm
Hexoのインストール
コマンドラインに次のコマンドを入力してhexoをインストールします.
npm install -g hexo-cli
サイトを作成して使用
新しいブログ
Hexoのインストールが完了したら、次のコマンドを実行します.Hexoは指定したフォルダに必要なファイルを新規作成します.
hexo init <folder> // ,
cd <folder> //
npm install //
新規作成後、指定したフォルダのディレクトリは次のとおりです.
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
ほとんどのパラメータを構成できるWebサイトの構成情報.
source
リソースフォルダは、ユーザーリソースを格納する場所です.postsフォルダ以外では、最初に(下線)と名付けられたファイル/フォルダと非表示のファイルは無視されます.MarkdownとHTMLファイルは解析されpublicフォルダに配置され、他のファイルはコピーされます.
themesトピックフォルダ.Hexoはトピックに基づいて静的ページを生成します.
文章を書く
hexo new [layout] </code></pre>
<p><strong> (Layout)</strong></p>
<ul>
<li>post : </li>
<li>page: </li>
<li>draft: </li>
</ul>
<h3 id=" "> ( )</h3>
<pre><code>hexo s
hexo <span class="hljs-keyword">server</span>
hexo <span class="hljs-keyword">server</span> -p <span class="hljs-number">5000</span> <span class="hljs-comment">// 5000, 4000</span></code></pre>
<h3 id=" "> ( )</h3>
<p> , public , , VPS</p>
<pre><code>hexo <span class="hljs-keyword">generate</span>
hexo g
hexo <span class="hljs-keyword">generate</span> <span class="hljs-comment">--watch // </span></code></pre>
</div>
</div>
</div>
</div>