程式設計師如何從0到1搭建自己的技術部落格

周偉偉的技術部落格發表於2019-03-29

記得剛畢業參加工作時,每天早上到公司後,都會逛逛部落格園,看一下各位大牛前輩寫的文章,也許是興趣使然,當時就特別想搭建一個屬於自己的獨立的技術部落格。

時間就是過的這麼快,轉眼間這麼多年過去了,我的這個夢想卻一直未付諸行動,也就一直沒有實現。

在2018年底接近過年的時候,我的這個想法又特別的強烈,於是就花了很多時間去研究搭建個人技術部落格的方法,功夫不負有心人,終於在2019年初實現了自己的這個夢想。

在這個過程中,收穫了很多,也看到了很多大牛的優秀的技術部落格,本篇文章就記錄下我的技術部落格是如何從0到1搭建起來的,總結下自己的成果,也希望能幫助到有相同夢想的你。

1.原來的認知

原來我以為搭建一個個人部落格至少需要完成以下幾項工作:

  • 部落格構思(比如部落格做成什麼樣子,後臺如何維護,登入,註冊等)
  • 編碼(構思完成後,如何編碼實現這些功能)
  • 技術學習(比如要學習前端技術以及後端技術,全棧的節奏有沒有)
  • 購買域名,伺服器,資料庫例項(一大筆花銷有沒有)
  • 部署(這個倒沒有難度,但被前面的步驟卡住了,哈哈)

基於這個認知,我的部落格夢想一拖再拖,當時註冊了一個部落格園賬號,偶爾把工作中遇到的問題的解決思路,寫成文章釋出到部落格園,但寫的很少。

2.認知被打破

在2018年底的時候,搭建個人部落格的想法變得非常強烈,因為自己意識到寫部落格對自己的知識體系的構建非常重要,於是在網上找搭建個人部落格的方法,然後發現了大牛純潔的微笑

的個人部落格網站的一篇部落格《技術人如何搭建自己的技術部落格》,發現原來可以藉助於Jekyll+GitHub Pages快速搭建一個個人部落格,甚至連域名與伺服器都不需要,直接把程式碼託管給GitHub,再簡單配置一下即可。

3.從0到1搭建部落格

基於此篇部落格,我按照如下步驟一步一步初步搭建起了自己的個人部落格(中間也是踩了一些坑並含淚解決):

1.開啟github.com/ityouknow/i…,點選Fork按鈕複製一份到自己的倉庫(需要一個GitHub賬號,沒有的話註冊一個)

程式設計師如何從0到1搭建自己的技術部落格

過一會,你的倉庫裡就能看到。

2.重新命名倉庫名稱

程式設計師如何從0到1搭建自己的技術部落格

3.刪除或修改CNAME檔案

假設你不需要自定義的域名,可以將根目錄的CNAME檔案刪除。

如果需要自定義的域名,就修改成自己的域名,如我的域名是:www.zwwhnly.com

4.設定GitHub Pages

開啟Settings,找到GitHub Pages,現在預設就是從master分支構建,

如果你不需要設定自定義域名,那麼預設的域名就是{github username}.github.io,如我的就是zwwhnly.github.io,如果你需要自定義域名,可以在如下圖所示位置設定:

程式設計師如何從0到1搭建自己的技術部落格

5.修改README.md

修改該檔案的內容為自己的,這個檔案的內容會展示在倉庫下方

程式設計師如何從0到1搭建自己的技術部落格

6.修改_config.yml

修改該檔案裡,網站的標題,github賬號,倉庫地址,網站的域名,郵箱等資訊,如我當時的修改大概如下:

程式設計師如何從0到1搭建自己的技術部落格

此時,如果你不需要自定義域名的話,直接使用預設的域名(我的是zwwhnly.github.io)就可以訪問了。

如果自定義了域名,就需要新增域名解析,如我的域名是在萬網買的,新增的解析如下:

程式設計師如何從0到1搭建自己的技術部落格

新增完解析,過幾分鐘後,輸入自己的域名www.zwwhnly.com,就可以訪問了,如下所示:

程式設計師如何從0到1搭建自己的技術部落格

5.個人資訊修改

感覺很簡單,有沒有,不過此時部落格中的內容都是原作者的,Link和About頁面的資訊也不是自己的,可以先修改下以下幾點,剩餘的就看你自己想如何修改了:

  1. 刪除_posts檔案下的所有部落格
  2. 修改about.html頁面資訊為自己的資訊
  3. 修改link.html頁面內容

6.如何釋出部落格

後續寫部落格使用Markdown語法,寫完之後將檔案放到_posts資料夾下,然後提交程式碼到GitHub,因為GitHub Pages內部,需要使用Jekyll將你提交的檔案編譯成最終的html,因此需要稍微過幾分鐘,才能在網站看到你新發布的部落格。

程式設計師如何從0到1搭建自己的技術部落格

很方便有沒有,但是也有一些缺點,比如訪問很不穩定(畢竟用的免費的伺服器),動不動就罷工:

程式設計師如何從0到1搭建自己的技術部落格

而且百度收錄不好,不好使用百度統計(是不是百度和GitHub有過節,哈哈)

程式設計師如何從0到1搭建自己的技術部落格

作為一個有追求的程式設計師,實在無法忍受這兩點,於是趁著阿里雲做活動購買了一臺伺服器,想把這個部落格部署到自己的伺服器上,誰知過程相當痛苦(搞環境花了3天左右),此過程會再寫一遍部落格分享。

7.參考連結

技術人如何搭建自己的技術部落格

相關文章