個人的なブログを構築GitHubの+のNode.js + Hexoを使用します

Hexoのブログのプラットフォームを構築する際にBenpian独自のコースレコード。（2019年9月13日には、有効な測定します）

GitHubの

アカウント登録

記事はGitHubのに基づいて、個人的なブログサービスプラットフォームを構築することですので、すべての最初の登録GitHubにある、もちろんアカウントは、このステップをスキップしているため、

リポジトリの作成

ジャンプし、スタートをクリックしてCreate a new repository、ここでの命名リポジトリの名前でusername.github.ioユーザ名が登録したユーザー名であり、。

 

usenameは、そうでない場合は、この厄介な状況が発生しhttps://growvv.github.io/rogn.github.io/、その他を変更しないでください、アカウント名を変更する必要があります！

設定

プロジェクトにジャンプするページを作成]をクリックした後、我々はクリックsettings

その後、我々は、ページをページを下にドラッグして見つけGitHub Pages、[OK]をクリックしますChoose a theme（後で、私は次のテーマを置き換えるため）ここで、我々は一時的にデフォルトのテーマを選択し、ページのテーマを選択し、[OK]をクリックしますSelect theme。

GitHubのページ

テーマを選択するにはクリックして、リポジトリにジャンプしますページは、以下に示すように、それのホーム・ページであると言うことができます。発生もあり、上記テーマを置き換えることがあり思い出さされているindex.md/markdownファイルを。そして、私達はちょうどに行くsetting見ることだけに設定されGitHub Pages、他の側面を、あなたのURLが表示されます、これはURLにあなたの将来のブログ「ビルド」です。

  そして、個人的なブログにアクセスするためのURLをクリックすると、あなたの将来は道が表示されますです

 

Node.jsの

ダウンロードしてインストール

ポータル：nodejs、対応するバージョンのダウンロードを選択し、インストールは、それはここで少しのポイントである物語ではありません。

 ソフトウェアのインストールが完了したら、CMDのインターフェース、入力を開くnode -vとnpm -v、インストールが成功したかどうかを確認するために、どのバージョンを確認します（環境変数の部分が正しくされているかどうかを確認するために注意を払います）。

 

ギット

ダウンロードしてインストール

ポータル：gitのは、ダウンロードしてインストールするには、対応するバージョンを選択します。インストールプロセスは、ここであなたはほとんどのポイントを説明していません。

インストールが完了したら、あなたは右、バージョンを見て、手動で環境変数を追加する必要がありますgit --version

 

 インストールHexo

コマンドラインで、次のように入力します

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

 フォルダを作成した後（ここに格納ブログ関連のファイルをビルドする）、ここで私が名前のテストが戻って、フォルダのパスと、入力ボックスのCMDにフォルダのパスで、オープンCMD（（自己名前を付けることができます）車）、またはcmdがフォルダ、型に直接切り替えるには：

hexoの初期化

（このコマンドを実行する前に、フォルダが空であることを確認する必要があります

このコマンドが壊れている場合は、この記事の最後の段落を参照してください。

デフォルトのテーマの景観をダウンロードする時には、これらの問題いくつかの文字化けはなく、そこにされている操作、後に見て、最後のディスプレイは、ライン上の成功を追加します追加します。

 

 このフォルダに次の以上の何か：

 

ローカルで実行されています

この時点で、またはフォルダのパスにcmdとを入力してください（5000 -pセットポート5000を表し、これを書いていない場合、デフォルトは4000ですが、状況は、ポート番号を開くことができないページで、その結果、発生する可能性が占有されている）で：

-p hexoサーバー5000

今すぐブラウザを入力してhttp://localhost:5000/、ブログのデフォルトのインターフェイスへのアクセスを：

 

 

これでは、我々はできるhello_world_blog.md、私がテストとして使用されたため、マップはここではないので、何を、自分のブログのコンテンツファイルを追加します。再実行はhexo server -p 5000、ローカルホストのアクセスが追加されたコンテンツを持つページを見ることができます。

次のように他の関連するコマンドは以下のとおりです。

• hexo clean パブリックフォルダとその内容（のGitHubのRepositoriyにアップロードされたパブリックフォルダのコンテンツの内容）を削除します
• hexo generate またはhexo g GitHubに、そのパブリックフォルダにアップロードされたコンテンツを生成します
• hexo deploy またはhexo d GitHubのにアップロード（設定します）

这时候，博客的基本设置（主题设置留待以后）都已弄好，接下来就是解决将博客内容上传至GitHub上的问题。

配置个人信息

打开Git Bash，配置个人信息，分别输入如下命令，yourname即GitHub注册时的用户名，yourEmail即注册时的邮箱账号，以及生成秘钥：

git config --global user.name "yourname"
git config --global user.email "yourEmail"
ssh-keygen -t rsa -C "yourEmail"

需要带上双引号

在秘钥生成后，会有对应的存放文件地址，去该地址中，找到id_rsa.pub文件，复制里面的内容，粘贴至GitHub中，点击右上角用户头像下的Settings，之后点击左侧的SSH and GPG keys，找到New SSH key点击，输入title，并将之前复制的内容粘贴到下面的key中，最后点击Add SSH key，完成：

 

 

 

配置Deployment

去博客总目录下的_config.yml文件中，找到deploy部分，添加如下（yourname就是GitHub的用户名）：

deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io.git
  branch: master

整体流程

至此，除了博客主题（目前采用默认主题）外，其他基本设置都已弄好。
整体的写文上传等操作流程为：

1. hexo new newBlog
2. hexo clean
3. hexo g
4. hexo d

 

遇到的问题

hexo d命令报错 ERROR Deployer not found: git

解决方法：

这是因为没安装hexo-deployer-git插件，在站点目录下输入下面的插件安装就好了：

npm install hexo-deployer-git --save

 

 

参考链接：

1. https://asdfv1929.github.io/2017/11/18/hexo-next-blog/

2. https://blog.csdn.net/qq_21808961/article/details/84476504