相信很多人都知道wordpress是什么吧，但hexo可能用得比較少，不過也有不少人的github主頁是hexo弄的靜態(tài)網(wǎng)頁。hexo在github上搭建的文章比比皆是我就不介紹在github上部署了。我今天給大家講講如何在Ubuntu的服務器上搭載一個酷炫Hexo博客
開發(fā)前準備
安裝node和npm
如何檢查是否已經(jīng)安裝
node -v
npm -v
如果都能顯示版本號就是安裝好了
如果不是的話則要執(zhí)行以下命令安裝
sudo apt-get nodejs
sudo apt-get npm
然后就到安裝hexo了
從安裝到啟動只需幾行代碼
npm install hexo-cli -g
hexo init
npm install
hexo server
然后如果沒什么問題的話就在瀏覽器輸入http://localhost:4000/就可以看到hexo主頁了
那想換一個主題怎么辦
hexo官網(wǎng)上的主題總的來說比wordpress好看
最感動的是很多都有中文文檔，對于英文不好的人來說簡直就是福音啊
然后我選了一個比較好看的主題Random
從github克隆在theme文件夾里，最好能改一個易辨識的名字版本號那些就可以去掉了，等一下配置要用到這個名字
接下來就是項目配置了
在項目的主目錄下有個_config.yml的文件，然后用編輯器打開
里面可以配置標題還有一些介紹，自己而已試著玩
然后把theme設為剛剛改的名字
如
theme: random
冒號后一定要空格
如果剛剛到http://localhost:4000/看不到hexo主頁的話，十有八九是4000端口被占用了
在_config.yml文件里port改成
server:
port: 5000
如果沒有這一項就加上去
現(xiàn)在就變成監(jiān)聽5000端口了
然后再到配置theme
進入 themes/你的主題
編輯器打開這里的_config.yml文件
頭像設置
可以在 Hexo 主配置文件，或者主題的配置文件 theme/random/_config.yml ，增加一個 avatar 配置，如下：
avatar: http://7te9fe.com1.z0.glb.clouddn.com/default_avatar.jpg
菜單與導航鏈接的設置
顯示在首頁和導航的鏈接，可以在主題的配置文件（theme/random/_config.yml）中自定義。如果想鏈接到標簽和分類的列表頁，還需要自己手動創(chuàng)建對應頁面。
鏈接
在主題的配置文件中，可以設置首頁和導航菜單中的鏈接，配置如下：
menu:
首頁: /
文章: /archives
標簽: /tags
分類: /categories
關于: /about
在首頁中，會自動隱藏指向首頁的鏈接。但是，標簽和分類的列表頁，需要我們手動創(chuàng)建。
社交網(wǎng)站鏈接配置
在主頁和點擊頭像彈出的個人信息卡片中，顯示有社交網(wǎng)站的鏈接，需要在主題的配置文件 theme/random/_config.yml 中添加對應的配置，如下：
social:
GitHub: https://github.com/stiekel
Coding.NET: https://coding.net/u/Stiekel
Twitter: https://twitter.com/SidCN
Weibo: http://weibo.com/sidcn
DouBan: http://www.douban.com/people/Stiekel/
在顯示的時候，會自動根據(jù)社交網(wǎng)站的 url ，來顯示對應的圖標。除了上述幾個，另外還支持 Facebook / Google Plus / Dribbble / LinkedIn / NPMjs / Youtube / 知乎。
第三方服務的配置
本主題支持 Google Analytics / 百度統(tǒng)計 / Disqus / 多說 / 友言 / JiaThis，即可以在主題配置文件中設置，也可以在博客的主配置文件中設置，增加項目如下：
# Google analytics
google_analytics:
# Baidu tongji
baidu_analytics:
# Duoshuo
duoshuo_shortname:
# Disqus
disqus_shortname:
# Uyan
uyan_id:
# jiaThis
jiaThis_uid:
jiathisConfig:
data_track_clickback: true
summary: ""
showClose: true
shortUrl: false
hideMore: false
對應各個服務的 key 或者 code，直接添加在冒號之后即可。
背景圖來源的配置
對于輪播的背景圖片，有兩種來源，一是使用指定的圖片，二是使用 unsplash 提供的隨機圖片。
如果使用 unsplash 的圖片，則可以在主題的配置文件 _config.yml 中進行配置，參數(shù)的具體意見，請參見 unsplash文檔：
unsplashConfig:
# 關于這幾個配置項的說明，請參見 https://unsplash.it/
# blur: true # 給圖片增加模糊特效
gravity: 'north' # north, east, south, west, center # 圖片翻轉
# greyscale: true # 使用灰度圖片
當然，也可以自己配置背景圖片，也是在主題配置文件中進行，如下：
backgroundImages:
- http://7te9fe.com1.z0.glb.clouddn.com/bgimg_1.jpg?imageView2/1/w/__width__/h/__height__
- http://7te9fe.com1.z0.glb.clouddn.com/bgimg_2.jpg?imageView2/1/w/__width__/h/__height__
- http://7te9fe.com1.z0.glb.clouddn.com/bgimg_3.jpg?imageView2/1/w/__width__/h/__height__
- http://7te9fe.com1.z0.glb.clouddn.com/bgimg_4.jpg?imageView2/1/w/__width__/h/__height__
- http://7te9fe.com1.z0.glb.clouddn.com/bgimg_5.jpg?imageView2/1/w/__width__/h/__height__
URL 中的 __width__ 和 __height__ ，在請求時，會替換為瀏覽器的寬度和高度值，如果你的圖片服務器支持按分辨率裁剪，那就可以用得上。
背景圖輪播的配置
背景圖輪播，使用的是 vegas ，也是在主題的配置文件中進行自定義：
vegasConfig:
# animation: 'random'
preload-Image: true # 圖片預加載配置
transition: # 圖片的切換物資
- slideLeft2
- slideRight2
# - zoomIn
# - swirLeft
# - swirRight
# - flash
- flash2
# transition: 'swirlRight' # 可以只配置一個
timer: true # 是否顯示時間進度條
delay: 5000 # 每張圖片的顯示時間
shuffle: true # 按順序播放，還是隨機播放
count: 10 #一共多少張圖片
具體參數(shù)的意義，請參見 vegas 文檔。
Hide 按鈕
在每個頁面的左下角，都有一個 Hide 按鈕，點擊這個按鈕之后，按鈕之外的東西都會被隱藏。如果不想顯示這個按鈕，可以在主題或者 Hexo 的主配置文件中修改 hideButtonVisibility，設置為 false：
hideButtonVisibility: false
忽略特定服務器的訪問統(tǒng)計
當你在調試和寫作的時候，可以不將這些訪問發(fā)送到 Google Analytics 或百度統(tǒng)計，只需要將你的調試服務器地址加入到下面的配置變量即可：
isIgnoreSpecialHostVisitor: true
ignoreHostList:
- localhost
- 127.0.0.1
然后就可以開始寫文章了
創(chuàng)建文章
hexo new 文章名
會生成一個 /source/_posts/文章名.md 文件，編輯文件
然后可以設一個tag
他最終會幫你根據(jù)tag自動分類
然后在下面就可以用markdown進行寫作了
如
---
title: Ubuntu日記——簡單搭建酷炫博客
date: 2016-06-23 20:26:28
tags: Ubuntu
---
# 開發(fā)前準備
安裝**node**和**npm**
如何檢查是否已經(jīng)安裝
創(chuàng)建分類列表頁和標簽列表頁
hexo 默認是沒有分類和標簽列表頁的，本主題已經(jīng)提供了對這兩個頁面的支持，但需要手動生成對應的頁面。
要生成標簽列表頁，在博客主目錄中執(zhí)行如下命令：
hexo new page tags
這樣，會生成一個 source/tags/index.md 文件，編輯文件，修改文件的 type 項為 tags，如下：
title: 標簽
date: 2016-01-16 06:17:29
type: "tags"
comments: false
同樣，創(chuàng)建分類列表頁：
hexo new page categories
編輯 source/categories/index.md 如下：
title: 分類
date: 2015-08-03 14:19:29
type: "categories"
comments: false
最后如果是有新增加文章或者項目的配置有修改都要用hexo生成靜態(tài)網(wǎng)頁
先停掉運行hexo再執(zhí)行以下命令
hexo g
hexo s
