Hexo+github静的ブログを作成

1900 ワード

2016年の年末、ついに技術ブログの構築を決意した.経験を分かち合うというほどではないので、自分の勉強ノートだと思ってください.最初のブログは、もちろんブログがどのように構築されているかを紹介します!
以下を読み続ける前に、まずNode、Gitをローカルにインストールし、対応する構成を完了してください.GitHubアカウントを持っています.
具体的な手順はCrazyMilkのこの文章を参照してください.本文もこの文章の基礎の上で、いくつか出会った問題と解決の方法を記録しました.CrazyMilkに改めて感謝!
タイトルがHexo+githubと呼ばれている以上、主に2つの部分に分かれています:Hexoローカル初期化、git同期.
強調しますが、このブログの作成時に使用した[email protected][email protected][email protected][email protected].

Hexoローカル初期化


Hexo公式サイトのインストール手順を参照してください.

$ npm install hexo-cli -g

$ hexo init blog

$ cd blog

$ npm install

$ hexo server


まずhexo-cliをインストールして、ネット上の一部のインストールのチュートリアルはすべて初期のバージョンを使って、hexo-cliをインストールする必要はありませんて、泣いて...
次に$hexo init blogはhexoを初期化します.blogはあなたがhexoを保存しているフォルダ名で、どこで実行してどこでblogフォルダを生成します.cd blogはblogの下のパスに入り、npm installを実行して対応する依存ファイルをインストールします.hexo sはサーバを起動し、成功したら次のように表示されます.

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.


git同期(エンジニアリングファイル&静的ファイル)


GitHubに新しいrepoをusernameと名付けます.github.io、デフォルトのブランチはmaster(その後、ブログの静的ファイルを保存するために使用されます)で、新しいブランチをHexo(その後、どのコンピュータに行ってもcloneエンジニアリングファイルをローカルに書くことができることを保証するために使用されます)と命名し、settingでupdatをデフォルトブランチとして使用します.
blogフォルダ以外の任意のパスで実行します.

$ git clone [email protected]:username/username.github.io.git


GitHubの倉庫をローカルに同期します.記事を参照する手順と異なるのはhexo init時に生成されるためである.gitはcloneを上書きするときに生成される.gitにより、hexoブランチにプロジェクトファイルをpushできなくなりました.
解決策は、cloneをコピーして生成することである.gitフォルダは、blogに戻り上書きする.git.
次に変更_config.yml(デフォルトフォルダの下にあるthemeの同名ファイルではありません):

deploy:

type: git

repo: https://github.com/username/username.github.io.git

branch: master


repoは倉庫アドレスで、branchはプッシュのブランチをmasterに変更します.
これからは楽しく文章を書くことができます!書き方は公式の中国語ドキュメントを直接見ることができます.
工事書類に対する修正があればgit addを順次実行する.git commit-m「...」、git push origin hexoプッシュhexo分の下に保管します.