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>