玩遍博客網站，我整理了全套的建站技術棧

搭建博客網站是我的進入互聯網世界的最多見方式之一。伴隨着網站技術的發展，如何搭建博客網站已經變得很是容易了。固然，你能夠選擇諸如 新浪博客、CSDN、博客園 之類的大型網站，快速建立依賴於大平臺的我的博客，不過這種方式的不足是言論受限太多、沒法觸及網站底層技術。因此，對於想要自由發揮創意、又指望對網站擁有更多主動權的話，最好仍是選擇本身去親手搭建一個網站。

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

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

<div class="bordor-separation"></div>

快速搭建博客網站的一種基本思路是：利用 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 官網