個人的なブログを構築するためにHexo + GitHubのを使用win10

I.はじめに

ブログサービスを構築するためにgithubのページを使用すると、次のような利点があります

• 静的ファイルの完全な、高速なアクセス速度
• 無料で簡単に、あなたはあなた自身のサーバーを用意する必要はありません
• 独自のドメイン名をバインドする無料
• 絶対的なデータセキュリティ、GitHubのに基づいて、バージョン管理、バージョンがそうなるに復元したいです
• ブログの内容は簡単に、パッケージ化され転送され、他のプラットフォームに公開することができます

準備

• 登録しない場合はGitHubのアカウントは、ありhttps://github.com/
• Windowsの（または他のクライアント）のためにgitをインストールします。
• Node.jsのをインストールし、NPM

Node.jsのインストールおよびNPM

ダウンロードする公式サイト適切なインストールのバージョンは、私は、MSIは、ファイルWin64の下にあった
、あなたは次の（注に、インストールパスのステップを選択し、すべての方法をデフォルトの設定に応じてすべての残りの部分をインストールパスをカスタマイズすることができます直接ダウンロード後にインストール：意志上のMSIファイルのインストール手順自動設定環境変数、意志はzipファイルをダウンロードする前であれば、手動で環境変数を設定する必要があります）
インストールを確認、中CMDまたはGitのブッシュを入力し
node -v
、適切なバージョン番号が表示された場合、インストールは成功しました！！！nodejsの新バージョンは、コマンドラインを入力し、またインストールする前に、NPM一緒に、NPMを統合しているので
npm -v
、適切なバージョン番号が表示された場合、インストールは成功しました！！！
NPMのデフォルトのインストール場所を変更します。
C：管理者のAppData \ローミング下NPMとNPM-キャッシュ\ \ Users \ユーザー、すべてのモジュールはここにインストールされている（もちろん、あなたがデフォルトの位置NPMのダウンロードモジュールを変更しない場合、デフォルトのインストールパスがあります）修飾されなくてもよいです。
、node_modules-> NPMに変わり、ノードのインストールパスを探す：方法を変更npmrcファイル修正プレフィックスを、問題がnpmrcファイルのプレフィックスにオンラインチュートリアルの多くをリリースする予定で、キャッシュは2を持っているかわからない、と私は、ファイルをnpmrcしかし、唯一の接頭辞。
prefix=D:\NodeJS\node_global

第二に、リポジトリGitHubのブログを作成します

倉庫を作成する
ユーザー名がテストであれば、あなたは自分のユーザー名でなければなりません（新倉庫をtest.github.io、新しい「ユーザー名の.github.io」と呼ばれる倉庫githubのを作成するために、他の名前が無効です）、将来はhttp://test.github.ioにアクセスするためのウェブサイトのアドレスです。（注：ウェアハウスを作成するすぐに反映しないことがあり、約10〜20分かかります）

SSHキーの設定
ステップ1：SSHキーを作成します。このディレクトリ内のこれら2つのファイルが存在しid_rsaとid_rsa.pubとあれば、あなたが既に持っているかどうかを確認し、その後がある場合は、そこにある場合の.sshディレクトリを参照するには、ユーザーのホームディレクトリで、そして、あなたは、次のステップに直接ジャンプすることができます。ない場合は、シェル（WindowsのGitのBashの下にオープン）を開き、キーSSHを作成する：
ssh-keygen -t rsa -C "[email protected]"
あなたがあなた自身の電子メールアドレスへのアドレス、およびその後のラウンドのすべての方法を電子メールで送信する必要があり、デフォルト値を使用します。すべてがうまくいけば、ユーザーのホームディレクトリの.sshディレクトリで見つけることができ、2 id_rsaとid_rsa.pubおよびファイルが存在し、両方のSSHキーは、秘密鍵id_rsaと、秘密鍵のペアで、漏れることができない、id_rsa.pub公開鍵である、安全に誰にも伝えることができます。
ステップ2：GitHubに、オープンログイン
ステップ2を：あなたのgithubのページを開き、あなたの個人的な設定を入力- > SSHとGPGキー- >新しいSSHキー、タイトルid_rsa.pubの内容を埋めるために自由な複製の最初のステップを生成中にキーを押すと、追加のSSHキーをクリックします。
あなたはを参照することができます：SSHキーを設定します

第三に、使用hexo書き込みブログ

約hexo
HexoはGithubのページのブログ、マークダウン形式のサポートに基づいて、単純な、高速で、強力なパブリッシングツールで、多くの優れたプラグインやテーマがあります。動的なコンテンツのgithubのページは静的なファイルに格納されるため、ブログの店舗だけではなく、記事の内容、及び記事のリスト、分類、表示、およびその他のページ、各完成品は、手動でのブログのディレクトリとリンクを更新する必要がある場合情報には、私は誰もが怒っているだろうと信じているので、hexoは、これらのファイルがローカルに配置され、それぞれの呼び出しは、バッチ完了の関連ページを生成するために記事書かコマンドを書き込んだ後、そのページへの変更があるmdの提出されたんでしたgithubのに。

インストールhexo
npm install -g hexo
インストールが失敗または低速接続状況が発生する可能性がある外国でのダウンロード元ので、そう、あなたは国内のイメージにレジストリソースをNPMすることができます。

#获得原来的镜像地址
npm get registry
#设置为淘宝镜像
npm config set registry http://registry.npm.taobao.org/
#换成原来的
npm config set registry https://registry.npmjs.org/

初期化は、
あなたのコードを格納する場所として、将来的に起因このフォルダに、\ Gitは\ myHexoので、それはないのがベストです：どこかhexoフォルダ（名前は簡単に取ることができます）と呼ばれる新しいファイルを作成するコンピュータで、例えば、私はDです何気なく入れ。

cd D:/Git/myHexo
hexo init
hexo g    #生成
hexo s    #启动

上記のコマンドを実行した後、hexoは行くために、将来のgithubのに提出することになっている公文書に関連するHTMLファイルのフォルダが生成されます。hexoのプレビューは、httpにアクセスするには、ブラウザを開いて、ローカルサービスである：// localhostを：4000ポートが占有されているので、ブラウザに遭遇する多くの人々は、通常の状況下では、円を描くようにロードされますが、問題外ではありませんされているかを確認します理由は、4000以降のポートあまりにも一般的な、ポートの競合を解決するには、を参照してくださいこの記事 hexoの最初の初期化が開いて、Hello Worldの、比較的醜いデフォルトのテーマと呼ばれる記事を書くために私たちを助けています、このように：

テーマを変更する
デフォルトのテーマが気に入らない場合、あなたがすることができます公式サイトにダウンロードし、別の素敵なポイントを。
例えば、入れHEXO-テーマ-yiliaを最初のテーマをダウンロードし、

cd D:/Git/myHexo
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

テーマは···/ myHexo /テーマを置かれますダウンロード、_config.ymlテーマにmyHexoを変更：風景がテーマ変更：yiliaをし、再生成するhexo gを繰り返します。
いくつかの不可解な問題ならば、あなたは国民の内容をクリーンアップするクリーンhexoを行うことができ、その後、戻ってきて、再世代のリリース。

GitHubにアップロード
手順1：展開に関連する部分で_config.yml設定

deploy:
  type: git
  repository: [email protected]:liuxianan/liuxianan.github.io.git
  branch: master

ステップ2：プラグインのインストール
npm install hexo-deployer-git
不確かな他のコマンドを、このコマンドの展開はそれ以外の場合は、許可拒否（公開鍵）を要求されます、のgit bashのを使用する必要があります。
第三段階：すべての提出のためにこのコードを変更する必要がありますhexo dを入力して、あなたのgit bashのを開きます。

ブログを書く
ソース/ _postsディレクトリにhexo新しいコマンドを使用するか、または手動た.mdファイルを作成し、hexo D -gあなたはyourname.github.ioてブログにアクセスできるように、書かを生成し、アップロードを使用！！！

共通コマンド

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

#缩写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

#组合命令
hexo s -g #生成并本地预览
hexo d -g #生成并上传

第四に、関連する構成

使用の絵は
、例えば、私は/public/2019/03/12/hello-world/index.htmlた公共のサブディレクトリに静的なページを生成した後、ファイルをhello-world.mdので、リンクされた画像は、次のように書くことができます（../../../../img/img.png）、それは公共/ IMGファイル内の画像にリンクされています。

編集サイトアイコン

• 手順を変更します。
  • お気に入りのアイコン、名前のfavicon.pngを探します
  • 中myHexo /テーマ/ yilia /ソース/ IMG /上の写真（myHexo私hexo空間は、yiliaは私のテーマです）
  • 、myHexo /テーマ/ yilia /レイアウト/ _partial / head.ejs検索コンテンツを検索し、次のように改正：

  <% if (theme.favicon){ %>
    <link rel="icon" href="/img/favicon.png">
  <% } %>

ボーエンリストは、全体の内容は表示されませんようにする方法を
あなたのブログは、全体の内容を示し、プラス右の位置ボーエンではありませんしたい場合は、デフォルトを、生成されたブログのディレクトリは、記事の内容全体を表示する タブ。（注：変更前と後のラベルは、好ましくはプラス空行です）

質問の展開hexoシリーズはgithubのにREADMEファイルを削除します

• 理由
  • 私たちは、コマンドhexo gを実行した後に、htmlファイルとしてレンダリングされた.mdファイル形式で文書を調達し、次のパブリックを配置します
  • 実行がhexo dを続けた後、公共対応XXX.github.ioこの倉庫に提出されたすべての書類を次します
  • 地元のパブリックフォルダは、このファイルをREADME.mdしませんので、公共の書類を提出する際、githubのは、あなたが削除されたファイルをREADME.mdと思いますが、また、特定のあるgithubの倉庫README.mdファイルを、削除しますので、理由
• ソリューション
  • 私たちは、ローカルのソースファイルに新しいファイルを作成しますREADME.md
  • _Config.yml Hexoは、README.md skip_renderにパラメータの値をルート・ファイルを変更します

skip_render: README.md

//  为什么需要设置这一步呢？
//  因为你执行hexo g命令时，hexo会默认将source文件里的所有md文件渲染为html文件放到public中，
//  同时README.md会被渲染为README.html文件放到public文件里
//  加上这段设置，就是告诉hexo的解析器，你在渲染source文件里的md文件时，跳过README.md文件

ここリファレンス

V.あとがき

一度に長い時間前に建てられたが、理由は台無しにするのではなく、（より少ないが使用される主な理由は、またブログを書く方法を）無駄になっています。しかし、今、多くの場合、これらの質問に答えるためにしようともして表面の一部を見て他の人の間でインターンシップを探していますが、自分の意志の多くの知識を見つけましたが、表現するために正確で、明確ではないが、そうすることを望んで、このブログから再構築するために調製することが彼自身の日に蓄積された重要な知識のいくつかは、あなたのスキルを練習するために、テキストの形で表現するだけでなく、消化の知識のために、総括します。
原因のNode.jsに、多くの時間を過ごすために設定最後のブログは、NPM、hexoは何年も、それは常にどこ間違っていると感じ、知りません、エラーの様々なも他の人のチュートリアルで表示されます（彼らは強迫性障害を持っていることを感じます!!!）。今日は、この事を取るも、私は12時間を費やし、最終的に出て得ることができました！！！

ブログの参照：HTTPS：//www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html#%E4%B8%8A%E4%BC%A0%E5%88%B0github
Gitリポジトリチュートリアルします。https：//www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000