在自媒體時代，許多程序員都擁有自己的博客/個人網(wǎng)站，這類站點的建立可以幫助我們記錄生活點滴，進(jìn)行個人展示，也能幫助自己擴(kuò)展社交圈子，做到以博識友。在不斷寫作的過程中，能逼自己進(jìn)行腦力挖礦，讓自己對未知世界了解得更多，開拓思維。

本文將從開始準(zhǔn)備到搭建到后期維護(hù)具體講述一下如何搭建一個自己的博客/個人網(wǎng)站。

思考博客受眾

在搭建個人博客前，作為程序員的你需要思考搭建這個博客的目的是什么？想要記錄自己的技術(shù)實踐？想要分享一些 IT 相關(guān)的見聞和思考？而對于初入職場的小伙伴來說，擁有著一個豐富的個人博客可以讓你的面試官對你刮目相看。如果沒有明確的方向也沒有關(guān)系，可以去參考一下你所喜歡的個人博客網(wǎng)站～

為什么需要一個獨立的博客

目前已經(jīng)有了很多非常成熟的博客托管平臺，比如博客園，Wordpress.com，BlogSpot 之類的，那么為什么我們不使用這些平臺而是選擇自己建立一個博客站點呢？

本地 Markdown 管理文章文件，真正將自己的文章把握在自己手中，隨意可以導(dǎo)出到任何的平臺上沒有廣告，如果你不希望有的話有自己的域名，獲得自己的互聯(lián)網(wǎng)聲望豐富的主題和界面可以供選擇鍛煉部署技巧

博客程序的選擇

博客由一篇篇博文構(gòu)成，每篇博文都有標(biāo)題，內(nèi)容，分類目錄和 Tag 等屬性，作為一個高度有結(jié)構(gòu)的站點（因為每篇博文的樣式，屬性大致相同），我們一般通過一些成熟的 CMS 管理工具來進(jìn)行管理，一般來說常用的有以下幾類：

靜態(tài)博客，一般是本地編寫好 Markdown 文件，然后通過相關(guān)的程序渲染好 HTML 后直接將 HTML 發(fā)布到服務(wù)器上，代表有——Hugo 和 Hexo動態(tài)博客，一個運(yùn)行在服務(wù)器上的博客程序，一般提供一個在線的編輯器供使用者在線編寫，代表有——Wordpress 和 Ghost

靜態(tài)博客和動態(tài)博客的區(qū)別非常明顯：

靜態(tài)博客的優(yōu)點在于博客的編寫和編輯都在本地進(jìn)行，任何一個可以托管靜態(tài)頁面的地方都可以托管我們的博客，比如 GitHub。缺點就是需要在本地安裝靜態(tài)博客生成工具，且生成的站點的評論只能通過第三方的插件來進(jìn)行。動態(tài)博客雖然提供了一個非常友好的后臺，完全可以通過 Web 的操作來進(jìn)行管理，缺點是需要有自己的服務(wù)器，且對于使用的博客程序需要有比較多的理解（比如安裝 Wordpress 就需要手動配置 Nginx，PHP-FPM 等）。

本文以 Hexo 為例，講解一下如何用最小的成本搭建一個有自己域名的博客站點（Hexo 生成頁面，托管于 GitHub，使用自己的域名）。

域名的選擇

這一步非必須，但是有一些小的知識需要大家了解：

百度不收錄.github.io 結(jié)尾的站點，即如果直接使用 GitHub 托管的話，用戶在百度上無法搜到自己站點上的內(nèi)容；有 SSL（也就是網(wǎng)址前面的https://啦）比沒有會在搜索引擎的排名中更加靠前；在內(nèi)容相同的情況下，有著自己的域名更加利于搜索引擎的優(yōu)化（SEO）。

所以如果有相關(guān)需求的話，建議購買自己的域名。

開始搭建

Hexo 的安裝非常簡單，在已經(jīng)安裝好 NodeJS 的情況下只需要通過：

npm install hexo-cli -g

即可安裝 Hexo，然后我們創(chuàng)建一個目錄用來存放自己的博客文件，進(jìn)入目錄后使用：

hexo init

即可完成博客的初始化，我們在本機(jī)運(yùn)行后來看一下默認(rèn)的效果，使用：

hexo s

然后就可以在 source/_posts/ 目錄下創(chuàng)建文章了。

寫文章主要有以下步驟：

寫文章（hexo new post-title）渲染成 HTML 頁面（hexo g）發(fā)布（hexo d）

比如我們創(chuàng)建一個名為 Hello LeetCode 的文章，那么可以在上述目錄下創(chuàng)建一個文件，名為 hello-leetcode.md ，文件內(nèi)容如下：

---title: Hello LeetCodedate: 2019-06-26 22:32:51tags:- LeetCode- LeetCode中國---# LeetCode全球極客摯愛的高質(zhì)量技術(shù)成長平臺，想要學(xué)習(xí)和提升專業(yè)能力從這里開始，充足技術(shù)干貨等你來啃，輕松拿下 Dream Offer！```python3print("LeetCode is awesome!")```

刷新頁面，就可以看到這篇文章啦：

樣式的美化

站點配置

如果我們需要對標(biāo)題做一些修改的話只需要修改博客根目錄下的 _config.yml 即可，部分文件內(nèi)容如下：

title: LeetCode Blog # 這里寫博客的標(biāo)題subtitle: We are here! # 可以理解為博客的副標(biāo)題description: The official LeetCode blog, by LeetCode, from LeetCodekeywords:author: LeetCode Content Creatorlanguage: zh-CNtimezone:# URL## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'url: http://yoursite.comroot: /permalink: :year/:month/:day/:title/permalink_defaults:

主題

在 Themes | Hexo 「鏈接」中有非常多的主題可以供選擇：

安裝方法非常簡單，只需要將主題所在的 GitHub 倉庫 clone 到自己的博客的 themes 目錄下，并在 _config.yml 中修改以下字段為主題所在的文件夾名稱即可：

theme: landscape

發(fā)布站點

終于到了要發(fā)布的時候啦，我希望和全世界的人分享我的博客，這里我們使用 GitHub 來托管我們的站點，首先創(chuàng)建一個 GitHub 倉庫用來存放我們的博客，GitHub 的倉庫名稱為 <你的用戶名>.github.io。

安裝 Hexo 的 Git 發(fā)布（部署）模塊：

npm install hexo-deployer-git --save

然后在 _config.yml中加入以下部分：

deploy: - type: git repo: git@github.com:<用戶名>/<倉庫名稱>.git branch: master message: Blog Update name: <GitHub 用戶名> email: <GitHub 郵件地址>

最后，開始發(fā)布~

hexo g # 渲染所有頁面為 HTMLhexo d # 發(fā)布！

這個時候如果沒有填寫 Custom domain 的話， 你的站點地址將會是 <GitHub 用戶名>.github.io ，如果有自己的域名且希望使用的話，別忘了在 source 目錄下放一個名為 CNAME 的文件（對，沒有任何后綴名），內(nèi)容只有一行，就是自己的域名，將自己的域名做一個 CNAME 解析到 <GitHub 用戶名>.github.io 地址即可。

博客的維護(hù)與更新

由于我們使用的是靜態(tài)的博客，且有 GitHub 進(jìn)行托管，所以博客在程序的維護(hù)方面就省了很多的事情，讓我們可以更加專注于內(nèi)容和樣式上的細(xì)節(jié)。

樣式

如果官網(wǎng)上任何一個樣式都無法讓你滿意的話，可以考慮自建一個主題，或者從其他博客平臺上移植一個主題過來，需要一些 HTML 的知識，如果不會的話，咱們先慢慢把內(nèi)容做起來吧。

更新與內(nèi)容

一個博客的靈魂在于博客的內(nèi)容，對于程序員的博客來說其實有很多可以寫的部分，比如：

技術(shù)的記錄（類似日志，方便以后自己查詢）想法（對于生活的感悟，結(jié)交更多的朋友）創(chuàng)作（作為一個自平臺對于自己創(chuàng)作的發(fā)布）力扣題解（記錄做題目時的想法思路）

ps:不會寫題解的小伙伴可以參考一下 如何撰寫社區(qū)題解 - 力扣（LeetCode） - 支持

?每當(dāng)自己有想法時，都可以將自己的想法總結(jié)成文發(fā)布于博客上。一些萌新可能由于各類原因害怕寫作，擔(dān)心寫不好。其實博客的編寫是一個熟能生巧的過程，寫得越多，對文字的把握就越好，也更加容易在書面上正確地表達(dá)自己的想法。無論從結(jié)交朋友，收割 Offer 還是其他方面都是百利而無一害的。

總結(jié)

如果理解清楚了思路的話，通過 Hexo 搭建博客并通過 GitHub 托管應(yīng)該是一個最快的讓自己博客上線的方式了（在網(wǎng)絡(luò)不坑的情況下只需要 10 分鐘 的樣子），在這里我們進(jìn)行一個小小的總結(jié)，如果需要搭建一個這樣的博客需要什么，如果發(fā)現(xiàn)自己少了什么或者遇到了問題的話可以快速查一下：

安裝 NodeJS安裝 HexoHexo 生成初始站點（hexo init）GitHub 倉庫準(zhǔn)備修改 Hexo 默認(rèn)站點的配置，并安裝 Hexo Git 部署工具（可選）設(shè)置自己的域名解析

看完這篇文章，小伙伴們不妨動手操作起來吧～

本文作者：Nova Kwok

聲明：本文歸 “力扣” 版權(quán)所有，如需轉(zhuǎn)載請聯(lián)系。