玩遍部落格網站，我整理了全套的建站技術棧

搭建部落格網站是個人進入網際網路世界的最常見方式之一。伴隨著網站技術的發展，如何搭建部落格網站已經變得非常容易了。當然，你可以選擇諸如 新浪部落格、CSDN、部落格園 之類的大型網站，快速建立依賴於大平臺的個人部落格，不過這種方式的不足是言論受限太多、無法觸及網站底層技術。所以，對於想要自由發揮創意、又期望對網站擁有更多主動權的話，最好還是選擇自己去親手搭建一個網站。

本文來源：魚立說。本文連結：https://www.yulisay.com/d/kljqu.html，支援微信瀏覽器開啟。

更多精彩文章，請移步 魚立說個人網站 翻看。歡迎欣賞，吐槽不足之處。

---

本主題將圍繞部落格網站的搭建流程、不同的部落格搭建技術及其流行的風格主題展開，整個系列由以下三個文章部分組成：

• 當下流行的部落格技術棧
• Hexo 及其流行的風格主題（後更）
• Hugo 及其流行的風格主題（後更）

快速搭建部落格網站的一種基本思路是：利用 Hexo、Hugo 等技術生成靜態網頁，然後將這些網頁部署到 GitHub Pages，後續的靜態內容更新需要重新生成。也有另一種傳統的基本思路是：搭建 Typecho、WordPress 等部落格系統，通常會有前後端兩套支撐系統。

下面就幾種流行的搭站技術模式，進行了整理：

Hexo + GitHub Pages

Hexo 是基於 Node.js 技術棧開發的，是非常適合前端童鞋的一種建站選擇。類似的開源部落格平臺，還有基於 Node.js 構建的 Ghost。關於 Hexo 的基礎知識和風格主題，見本主題下一篇文章。

生成 Hexo 靜態網頁

安裝 Hexo 執行環境，並初始化 Hexo 專案後，我們需要對 Hexo 進行全域性配置，個性化你自己的部落格，比如將配置 _config.yml 修改為：

# Site
title: 一個行者 | 我的個人部落格
subtitle: ''
description: '擁有個人網站，就好像擁有了網際網路的一小部分。'
keywords: 一個行者,個人部落格
author: 一個行者
language: zh-CN
timezone: 'Asia/Shanghai'
……

然後，建立若干文章後，執行 hexo g 命令後，會在 public 資料夾中生成我們需要部署的靜態網頁。

部署到 Github Pages

你需要有一個 GitHub 賬號，並新建一個 public 型別的 repository，直接命名為 <GitHub 使用者名稱>.github.io。這裡以我的 GitHub repository 為例，在該 repository 的 GitHub Settings 中進行如下配置：

然後，將 public 資料夾中的資源推送到該 repository 中，等待一些時間後，便能通過 https://yulis-say.github.io 域名訪問。

一鍵部署

為了便捷操作，你也可以使用 Hexo 的一鍵部署功能。首先，需要安裝 hexo-deployer-git：

npm install hexo-deployer-git --save

然後，在 _config.yml 中新增如下配置（如果有已存在的請刪除）：

# Deployment
deploy:
  type: git
  repo: git@github.com:your-github/your-github.github.io.git
  branch: main

執行hexo clean && hexo deploy，將 public 目錄中的檔案和目錄推送至遠端倉庫和分支中。檢視 https://your-github.github.io 上的網頁是否部署成功。

Hugo + GitHub Pages

Hugo 是使用 Go 編寫的快速而現代的靜態站點生成器，是非常適合後端童鞋的一種建站選擇。關於 Hugo 的基礎知識和風格主題，見本主題後面的系列文章。

生成 Hugo 靜態網頁

安裝 Hugo 執行環境，並初始化 Hugo 專案後，我們需要對 Hugo 進行全域性配置，個性化你自己的部落格，比如將配置 config.toml 修改為：

title = "一個行者 | 我的個人部落格"
……

然後，建立若干文章後，執行 hugo -t even 命令後，會在 public 資料夾中生成我們需要部署的靜態網頁。

部署到 Github Pages

部署方式同 Hexo ，請見 “部署到 Github Pages” 部分，這裡不再贅述。

Typecho、WordPress 等

Typecho、WordPress 等部落格系統，更多的是基於傳統的 HTML/CSS/JavaScript+PHP 語言開發的。類似的建站系統，還有 EmpireCMS、PHPCMS、DedeCms、Drupal、Z-Blog 等。

Typecho 快速建站

Typecho 是一個基於 PHP 的輕量級動態部落格框架，在 LNMP 的基礎上可以十分容易的搭建起來，並且具有良好的效能及可擴充套件性。

與大多數的部落格程式相同，安裝 Typecho 需要根據安裝嚮導依次完成即可。將解壓後的原始碼上傳至伺服器 web 目錄，然後使用瀏覽器直接訪問進行安裝：

安裝完成後，進入後臺按提示更改登入密碼，訪問瀏覽器就可以看到效果了，下面是 Typecho 的前臺系統和後臺系統：

此外，Typecho 也有很多優秀的主題和外掛可用，可以參考這個網站： https://typecho.me/。

WordPress 快速建站

WordPress 是一種使用 PHP 語言開發的部落格平臺，也可以當作一個內容管理系統（CMS）來使用。免費開源，在 GNU 通用公共許可證下授權釋出。

由於 WordPress 的歷史較長，很久以前就被很多站長、企業使用了，因此使用教程也很豐富，這裡就不再囉嗦了。需要說明的是，部落格類網站的設計大多相似，因此在使用其他技術建站的時候，可以吸取來自於 WordPress 的設計思路，以及它的眾多優秀部落格主題。

參考連結

① 將 Hexo 部署到 GitHub Pages

② Configuring a publishing source for your GitHub Pages site

③ Typecho 官網

④ WordPress 官網