在 GitHub 上搭建 Hexo 個人博客

Hexo簡介

Hexo是一款基于Node.js的靜態(tài)博客框架。目前在GitHub上已有7285 star 和 1207 fork.Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。

特性

  • 風(fēng)一般的速度
    Hexo基于Node.js,支持多進程,幾百篇文章也可以秒生成。

  • 流暢的撰寫
    支持GitHub Flavored Markdown和所有Octopress的插件。

  • 擴展性
    Hexo支持EJS、Swig和Stylus。通過插件支持Haml、Jade和Less.

優(yōu)勢

  • 首先它支持 Markdown,這樣我們撰寫博客就會變得十分方便。

  • Hexo 的擴展性也十分強大,它支持EJS、Swig,我們還可以通過插件讓它支持Haml,Jade,Less等。

  • Hexo 支持多線程,生成幾百篇文章所需要的時間只不過幾秒鐘。

  • Hexo 支持一鍵部署,只需要一條命令就可以把博客發(fā)布到 GitHub 上。

下面我們就來搭建這個博客,首先要搭建這個博客,必須要安裝Node.js,搭建環(huán)境完成之后,我們需要安裝Hexo框架。

安裝

打開終端,輸入命令:

$ npm install hexo -g

回車

輸完之后,等等。。報錯?這是啥玩意


這。。這是啥? Google之后,發(fā)現(xiàn)只需要輸入命令

$ sudo npm install --unsafe-perm --verbose -g hexo

就可以了。

安裝完成之后,我們開始新建一個項目

$ cd /Users/fay 進去一個新的文件夾

然后 $ hexo init hexoblog hexoblog是自己起的一個項目名稱

Hexo 會在這個文件夾內(nèi)自動生成文件。


之后我們需要安裝Hexo需要的模塊

$ cd hexoBlog

$ npm install

現(xiàn)在我們就把Hexo安裝好了。

新建博客

  • 我們來新建一篇博客

$ hexo new "hello world" #快捷鍵 'hexo n'

hello world是我們的博客標(biāo)題

  • 生成靜態(tài)網(wǎng)站

$ hexo generate #快捷鍵 'hexo g'

  • 生成本地鏈接

$ hexo server #快捷鍵 'hexo s'

10 (1).png

Hexo默認的端口是4000,打開瀏覽器輸入http://localhost:4000 看看生成的靜態(tài)博客.

我們的博客就已經(jīng)寫好了。

寫好之后我們怎么部署到github.com上呢?

部署博客

首先我們要知道一些關(guān)于 GitHub Pages:

  1. GitHub Pages 是免費的靜態(tài)站點;
  2. 搭建簡單而且免費;
  3. 自帶主題,支持自定義頁面;
  4. 支持綁定域名;

我們可以看到,GitHub Pages 十分適合我們在上面掛我們的博客。

在 GitHub 上搭建我們的博客有兩種方式:

  • 為個人或組織建立 Pages。
  • 為某個項目建立 Pages。

進入github后我們需要注冊一個直接帳號,如果有帳號的直接登錄即可。

新建倉庫
  • 在 自己或組織 下建立一個名為 aeronxie.github.io 的倉庫。

注意:倉庫名稱必須跟自己的登錄名稱相同

  • 之后我怕們就可以使用 http://aeron.github.io 來訪問我們的博客了

在Hexo上配置并部署到Github上

在終端進入到 hexoblog 目錄后,找到并打開 _config.yml 這個文件

注意最后的那個

deploy:
    type:
    repository:
    branch:

分別填上 git github的地址 master

最后將博客部署到Github上

打開終端并輸入: $ hexo deploy #快捷鍵 hexo d

最后我們的博客就部署完畢了!

總結(jié):

搭建Hexo

$ npm install hexo -g       # 安裝 Hexo
$ hexo init hexoBlog        # 新建 Hexo 項目 <hexoBlog>
$ cd hexoBlog               # 進入 hexoBlog
$ npm install               # 安裝 Hexo 模塊
$ hexo new "Hello Hexo"     # 新建一篇博客
$ hexo generate             # 生成靜態(tài)網(wǎng)站
$ hexo server               # 在本地跑一遍網(wǎng)站 默認 http://   localhost:4000
$ hexo deploy               # 開始部署

更新博客

    $ hexo new "title"      # 新建博客
    $ hexo g                # 生成靜態(tài)網(wǎng)站
    $ hexo s                # 在本地預(yù)覽網(wǎng)站效果
    $ hexo d                # 開始部署
最后編輯于
?著作權(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)容