可以參考博客demo地址：vivianchen.cn
1.Github Pages
Github Pages可以免費(fèi)托管和泌，所以把博客托管到github上港谊。
首先秃嗜，創(chuàng)建一個(gè)github倉(cāng)庫(kù)储玫，倉(cāng)庫(kù)的命名格式為：yourusername.github.io岖常，然后根據(jù)提示進(jìn)行下一步驯镊。
2.Hexo搭建博客
本博客中使用了Anisina的主題，所以會(huì)詳細(xì)介紹下按照Anisina主題搭建的步驟竭鞍。
2.1 配置博客封面圖
在md文件的header信息中配置如下:
header-img: http://upload-images.jianshu.io/upload_images/196894-95c037286850b891.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
cdn: 'header-off'
2.2 用戶信息配置
注意：在主題的_config.yml中配置一下信息板惑，而非博客根目錄下的_config.yml中配置。ps:不過我的有些沒起作用的就放到了根目錄下的_config.yml中偎快。
user_name: your name
user_avatar: your avatar
user_location: your location
user_description: about you introduction
// this info will show About page
user_contact:
user_introduction:
// config you share info
weibo_username:
zhihu_username:
github_username:
twitter_username:
facebook_username:
linkedin_username:
2.3 創(chuàng)建About頁(yè)面
在根目錄下的source文件夾里創(chuàng)建一個(gè)about文件夾冯乘，然后在about文件夾里新建index.md文件,在文件中添加如下代碼，并保存：
title: about
date: 2017-09-11 23:12:50
layout: about
需要提一下的是晒夹，作者還沒有支持對(duì)About頁(yè)面內(nèi)容的修改裆馒，所以本博客搭建的時(shí)候，直接在themes/Anisina/layout/about.ejs中修改的內(nèi)容丐怯。
2.4 創(chuàng)建Works頁(yè)面
在根目錄下的source文件夾中創(chuàng)建works文件夾喷好，如上新建一個(gè)index.md，添加如下內(nèi)容到文件中响逢，并保存：
title: My Works
date: 2017-09-11 23:16:50
layout: works
然后在source文件夾下創(chuàng)建一個(gè)_data文件夾，打開文件夾棕孙，新建project.json文件舔亭，文件格式如下:
{
"Apple 官網(wǎng)臨摹": {
"title": "Apple 官網(wǎng)臨摹",
"subTitle": "根據(jù)美版apple官網(wǎng)臨摹",
"img_link": "http://o7bkkhiex.bkt.clouddn.com/item-apple.jpg",
"use" : ["jQuery"],
"link": "http://haojen.github.io/apple-linmo/",
"data":"2016.3",
"direction": "臨摹 2016 年三月份 Apple 美版單頁(yè)面。"
},
"Anisina (阿尼絲娜)": {
"title": "Anisina",
"subTitle": "基于 Hexo 制作的個(gè)人博客主題",
"img_link": "http://o7bkkhiex.bkt.clouddn.com/Anisina.png",
"use" : ["jQuery","Bootstrap","Node.js","EJS","Hexo","SASS"],
"link": "http://haojen.github.io/",
"data": "2016.5",
"direction":
"Hexo 是某位臺(tái)灣友人基于 Node.js 編寫的博客框架"
}
}
2.5 添加評(píng)論系統(tǒng)
主題中支持來比力的配置蟀俊，所以在_config.yml配置文件中添加兩行配置代碼即可钦铺。
use_livere: true
livere_uid: 你的來比力的注冊(cè)u(píng)id（在安裝代碼里邊找自己的uid）
2.6 添加百度統(tǒng)計(jì)
主題中添加了百度統(tǒng)計(jì)的js代碼，在配置文件中直接添加track_id即可:
ba_track_id: your track id
2.7 部署Hexo博客
- 建站
hexo init yourname
cd yourname
npm install
- 配置_config.yml的部署:
deploy:
type: git
repo: http://github.com/yousername/yourusername.github.io
branch: master #默認(rèn)master
- 清除緩存
$ hexo clean
- 生成靜態(tài)網(wǎng)頁(yè)
$ hexo g
- 本地查看效果肢预，執(zhí)行完后可以通過
http://localhost:4000查看本地效果
$ hexo s
- 部署到git
$ hexo d
3.綁定阿里云域名
之前在阿里云買了域名矛洞，域名購(gòu)買成功之后要等待實(shí)名認(rèn)證。
添加CNAME文件
在根目錄下的source文件夾下新建CNAME文件，沒有后綴沼本。
在Sublime Text中打開CNAME文件噩峦，在里邊添加你的域名信息，如圖：
保存之后抽兆，重新部署到github pages上识补。
給github項(xiàng)目添加
在項(xiàng)目的Settings中，添加Custom domain到自己的域名：
給域名添加解析記錄
1.ping你自己的yourname.github.io獲取到ip地址：
2.打開域名的解析列表辫红，添加兩條解析記錄：
更換之后凭涂，可能需要等一段時(shí)間才能生效，差不多就大功告成啦贴妻。
