架構(gòu)圖:

hexo—>相當(dāng)于wordpress,是博客內(nèi)容的載體或叫平臺,組成文件有以下:
deploy:執(zhí)行hexo deploy命令部署到GitHub上的內(nèi)容目錄
public:執(zhí)行hexo generate命令,輸出的靜態(tài)網(wǎng)頁內(nèi)容目錄
scaffolds:layout模板文件目錄,其中的md文件可以添加編輯
scripts:擴(kuò)展腳本目錄,這里可以自定義一些javascript腳本
source:文章源碼目錄,該目錄下的markdown和html文件均會被hexo處理。該頁面對應(yīng)repo的根目錄,
404文件、favicon.ico文件,CNAME文件等都應(yīng)該放這里,該目錄下可新建頁面目錄。
_drafts:草稿文章
_posts:發(fā)布文章
themes:主題文件目錄
_config.yml:全局配置文件,大多數(shù)的設(shè)置都在這里
package.json:應(yīng)用程序數(shù)據(jù),指明hexo的版本等信息,類似于一般軟件中的關(guān)于按鈕
github—>它就是一個服務(wù)器,專門存放生成的靜態(tài)文件
命令:hexo generate—>把用戶資源文件轉(zhuǎn)化為靜態(tài)HTML文件
命令:hexo deploy—>把靜態(tài)HTML文件發(fā)送到GitHub服務(wù)器的倉庫中(repository)
外網(wǎng)如何訪問GitHub中的靜態(tài)HTML文件:1.github倉庫命名規(guī)則,github賬號名.github.io 例如我的倉庫為davidsmartwei.github.io,為什么這么命名呢,因為你可以通過在瀏覽器里輸入?https://davidsmartwei.github.io/?找到存放在github服務(wù)器上的靜態(tài)HTML文件,通過里面的文件進(jìn)而生成博客界面。
安裝Git
安裝Node.js
安裝hexo
任意位置點擊鼠標(biāo)右鍵,選擇Git bash,輸入npm命令
npm install -g hexo
新建一個喜愛的文件夾(如D:\hexo),在D:\hexo內(nèi)點擊鼠標(biāo)右鍵,選擇Git bash(作用是切換git bash工作目錄到D:\hexo),輸入以下命令自動在該文件夾建立網(wǎng)站所需要的所有文件
hexo init
安裝依賴包
npm install
安裝server
npm install hexo -server –save
生成靜態(tài)HMTL文件及發(fā)送到本地服務(wù)器
hexo generate
hexo server
在瀏覽器中輸入localhost:4000即可預(yù)覽到博客,但是目前外網(wǎng)是訪問不了博客,因為該博客只存放在本地,要想通過外網(wǎng)訪問,需要把靜態(tài)HMTL文件發(fā)送到github服務(wù)器上,如上解讀所示。
倉庫命名規(guī)則:github賬號名.github.io
eg:davidsmartwei.github.io
%%本地與github建立數(shù)據(jù)傳輸聯(lián)系需要ssh密匙
ssh-keygen -t rsa -C “你的郵箱地址”,按3個回車,密碼為空
郵箱地址為你在注冊github時綁定的郵箱
在本地找到有步驟5生成的兩個文件id_rsa(私匙)和id_rsa.pub(公匙),打開id_rsa.pub并復(fù)制里面的全部內(nèi)容到GitHub上。settings—>SSH and GPG keys—>New SSH key
打開_config.yml,翻到最下面,改成我這樣子的,注意: : 后面要有空格
deploy:
type: git
repository: git@github.com:davidsmartwei/davidsmartwei.github.io.git
branch: master
其中把davidsmartwei改為你的GitHub賬號名
npm install hexo-deployer-git –save
hexo clean
hexo generate
hexo deploy
如出現(xiàn)以下提示,則說明部署成功
[info] Deploy done: git