ブログを構築するためのフレームワークを使用しhexo

ソフトウェアの準備

（1）Gitの

https://git-scm.com/

参考サイト：

Gitのインストールhttps://www.cnblogs.com/ximiaomiao/p/7140456.html

Gitの設定http://www.xuanfengge.com/using-ssh-key-link-github-photo-tour.html

（2）のNode.js

https://nodejs.org/en/

インストールプロセス：

（1）ノードのインストール

インストールプロセスを追跡するためにクリックして、インストールプロセスは非常に簡単です。

（2）インストールのGit

オンライン方法することができますインストールをフォロー

https://www.cnblogs.com/ximiaomiao/p/7140456.html

（3）インストールHEXO（gitの中で実行される以下のすべての存在を検出するため）

---------------------------------------

検出ノードのインストールは成功しました：

node -v

（バージョン番号を返します）

海抜-v

（バージョン番号を返します）

---------------------------------------

インストール淘宝網のミラー元（接続が不安定になることがありますので、再度、上のエラーは、その上に何回か試すことを恐れてはいけない場合）

ASLインストール-g cnpm --registry = HTTPS：//registry.npm.taobao.org

検出

cnpm

（リターン情報のCnpm）

cnpm -v

（cnpmのバージョン情報を返します）

インストールhexo（それはそれでやり直すに失敗した場合）

-g hexo-CLIをインストールcnpm

検出

hexo- -v

（hexoのバージョン情報を返します）

初期化手順：

ローカルに設立されたブログフォルダ

ページにGitは

PWD（ディレクトリの場所を照会）

（問題はそれをやり直すために、このフォルダを削除directly'llは解決できない、その後の操作中に発生した場合）は、mkdirブログ（ブログディレクトリ内にフォルダを作成します）

---------------------------------------

CDブログ/（ブログフォルダを入力してください）

PWD（ブログフォルダを入力するかどうかを検出）

---------------------------------------

hexoの初期化（すなわち：hexo初期化）

ls -lで（利用可能な初期設定ファイルを参照してください）

hexo S（HEXOを開始）

http：// localhostを：4000

だから、ローカルポート4000であなた自身のウェブサイトを見ることができます

また、操作1を深める（サイトのGithubに展開）

まず、自分のニックネームに応じて、その後、githubのアカウント、githubのを適用+倉庫（倉庫）を構築.github.io（例：hansonpang99.github.io）

プラグインの展開hexoブログのディレクトリをインストールします。

cnpm --save hexo-デプロイヤ-gitのインストール

Visual Studioのコードのオープンを使用することが推奨され、開くためにコンパイラを使用し、_config.ymlファイルブログのファイルを探します

注： Visual Studioのコードの利点：1.サポートマルチ言語、

2.簡略ビュー

3.プラグインの多くの種類を持っています

（元は一切レポ、および支店ではありませんが、タイプのものをバックアップしませんでした）このコードの一部を探します

コードを変更します

名前を入力し、簡単に識別gitのために書かれた提案

ここで上のアドレスをコピーレポリポジトリ倉庫アドレスちょうど新しいgithubのリポジトリ

ここで設定した枝管理者のマスターブランチ

変更後は保存します

Gitは、新しい倉庫githubのを展開する内部hexo Dローカルファイルを入力します。

---------------------------------------

次に訪問します。https：// +自身の倉庫名をアクセスにgithubの上でブログに展開

（例：https://hansonpang99.github.io）

2、さらに操作を深める（ブログのテーマを変更します）

ここでyiliaを交換するテーマの例

---------------------------------------

まず、テーマyiliaをダウンロード

Gitの中に入力されたgitのクローンhttp://github.com/litten/hexo-theme-yilia.git テーマ/ yilia

（クローンアドレス）（クローニング後にローカル位置）

Visual Studioのコードのオープンを使用することが推奨され、開くためにコンパイラを使用し、_config.ymlファイルブログのファイルを探します

コードのこの部分を探す（すなわち、テーマ）

コロンの内容だけではなく、新しいyilia

---------------------------------------

データベースなどを明確きれいhexo

hexoグラム静的なウェブサイトを生成します

hexo dはgithubのに現在のファイルに展開されます

変更のテーマのこの実現

さらに、（ブログで構築されたアルバム機能を追加）動作3を深めます

準備：

pythonをインストールします。

ダウンロード：https://www.python.org/

ダウンロードが完了クリックインストールされた後、インストールのチュートリアル：

https://blog.csdn.net/qq_25814003/article/details/80609729

図他の考察に示すように、インストール中にカスタムインストールを選択します。

インストールが正常に完了した後、テスト、CMDでのpythonに入力

次のインターフェイスは、インストールが成功したことを証明した表示されます。

公式操作：

1. githubの、名前BlogBackupに新しいリポジトリを作成します。

2.ローカルにzip形式で、次のGitHubのリポジトリファイルのダウンロード

倉庫住所：https://github.com/lawlite19/Blog-Back-Up

実行します。

3.一度ローカル解凍に適した場所を見つけるために、ローカルにダウンロード。

解凍結果

2015-05-01_XXX.jpg：ファイルの後4.すべてのファイルを削除して、写真フォルダの中に自分の写真をアップロードするためにあなたの写真に名前を付ける写真や写真2枚のmin_photosのフォルダにファイルを解凍しています（JPG画像を他の形式に変更することができます）、

ファイル5. Visaul Studioのコードを使用して解凍アドレスdata.json自身のブログフォルダに開いているファイルやファイルアドレスをtool.py。

解凍したファイル6.、（操作の前提はgitのがすでにインストールされて表示されます）、マウスを右クリックして、ここでのgit bashの上でクリックしてください

7.ちょうど新しいgithubのリポジトリ（BlogBackup）内を所有するためにそれを提出します

実行します。

オープンGitのページで、

（1）入力のinit gitの （パブリックフォルダのgitリポジトリに変身します）

追加gitの。（追加-Aをgitの）（ローカル・ウェアハウスにロードフォルダ内のすべてのもの）

-mコミットgitの「テスト」 （提出された情報）

リモートgitの写真を追加[email protected]：hansonpang99 / BlogBackup.gitを

（図示のように太字部分は、ウェアハウス・アドレスに対応します）

プッシュ写真gitのマスター （githubのリポジトリへの書類の提出を）

8.あなたのブログの下にディレクトリを入力し実行するためにGitを使用HEXO新しい新ページ「写真」を、ので、新しいディレクトリが存在します

9.設定Yiliaテーマletがそうブログ/テーマ/ yilia / _config.ymlファイルに設定されて表示されます

10.フォルダの写真にスタイルファイル

スタイルファイル住所：

https://github.com/lawlite19/Blog-Back-Up/tree/master/blog_photos_copy

ファイルins.js主にレンダリング関数内で、スタイルファイルを変更します

あなたのgithubののURLアドレスに対応する画像を入れて（ステップ1で作成した、すなわち倉庫アドレス）

11.ピクチャーフォルダを入力画像とtool.pyスクリプトを使用して（つまり、ブログ・バックアップ・マスター・フォルダをダウンロード）

ブログ・バックアップ・マスター・フォルダのオープンGitのページには、写真付きのpython tool.pyを入力してください

ローカルのブログのディレクトリ、オープンgitの下で12。

hexoきれい入力します

hexoグラム

hexo S（検出ではローカル成功、成功した後の次のステップ、または問題解決）

hexoさd（ファイルはgithubのに展開されます）

13。あなたが写真に絵を追加し、すべての時間が経過した後、繰り返しは11と12はgithubのに展開することができるステップ。

さらに4（バックグラウンドミュージック（網易クラウド音楽）を追加）動作を深めます

1.網易のクラウド音楽ホームは、チェーンの外に共有するために選択した背景音楽をコピー

https://music.163.com/ 、あなたは網易クラウド・ページで使用する音楽を選択し、プレイインターフェイスを入力し、

「連鎖プレーヤーの外に生成」をクリックします。

（注意：著作権のある曲がチェーン外で生成することができません）

生成されたコードをコピー

2、導入されたプレーヤーのコード

/ _Partial /左col.ejsナビゲーションタグファイルには、次のコードのテーマ/ yilia /レイアウトを追加します

対応する部分を置換する鎖コード管理外部コードと単にコピーYORK雲の赤部分（それは短い長さの愛の歌を用いて紙を交換しません）

<！ - 網易クラウド音楽プラグイン - >

<％IF（theme.music && theme.music.enable）{％>

<DIVスタイル= "位置：絶対;底：120ピクセル左：自動;幅：85％">

<IFRAME FRAMEBORDER = "NO" ボーダー= "0" MARGINWIDTH = "0" marginheightが "0" 幅= "240" 高さ= "52" SRC = "// music.163.com/outchain/player?type=2&id = <％= theme.music.id || 1334445174％>＆自動= <％= theme.music.autoplay 1：0％>＆高さ= 32" > </ iframe>の

</ div>

<％}％>