從 0 開始搭建一個技術博客，私藏乾貨~

技術博客的選型有不少種，如：博客園、CSDN、開源中國、簡書、知乎等……均可以用來寫文章，造成本身的技術博客。

上面的博客都是第三方的，有沒有方式搭建本身的服務器、本身的域名的博客呢？棧長知道的成熟方案有：WordPress, Hexo 等，棧長的博客就是用 Hexo 搭建的。

下面貼上棧長博客的地址，也是Java技術棧的官方博客地址：

www.javastack.cn

今天分享一下，如何從 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 便可打開默認的博客主頁：

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" 可獲取更多，轉載請原樣保留本信息。