個人博客用什麼語言搭建比較好（技術極客都是如何搭建個人博客的）

2023-09-23 02:55:47 2

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

本文將從開始準備到搭建到後期維護具體講述一下如何搭建一個自己的博客/個人網站。

思考博客受眾

在搭建個人博客前，作為程式設計師的你需要思考搭建這個博客的目的是什麼？想要記錄自己的技術實踐？想要分享一些 IT 相關的見聞和思考？而對於初入職場的小夥伴來說，擁有著一個豐富的個人博客可以讓你的面試官對你刮目相看。如果沒有明確的方向也沒有關係，可以去參考一下你所喜歡的個人博客網站～

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

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

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

博客程序的選擇

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

靜態博客，一般是本地編寫好 Markdown 文件，然後通過相關的程序渲染好 HTML 後直接將 HTML 發布到伺服器上，代表有——Hugo 和 Hexo動態博客，一個運行在伺服器上的博客程序，一般提供一個在線的編輯器供使用者在線編寫，代表有——Wordpress 和 Ghost

靜態博客和動態博客的區別非常明顯：

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

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

域名的選擇

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

百度不收錄.github.io 結尾的站點，即如果直接使用 GitHub 託管的話，用戶在百度上無法搜到自己站點上的內容；有 SSL（也就是網址前面的https://啦）比沒有會在搜尋引擎的排名中更加靠前；在內容相同的情況下，有著自己的域名更加利於搜尋引擎的優化（SEO）。

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

開始搭建

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

npm install hexo-cli -g

即可安裝 Hexo，然後我們創建一個目錄用來存放自己的博客文件，進入目錄後使用：

hexo init

即可完成博客的初始化，我們在本機運行後來看一下默認的效果，使用：

hexo s

然後就可以在 source/_posts/ 目錄下創建文章了。

寫文章主要有以下步驟：

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

比如我們創建一個名為 Hello LeetCode 的文章，那麼可以在上述目錄下創建一個文件，名為 hello-leetcode.md ，文件內容如下：

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

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

樣式的美化

站點配置

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

title: LeetCode Blog # 這裡寫博客的標題subtitle: We are here! # 可以理解為博客的副標題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

發布站點

終於到了要發布的時候啦，我希望和全世界的人分享我的博客，這裡我們使用 GitHub 來託管我們的站點，首先創建一個 GitHub 倉庫用來存放我們的博客，GitHub 的倉庫名稱為 .github.io。

安裝 Hexo 的 Git 發布（部署）模塊：

npm install hexo-deployer-git --save

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

deploy: - type: git repo: [email protected]:/.git branch: master message: Blog Update name: email:

最後，開始發布~

hexo g # 渲染所有頁面為 HTMLhexo d # 發布！

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