Hexo 搭建github個人部落格

2021-07-11 10:37:27 字數 1589 閱讀 5676

主要有一下幾個指令

$ hexo new

(n) //寫文章

$ hexo generate(g) //把文章生成頁面

$ hexo server(s) //啟動本地服務除錯

$ hexo deploy(d) //部署到github 可與hexo g合併為 hexo d -g

如果喜歡以官方教程為主的,點這裡

hexo官方文件

。因此以下教程是針對hexo的版本為3.x以上的,大家放心使用。

安裝git 

安裝hexo使用以下命令安裝hexo到全域性

$npm install

-g hexo

然後輸入命令hexo -v輸入hexo的版本號即為安裝成功。

github準備

ok,環境都準備好了,開始激動人心的步驟了,搭建部落格。

在某個地方新建乙個專案資料夾(比如blog),然後進入blog目錄,以下所有的命令列操作都是在這個資料夾下進行的。$

hexo init

初始化完成之後,就已經生成一篇「hello word」的文章了,現在執行以下命令把文章編譯為靜態頁面:

可能還需要npm init指令根據提示

$hexo generate

把文章變為頁面之後,可以執行以下命令,本地啟動服務,在瀏覽器中輸入http://localhost:4000/ 檢視生成的頁面效果。$

hexo server

如果你看到了下面這個畫面,恭喜你,你成功了!

上面的部落格效果是hexo自己預設的主題landscape,如果你滿足與它,可以跳過這個步驟,直接進行下一步。但是我卻還不夠滿足,因為我發現了乙個頁面互動人性化,並且完美相容不同終端顯示的主題 yilia ,貌似這個主題受歡迎程度很高呀,說明我的審美還是不錯啊,哈哈~~

下面貼出github上star數量最多的前10個主題:

1. iissnan/hexo-theme-next , 3510個star。

2. litten/hexo-theme-yilia , 1703個star。

3. tryghost/casper , 679個star。

4. wuchong/jacman , 503個star。

5. a-limon/pacman , 431個star。

6. daleanthony/uno , 416個star。

7. orderedlist/modernist , 367個star。

8. alxmedia/hueman , 336個star。

9. kathyqian/crisp-ghost-theme , 303個star。

10. xiangming/landscape-plus , 287個star。

上面所有的操作完成之後,你就可以將你的blog專案部署到github上了。

部署成功後,使用hexo server啟動。你在瀏覽器中輸入  ,就能看到和本地一樣的效果了。

每次修改hexo檔案後使用hexo d -g發布到github

好了,到這裡搭建github部落格的步驟就結束了

Github 搭建 hexo 微博秀

github 搭建 hexo 微博秀 可以在自己的靜態部落格裡面新增 微博秀這個功能 因為目前csdn只有部落格專家才有許可權在部落格欄目裡自定義新增部落格秀 step 1 step 2 具體的副檔名 比如這裡.jade 根據主題可能不一樣,有的是.jade,有的是.ejs。或者還有其他副檔名的檔案...

使用hexo和github搭建個人部落格

在網上尋找 了一些利用github搭建個人部落格的教程後選定的是使用hexo和github搭建個人部落格,好處是1.利用github發布部落格只需要買個網域名稱或者不買都行,花費較少。2.全是靜態檔案,訪問速度快 3.資料絕對安全,基於github的版本管理,想恢復到哪個歷史版本都行。4.部落格內容...

hexo搭建個人部落格 使用Hexo搭建個人部落格

node.js 附帶npm git npm install hexo cli g g選項表示全域性安裝 global 即安裝到你的電腦中而非專案目錄中,建議新增,這樣在命令列就可以直接使用hexo命令。hexo init 目錄名稱 cd 目錄名稱 npm i 官方文件已經完整說明了每個配置項的作用,...