使用hexo+github pages快速搭建我的博客

什麼是Hexo？

Hexo是一個基於Nodejs快速簡潔高效的博客框架，Hexo使用Markdown語法來編輯文章，只須要幾秒鐘的時間就能夠成生靜態的網頁。整個系統就是一個博客系統。

快速入門

npm install hexo-cli -g
hexo init blog
cd blog
hexo server

而後打開http://localhost:4000/就能夠查看效果了。
注：Hexo依賴Nodejs和Git，須要先安裝。

經常使用命令

hexo generate = hexo g  生成靜態博客，即從新生成public文件夾
hexo server = hexo s  本地預覽調試 (通常組合使用 hexo g && hexo s)
hexo delopy = hexo d (發佈到github)
hexo new = hexo n (執行該命令以後在source_posts目錄下產生< blog name >.md文件，這是你的一篇新博客。能夠在markdown工具下編寫)

部署到GitHub

配置hexo _config.yml，修改Deployment

deploy:
  type: git
  repository: 你的倉庫地址
  branch: master

每一個賬號只能有一個倉庫來存放我的主頁，並且倉庫的名字必須是username/username.github.io，這是特殊的命名約定。

部署

npm install hexo-deployer-git --save
hexo d -g (-g參數代表部署前，從新生成public目錄)

而後就能夠經過http://username.github.io來訪問你的blog了。

綁定域名

本身使用的是阿里雲，配置以下：

而後在hexo項目的source目錄下新建一個文件CNAME
在CNAME中添加一行(本身購買的域名)，注意不須要http://。

www.sunnyxd.com

這樣咱們就可使用域名訪問本身的博客了。

主題與第三方服務集成

使用nexT主題

cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next

打開站點配置文件(your-hexo-site/_config.yml)，增長一行：

theme: next

進入your-hexo-site/themes/next，修改主題配置文件_config.yml scheme參數來選擇本身喜歡的主題風格：

scheme: Mist

增長多說評論、分享、喜歡以及熱評

註冊多說，在站點配置文件_config.yml中增長：

duoshuo_shortname: your duoshuo shotname

開啓多說分享：

duoshuo_share:true

開啓多說熱評：

duoshuo_hotartical:true

更多設置

• 添加頭像和Favicon

• 增長百度統計

• 增長閱讀次數統計

• 添加分類、標籤頁面

• 設置RSS

• 添加側邊欄社交連接

• 開啓打賞功能

以及更多設置內容及細節請參考nexT文檔。

被百度收錄

github的服務器在國外，百度沒有辦法抓取到。咱們能夠把代碼託管到國內的coding，另外還能夠加快站點的訪問速度。

_config.yml配置

deploy:
  type: git
  repository: 
    github: 你的github倉庫地址,master
    coding: 你的coding倉庫地址,master

coding pages設置

域名解析配置

把coding的解析線路設成默認的，github設成國外的就行了。

提交baidusitemap.xml到百度站長平臺

首先生成baidusitemap.xml

一、在_config.yml添加
plugins:
  hexo-generator-sitemap

sitemap:
  path: sitemap.xml
baidusitemap:
  path: baidusitemap.xml

二、執行
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

三、deploy d -g

接着在百度站長裏面添加(部署完首先確保sitemap文件是能夠訪問的)

ok，等待被百度收錄吧~

參考文章

在Github上搭建一個Hexo博客系統
hexo被百度收錄方法

個人Hexo博客：sunnyxd' blog