從 0 開始搭建一個技術部落格，私藏乾貨~

Java技術棧發表於2019-01-25

技術部落格的選型有很多種，如：部落格園、CSDN、開源中國、簡書、知乎等……都可以用來寫文章，形成自己的技術部落格。

上面的部落格都是第三方的，有沒有方式搭建自己的伺服器、自己的域名的部落格呢？棧長知道的成熟方案有：WordPress, Hexo 等，棧長的部落格就是用 Hexo 搭建的。

下面貼上棧長部落格的地址，也是Java技術棧的官方部落格地址：

www.javastack.cn

從 0 開始搭建一個技術部落格，私藏乾貨~

今天分享一下，如何從 0 開始搭建一個自己的技術部落格，基於棧長的 Hexo 部落格。

為什麼選用 Hexo ?

Hexo 是一個快速、簡潔且高效的部落格框架，利用 Markdown 即可自動生成靜態網頁。

官網：https://hexo.io/

1）超快速度

Node.js 所帶來的超快生成速度，讓上百個頁面在幾秒內瞬間完成渲染。

2）支援 Markdown

Hexo 支援 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多數外掛。

3）一鍵部署

只需一條指令即可部署到 GitHub Pages, Heroku 或其他網站。

4）豐富的外掛

Hexo 擁有強大的外掛系統，安裝外掛可以讓 Hexo 支援 Jade, CoffeeScript。

以上來自 Hexo 官網介紹。

域名伺服器

想擁有自己的部落格，域名和伺服器是不可少的兩個部件。

1）域名

註冊域名很簡單的，幾十塊錢搞定的事，大家可以去萬網、阿里雲、騰訊雲等平臺上面註冊。

2）伺服器

可以使用各種雲伺服器，也可以使用 Gitbub 提供的 Pages 託管服務。

Github 的國內訪問不是很快，這裡推薦使用自己搭建國內的雲伺服器，使用 Nginx 搭建靜態服務。

Hexo 安裝

安裝 Hexo 需要提前安裝好 NodeJs，這裡就不說明了，自行安裝即可。

安裝好 NodeJs 之後就可以安裝 Hexo 了：

1）安裝

npm install hexo-cli -g

2）初始化

hexo init blog
cd blog
npm install

3）啟動

hexo server

或者簡寫：

hexo s

4）訪問

開啟 localhost:4000 即可開啟預設的部落格主頁：

從 0 開始搭建一個技術部落格，私藏乾貨~

Hexo 檔案介紹

來看下 blog 目錄下生成的目錄和檔案：

$ ll
total 125
-rw-r--r-- 1 R 1049089  1846 十二 18 14:12 _config.yml
-rw-r--r-- 1 R 1049089 21622 十二 18 14:15 db.json
drwxr-xr-x 1 R 1049089     0 十二 18 14:15 node_modules/
-rw-r--r-- 1 R 1049089   447 十二 18 14:15 package.json
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 scaffolds/
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 source/
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 themes/

介紹下這幾個目錄和檔案：

**_config.yml**：部落格主要的配置檔案；

node_modules：NodeJs的依賴模組；

scaffolds：提供了三種不同的文章模版；

文章佈局 對應目錄
post source/_posts
page source
draft source/_drafts

source：部落格文章預設所在的目錄；

themes：部落格主題目錄，預設：landscape；

建立一篇文章

1）建立文章

使用命令：

hexo new "My New Post"

這樣預設為 post 文章，或者直接複製草稿模板至 source/_posts 目錄；

2）生成靜態網頁

hexo generate

或者使用簡寫：

hexo g

這樣就能在部落格目錄生成一個 public 目錄。

$ ll
total 12
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 2018/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 archives/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 css/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 fancybox/
-rw-r--r-- 1 R 1049089 6660 十二 18 14:40 index.html
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 js/

如需要重新生成可以執行一下清理命令：

hexo clean

3）釋出到伺服器

如果使用了 Github 的 Pages 託管服務，那麼需要配置 _config.yml 中的如下配置：

deploy:
  type: git
  repo: 
    - git@github.com:xxxxxx/javastack.github.io.git
  branch: master

然後使用釋出命令：

hexo deploy

如果使用雲伺服器，將靜態伺服器的主目錄設定為 public 這個目錄即可。

切換主題

主題選擇：https://hexo.io/themes/

在 Hexo 的主題網站下載一個自己的主題，如棧長的部落格使用的是 icarus。下載之後把它扔到 themes 目錄，然後修改配置檔案中的預設主題即可。

theme: icarus

這個主題可以預覽棧長的部落格：www.javastack.cn

也可以進入主題目錄對這個主題進行自定義修改。

總結

大概的部落格搭建及文章釋出的操作就這些了，其實這裡面還有更多的細節，包括外掛、自定義主題、永久連結、文章分類、標籤等，更多的大家可以去 Hexo 官方文件裡面去看。還有，你得對 Markdown 格式需要熟悉。

如果你也在使用 Hexo 搭建部落格，有什麼問題也可以關注下面的微信公眾號找我，或許我能給你點經驗，棧長我知道的都可以解答。

本文原創首發於微信公眾號：Java技術棧（id:javastack），關注公眾號在後臺回覆 “Java” 可獲取更多，轉載請原樣保留本資訊。

相關文章