GitHub + Hexo折騰筆記(上)

寫在前面的話:我是一個不折騰就不會死星人。喜歡嘗試一切新鮮的事物,崇尚極簡風格,遵循KISS原則。使用Arch Linux工作環境。

概述

一直想做一個自己的獨立博客,專注與記錄一些學習心得讀書感悟之類的東西,但一直找不到合適的方式去展示,最近心血來朝,看了一些帖子就想自己搭建一個個人博客。

做為一個入門級程序員,必須要逼迫自己學習Git這一神器,同時比較了幾款Blog框架,最終選擇了Hexo。原因很簡單,這四個字母看著順眼;還有一點是既然別人做出來了,而且還流行了起來,那么其一定有出色和值得使用的地方,并且人家的技術一定比我好。

閑話少說,一句話概括一下GitHub:一個開源的,強大的文件倉庫,結合版本控制程序git,實現高效的知識分享(源代碼的分享)。Hexo:基于Node.js開發的靜態網頁博客框架。特點是,簡潔,方便,易管理。

折騰過程

  1. Hexo 安裝前的準備
    安裝Hexo之前要確保計算機上已經安裝好 Node.js 以及 Git 軟件。這兩個軟件的安裝方法不再贅述,自行查閱軟件官方文檔。英文水平不好的建議下個詞典。

推薦一個極好用的翻譯軟件:Star-Dict:中文名叫星際譯王。史上最好的翻譯軟件,沒有之一。需要自行下載字典包。需要安裝的小白請聯系我詢問安裝方式。

  1. 安裝 Hexo

    $ npm install -g hexo-cli ```
    
    
  2. 建立個人博客
    在本地電腦上建立要存放網站的文件夾,比如:建立一個blog文件夾。進入blog文件夾,并指定其為blog主文件夾。

   $ mkdir blog
   $ cd blog
   $ hexo init . 
   $ npm install ```
經過以上四步,基本工作就算完成了。接下來就可以生成網頁博客內容了。
 $ hexo g # 或者hexo generate
 $ hexo s # 或者hexo server ```

生成的博客網頁可以在 http://localhost:4000/ 查看。

  1. 開始寫文章
    Hexo支持使用 Markdown 工具進行文章內容創作。開始寫文章前應先建立一個新的文檔:

Markdown 是一款寫作神器,使用少量的標記符號(# * - |)等對文章標題、結構進行說明,采用純文本方式保存發布文檔,極限聚焦寫作過程,減少寫作精力分散到格式排版之類的雜事中,推薦使用。

使用下面的命令進行新文檔的建立:

$ hexo new "postName"  # 新建文章
$ hexo new page "pageName" #新建頁面```
文檔內容創作完成準備發布之前仍然要首先進行靜態文件的生成,才可瀏覽新的文檔。

$ hexo g # 或者hexo generate
$ hexo s # 或者hexo server ```

  1. Blog的部署
    掌握了blog文檔的建立之后,我們將此部署到遠程服務端上,這時候就是GitHub大顯身手的時候了。注冊一個GitHub賬戶(這個過程和你注冊微博賬號或者其他社交賬號的過程是類似的,不懂的請離開~)

簡單重復介紹一下GitHub。我們要部署到服務器上其實主要是利用了GitHub Pages的功能,GitHub Pages 原本是用來介紹自己托管在GitHub的項目的,不過,由于他的空間免費穩定,所以我們就恬不知恥的用來做搭建一個博客了(其實使用GitHub搭建Blog似乎還引起了一些道德上的爭論,而爭論的本質是大家伙害怕因為如此行為導致GitHub不堪 ‘重負’ ,就此消失在程序猿的世界里;另一個層面也反饋出咱們大天朝在某些方面是在是落后的凄慘面貌)。

又扯遠了,由于GitHub的每個帳號只能有一個倉庫來存放個人主頁,而且倉庫的名字必須是 username/username.github.io,這是特殊的命名方式命名的。因此我們在賬號申請注冊完成后便可以(也只能必須)新建一個以用戶名開頭,.github.io 結尾(形如 username.githu.io )的主頁項目,也稱之為倉庫。項目建立完成后,我們可以通過http://username.github.io 來訪問我們的個人主頁。

接下來就是最重要的時刻了,我門現在就準備把我們拿Hexo搭建好的blog部署到GiitHub Page 上了。
首先了解一下部署的基本原理:在注冊完成后我們建立了一個倉庫(repository:username.github.io),其最大的特點就是該master中的html靜態文件可以通過連接 http://username.github.io 直接訪問。而前面我們提到,在使用Hexo建立blog時,命令 $ Hexo -g 會生成一個靜態的網站,而這個靜態的網站是可以直接訪問的。同時,git程序可以將我們生成的靜態網頁直接提交到我們建立好的倉庫中(repository:username.github.io),這樣我們便可以通過訪問連接 http://username.github.io 來直接訪問我們的靜態網頁(也就是我們的Blog),說道這里,是不是瞬間覺得有種很神奇的感覺彌漫開來?
明白了原理后,我們的工作就是把本地生成的靜態網頁文將推送到我們建立好的倉庫中。
首先進行配置文件的修改,設置配置文件_config.xml 內容如下:

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master ```
修改好配置文件后,運行以下命令進行部署:

hexo d ```

至此,我們的工作就算告一段落了~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容