搭建博客網站是我的進入互聯網世界的最多見方式之一。伴隨着網站技術的發展，如何搭建博客網站已經變得很是容易了。固然，你能夠選擇諸如 新浪博客、CSDN、博客園 之類的大型網站，快速建立依賴於大平臺的我的博客，不過這種方式的不足是言論受限太多、沒法觸及網站底層技術。因此，對於想要自由發揮創意、又指望對網站擁有更多主動權的話，最好仍是選擇本身去親手搭建一個網站。php
本文來源：魚立說。本文連接：https://www.yulisay.com/d/kljqu.html，支持微信瀏覽器打開。html
更多精彩文章，請移步 魚立說我的網站 翻看。歡迎欣賞，吐槽不足之處。前端
本主題將圍繞博客網站的搭建流程、不一樣的博客搭建技術及其流行的風格主題展開，整個系列由如下三個文章部分組成：git
- 當下流行的博客技術棧
- Hexo 及其流行的風格主題（後更）
- Hugo 及其流行的風格主題（後更）
<div class="bordor-separation"></div>github
快速搭建博客網站的一種基本思路是：利用 Hexo、Hugo 等技術生成靜態網頁，而後將這些網頁部署到 GitHub Pages，後續的靜態內容更新須要從新生成。也有另外一種傳統的基本思路是：搭建 Typecho、WordPress 等博客系統，一般會有先後端兩套支撐系統。web
下面就幾種流行的搭站技術模式，進行了整理：npm
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 的設計思路，以及它的衆多優秀博客主題。
參考連接
② Configuring a publishing source for your GitHub Pages site