開(kāi)始

在安裝hexo之前，必須確認(rèn)你已經(jīng)安裝了Node.js和Git，并且注冊(cè)了一個(gè)Github賬號(hào)。

1.創(chuàng)建Github倉(cāng)庫(kù)

1) 倉(cāng)庫(kù)名為xxx.github.io

創(chuàng)建一個(gè)以"用戶名.github.io"命名的倉(cāng)庫(kù)，如我的用戶名為mroccyen,那我的倉(cāng)庫(kù)名為：mroccyen.github.io，倉(cāng)庫(kù)默認(rèn)有master分支，用于托管生成的靜態(tài)文件，再新建一個(gè)develop(名字自定)分支，用于托管后臺(tái)文件，方便以后換電腦時(shí)后臺(tái)文件不會(huì)丟失。

2) 倉(cāng)庫(kù)名為其他名稱，如myblog

如果是以其他名字命名的，如myblog，則需要建立一個(gè)gh-pages分支用于托管生成的靜態(tài)文件，必須是gh-pages分支。后臺(tái)文件可以托管在master分支上，也可以放在其他的分支。

2.配置Git

設(shè)置Git的用戶名和郵件地址（郵箱就是你注冊(cè)Github時(shí)候的郵箱），打開(kāi)Git Bash,鍵入：

$ git config --global user.name "username" $ git config --global user.email "email@example.com"

3.本地Git與Github建立聯(lián)系

這里介紹SSH的配置，先檢查電腦是否已經(jīng)有SSH

$ ls -al ~/.ssh

如果不存在就沒(méi)有關(guān)系，如果存在的話，直接刪除.ssh文件夾里面所有文件。
輸入以下指令后，一路回車就好：

$ ssh-keygen -t rsa -C "emailt@example.com"

然后鍵入以下指令：

$ ssh-agent -s $ ssh-add ~/.ssh/id_rsa

如果出現(xiàn)這個(gè)錯(cuò)誤:Could not open a connection to your authentication agent，則先執(zhí)行如下命令即可：

$ ssh-agent bash

再重新輸入指令：

$ ssh-add ~/.ssh/id_rsa

到了這一步，就可以添加SSH key到你的Github賬戶了。鍵入以下指令，拷貝Key（先拷貝了，等一下可以直接粘貼）：

$ clip < ~/.ssh/id_rsa.pub

在github上點(diǎn)擊你的頭像-->Your profile-->Edit profile-->SSH and GPG keys-->New SSH key
Title自己隨便取，然后這個(gè)Key就是剛剛拷貝的，你直接粘貼就好（也可以文本打開(kāi)id_rsa.pub復(fù)制其內(nèi)容），最后Add SSH key。
最后還是測(cè)試一下吧，鍵入以下命令：

$ ssh -T git@github.com

你可能會(huì)看到有警告，沒(méi)事，輸入“yes”就好。

4.初始化hexo文件夾

如果建立的是xxx.github.io倉(cāng)庫(kù)，到GitHub的xxx.github.io倉(cāng)庫(kù)下，如果建立的是其他名字的倉(cāng)庫(kù)，則到其他名字倉(cāng)庫(kù)下，我這里是創(chuàng)建myblog，然后點(diǎn)擊Clone or download，復(fù)制里面的HTTPS地址。
在你本地電腦的文件夾下，右鍵Git Bash Here: 鍵入git clone 。

$ git clone https://github.com/mroccyen/myblog.git $ mkdir myblog

Hexo安裝配置

1.Hexo初始化

進(jìn)入myblog文件夾

$ cd myblog

接下來(lái)只需要使用 npm 即可完成 Hexo 的安裝，如果在當(dāng)前的文件夾下始終安裝失敗，到C盤里去安裝，會(huì)成功。

$ npm install -g hexo-cli

安裝 Hexo 完成后，請(qǐng)執(zhí)行下列命令，Hexo 將會(huì)在指定文件夾中新建所需要的文件:

$ hexo init $ npm install

接下來(lái)也可以本地預(yù)覽博客，執(zhí)行下列命令,然后到瀏覽器輸入localhost:4000看看。

$ hexo generate $ hexo server

輸入Ctrl+C停止服務(wù)。

2.Hexo配置

用編輯器打開(kāi) myblog/ 下的配置文件_config.yml找到：

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: repository:

到GitHub的myblog倉(cāng)庫(kù)下，點(diǎn)擊Clone or download,復(fù)制里面的HTTPS地址到repository:，添加branch: gh-pages

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitrepository: https://github.com/mroccyen/myblog.gitbranch: gh-pages

3.完成部署

最后一步，快要成功了，鍵入指令：

$ npm install hexo-deployer-git --save $ hexo generate $ hexo deploy

輸入彈出框的用戶名與密碼(首次使用git會(huì)彈出)。
OK，我們的博客就已經(jīng)完全搭建起來(lái)了，在瀏覽器輸入（當(dāng)然，是你的Repository名），例如我的：myblog
每次修改本地文件后，需要鍵入hexo generate才能保存，再鍵入hexo deploy上傳文件。成功之后命令行最后兩句大概是這樣：

To https://github.com/mroccyen/myblog.git7f3b50a..128a10d HEAD -> gh-pagesINFO Deploy done: git

這樣生成的靜態(tài)文件就上傳到github的myblog倉(cāng)庫(kù)中的gh-pages分支中了。最后再把myblog文件夾中的所有文件上傳到github中的myblog倉(cāng)庫(kù)中的master分之中。

日常操作

1.寫文章

執(zhí)行new命令，生成指定名稱的文章至 myblog\source_posts\文章標(biāo)題.md 。

$ hexo new [layout] "文章標(biāo)題" #新建文章

然后用編輯器打開(kāi)“文章標(biāo)題.md”按照Markdown語(yǔ)法書寫文章。
其中l(wèi)ayout是可選參數(shù)，默認(rèn)值為post。到 scaffolds 目錄下查看現(xiàn)有的layout。當(dāng)然你可以添加自己的layout，
同時(shí)你也可以編輯現(xiàn)有的layout，比如post的layout默認(rèn)是 myblog\scaffolds\post.md

title: { { title } } date: { { date } } tags: - tag1 - tag2 ---

我想添加categories，以免每次手工輸入，只需要修改這個(gè)文件添加如下行：

title: { { title } } date: { { date } } categories: - categories1 - categories2 tags: ---

文件標(biāo)題也是md文件的名字，同時(shí)也出現(xiàn)在你文章的URL中，postName如果包含空格，必須用"將其包圍。
請(qǐng)注意，大括號(hào)與大括號(hào)之間我多加了個(gè)空格，否則會(huì)被轉(zhuǎn)義，不能正常顯示；所有文件"："后面都必須有個(gè)空格，不然會(huì)報(bào)錯(cuò)。

2.提交

每次在本地對(duì)博客進(jìn)行修改后，先執(zhí)行下列命令提交網(wǎng)站相關(guān)的文件。

$ git add . $ git commit -m "你的描述" $ git push origin master

然后才執(zhí)行hexo generate發(fā)布網(wǎng)站到gh-pages分支上。

$ hexo generate

3.本地倉(cāng)庫(kù)丟失

當(dāng)你想在其他電腦工作，或電腦重裝系統(tǒng)后，安裝Git與Node.js后，可以使用下列步驟：

1)拷貝倉(cāng)庫(kù)

$ git clone https://github.com/mroccyen/myblog.git

2)配置Hexo

在本地新拷貝的myblog文件夾下通過(guò)Git bash依次執(zhí)行下列指令:

$ npm install -g hexo-cli $ npm install hexo $ npm install $ npm install hexo-deployer-git --save

3)小Tips:hexo 命令

hexo new "postName" #新建文章 hexo new page "pageName" #新建頁(yè)面 hexo generate #生成靜態(tài)頁(yè)面至public目錄 hexo server #開(kāi)啟預(yù)覽訪問(wèn)端口（默認(rèn)端口4000，'ctrl + c'關(guān)閉server） hexo deploy #將.deploy目錄部署到GitHub hexo help # 查看幫助 hexo version #查看Hexo的版本 hexo deploy -g #生成加部署 hexo server -g #生成加預(yù)覽 #命令的簡(jiǎn)寫 hexo n == hexo new hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy

轉(zhuǎn)載于:https://www.cnblogs.com/qingsp/p/6385838.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Github+Hexo搭建静态博客的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。