Hexo安裝及部署到github

架構(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)而生成博客界面。

window下安裝:

準(zhǔn)備環(huán)境

安裝Git

安裝Node.js

安裝hexo

任意位置點擊鼠標(biāo)右鍵,選擇Git bash,輸入npm命令

npm install -g hexo

創(chuàng)建hexo文件夾

新建一個喜愛的文件夾(如D:\hexo),在D:\hexo內(nèi)點擊鼠標(biāo)右鍵,選擇Git bash(作用是切換git bash工作目錄到D:\hexo),輸入以下命令自動在該文件夾建立網(wǎng)站所需要的所有文件

hexo init

安裝依賴包

npm install

本地查看(通過搭建本地服務(wù)器server查看博客)

安裝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ù)器上,如上解讀所示。

創(chuàng)建github并建立倉庫

倉庫命名規(guī)則:github賬號名.github.io

eg:davidsmartwei.github.io

%%本地與github建立數(shù)據(jù)傳輸聯(lián)系需要ssh密匙

生成SSH密匙

ssh-keygen -t rsa -C “你的郵箱地址”,按3個回車,密碼為空

郵箱地址為你在注冊github時綁定的郵箱

在GitHub上添加SSH密鑰

在本地找到有步驟5生成的兩個文件id_rsa(私匙)和id_rsa.pub(公匙),打開id_rsa.pub并復(fù)制里面的全部內(nèi)容到GitHub上。settings—>SSH and GPG keys—>New SSH key

重點$配置_config.yml使得連接到GitHub

打開_config.yml,翻到最下面,改成我這樣子的,注意: : 后面要有空格

deploy:

type: git

repository: git@github.com:davidsmartwei/davidsmartwei.github.io.git

branch: master

其中把davidsmartwei改為你的GitHub賬號名

安裝deploy

npm install hexo-deployer-git –save

完整測試

hexo clean

hexo generate

hexo deploy

如出現(xiàn)以下提示,則說明部署成功

[info] Deploy done: git

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容