1. 程式人生 > >hexo助小白打造個人部落格之入門篇

hexo助小白打造個人部落格之入門篇

本人一直想擁有一個個人的技術部落格,苦惱不知如何開始。作為一個小白,還是從最簡單的入手為好,在多方查詢資料後,決定基於github+hexo打造一個簡單的個人部落格。下面我簡單記錄下過程。

1.為什麼選擇github+hexo?

github為每個註冊使用者都提供了免費的二級域名與空間,給部落格小白提供了初期建立部落格的實驗環境,非常人性化。而hexo作為當前一個非常流行的部落格框架,快速、簡潔且高效。hexo 基於nodejs,非常適合前端開發者,很快可以入手。而且支援時下流行的 markdown(或其他渲染引擎)解析文章生成靜態網頁,文章編寫會非常簡單快速。

2.如何建立github blog的雛形?

(1)在github上建立一個blog倉庫,倉庫資訊簡單填寫即可。

這裡寫圖片描述

(2)進入倉庫設定頁面,填寫一些必要的資訊。

這裡寫圖片描述

這裡把倉庫名稱先填一下

這裡寫圖片描述

接下來翻到下面,選擇master分支,選擇一個主題來發布部落格頁面。然後就可以通過提供的網址來訪問到自己的部落格了。

這裡寫圖片描述

這裡寫圖片描述

(3)如何修改我的部落格頁面呢?
初始生成的頁面是基於README.md內容的。所以你可以修改這個檔案的內容來觀察頁面改動的效果。

這裡寫圖片描述

想要做更復雜的頁面就可以用到部落格框架hexo或者官方推薦的jekyll。這裡我自己選用的是hexo。

3.利用hexo打造更生動的部落格程式

(1)下載安裝hexo cli工具

npm install -g hexo-cli

(2)安裝 Hexo 完成後,執行下列命令,Hexo 會在指定資料夾中新建所需要的檔案。

hexo init myblog
cd myblog
npm install

(3)Hexo 3.0 把伺服器獨立成了個別模組,必須先安裝 hexo-server 才能使用。

npm install hexo-server --save

(4)安裝好伺服器模組後,執行這個命令來生成靜態檔案。

hexo generate
//或者 hexo g

(5)執行啟動伺服器的命令,瀏覽器開啟localhost:4000檢視hexo部落格頁面效果

hexo server

這裡寫圖片描述

好了,第一步算是大功告成了。想要做更深入的瞭解,請關注我的後續文章。

本人的hexo小部落格,歡迎猛戳!