摘要：寫這篇短文的初衷是想記錄一下自己建立個(gè)人站點(diǎn)的過程报账，如果有幸被你看見，并且有所幫助的話埠偿，那是最好不過了透罢。
購買域名
在網(wǎng)上看了一些評(píng)論,推薦上 GoDaddy 購買，安全冠蒋，而且可以使用支付寶羽圃。
這里略過過程不表。需要填一些信息抖剿，住址朽寞、電話之類的，不過沒有實(shí)名制（應(yīng)該可以隨便填填）牙躺。注意郵箱要輸入正確愁憔，否則修改十分麻煩腕扶。買完域名之后一定要記得去自己的郵箱查看激活郵件孽拷，否則域名激活不了。
在github上建立倉庫
建立名為username.github.io的repository（倉庫）半抱，github會(huì)自動(dòng)識(shí)別這種命名的倉庫脓恕，把它設(shè)為個(gè)人主頁，而不用去setting手動(dòng)設(shè)置窿侈。
你可以通過http://username.github.io來訪問你的個(gè)人主頁炼幔。
這里默認(rèn)讀者是有賬號(hào)的，而且會(huì)用github史简，依然略過過程不表乃秀。不清楚的可看一步步在GitHub上創(chuàng)建博客主頁-最新版。
另外我使用的是Github Desktop圆兵。
綁定域名
網(wǎng)上大家都推薦用DNSpod跺讯，我懶得再去注冊(cè)一個(gè)賬號(hào)，便想試試godaddy能不能用,果然是可以的殉农，就是不知道效果怎么樣刀脏。會(huì)不會(huì)速度比DNSpod慢？
其中 A 的兩條記錄指向的ip地址是 GitHub Pages 的提供的 ip
? 192.30.252.153
? 192.30.252.154
如博客不能登錄超凳，有可能是 GitHub 更改了空間服務(wù)的 ip 地址愈污，記得及時(shí)到在GitHub Pages查看最新的 ip 即可
www 指定的記錄是你在 GitHub 注冊(cè)的倉庫耀态。
在你的倉庫根目錄中要有一個(gè)CNAME文件，里面只有一行你的域名地址暂雹，比如yangzhaoyu.com首装，這樣在訪問yzygithub.github.io時(shí)，就會(huì)跳轉(zhuǎn)到yangzhaoyu.com杭跪。
hexo的安裝和使用
安裝
先安裝Node和Git簿盅，這里不多說。
Node和Git都安裝好后揍魂，可執(zhí)行如下命令安裝hexo：
npm install -g hexo
初始化
然后桨醋，執(zhí)行init命令初始化hexo到你指定的目錄：
hexo init <folder>
也可以cd到目標(biāo)目錄，執(zhí)行hexo init现斋。
generate 生成靜態(tài)頁面
hexo generate #生成靜態(tài)文件喜最。
選項(xiàng)
-d, --deploy文件生成后立即部署網(wǎng)站
-w, --watch監(jiān)視文件變動(dòng)
yzy@yzyMacBook-Pro:~/CODE/hexo-blog$ hexo generate
INFO Start processing
INFO Files loaded in 431 ms
INFO Generated: index.html
INFO Generated: archives/index.html
INFO Generated: fancybox/blank.gif
INFO Generated: fancybox/jquery.fancybox.css
#此處省略n行
INFO Generated: css/fonts/fontawesome-webfont.svg
INFO Generated: css/style.css
INFO Generated: 2017/08/16/hello-world/index.html
INFO 28 files generated in 1.21 s
server 本地啟動(dòng)
hexo server
啟動(dòng)服務(wù)器。默認(rèn)情況下庄蹋，訪問網(wǎng)址為： http://localhost:4000/瞬内。
下面就是在本地打開http://localhost:4000/，的頁面限书，當(dāng)然在這之前虫蝶，我修改了一下_config.yml配置。
deploy 部署
安裝 hexo-deployer-git倦西。
npm install hexo-deployer-git --save
修改配置能真。
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]
然后輸入命令
hexo deploy
yzy@yzyMacBook-Pro:~/CODE/hexo-blog$ hexo deploy
INFO Deploying: git
INFO Setting up Git deployment...
Initialized empty Git repository in /Users/yzy/CODE/hexo-blog/.deploy_git/.git/
[master (root-commit) 119e3e6] First commit
1 file changed, 0 insertions(+), 0 deletions(-)
create mode 100644 placeholder
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
INFO Copying files from extend dirs...
[master f941f76] Site updated: 2017-08-16 11:00:35
29 files changed, 5775 insertions(+)
create mode 100644 2017/08/16/hello-world/index.html
create mode 100644 archives/2017/08/index.html
#依然省略n行
create mode 100644 index.html
create mode 100644 js/script.js
delete mode 100644 placeholder
To https://github.com/yzygithub/yzygithub.github.io.git
+ a48ea3f...f941f76 HEAD -> master (forced update)
Branch master set up to track remote branch master from https://github.com/yzygithub/yzygithub.github.io.git.
INFO Deploy done: git
yzy@yzyMacBook-Pro:~/CODE/hexo-blog$
但是當(dāng)我滿心歡喜打開
yangzhaoyu.com的時(shí)候，顯示的卻是github的404頁面扰柠。一臉問號(hào)粉铐？？卤档？網(wǎng)上查了查蝙泼，發(fā)現(xiàn)是因?yàn)镃NAME文件沒有了。
CNAME 文件要放在 hexo 項(xiàng)目下的 source 目錄劝枣，先執(zhí)行
hexo generate
然后 public 目錄中就多了個(gè)CNAME文件
然后再執(zhí)行
hexo deploy
CNAME就更新到了github的倉庫里汤踏。頁面可以正常顯示了。
更多關(guān)于部署
寫文章
你可以執(zhí)行下列命令來創(chuàng)建一篇新文章舔腾。
$ hexo new [layout] <title>
你可以在命令中指定文章的布局（layout）溪胶，默認(rèn)為 post，可以通過修改 _config.yml 中的 default_layout 參數(shù)來指定默認(rèn)布局琢唾。
布局（Layout）
Hexo 有三種默認(rèn)布局：post载荔、page 和 draft，它們分別對(duì)應(yīng)不同的路徑采桃，而您自定義的其他布局和 post 相同懒熙，都將儲(chǔ)存到 source/_posts 文件夾丘损。
主題
安裝主題的方法就是一句git命令：
git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist
目錄是否是modernist無所謂，只要與_config.yml文件一致即可工扎。
安裝完成后徘钥，打開hexo_config.yml，修改主題為modernist
theme: modernist
打開hexo\themes\modernist目錄肢娘，編輯主題配置文件_config.yml：
menu: #配置頁頭顯示哪些菜單
# Home: /
Archives: /archives
Reading: /reading
About: /about
# Guestbook: /about
excerpt_link: Read More #摘要鏈接文字
archive_yearly: false #按年存檔
widgets: #配置頁腳顯示哪些小掛件
- category
# - tag
- tagcloud
- recent_posts
# - blogroll
blogrolls: #友情鏈接
- bruce sha's duapp wordpress: http://ibruce.duapp.com
- bruce sha's javaeye: http://buru.iteye.com
- bruce sha's oschina blog: http://my.oschina.net/buru
- bruce sha's baidu space: http://hi.baidu.com/iburu
fancybox: true #是否開啟fancybox效果
duoshuo_shortname: buru #多說賬號(hào)
google_analytics:
rss:
更新主題
cd themes/modernist
git pull
maupassant主題-這個(gè)主題很簡潔呈础，我挺喜歡的。
$ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
$ npm install hexo-renderer-jade@0.3.0 --save
$ npm install hexo-renderer-sass --save
編輯Hexo目錄下的 _config.yml橱健，將theme的值改為maupassant而钞。
hexo clean
hexo g
hexo d
但是安裝完頁面不能正常顯示，因?yàn)?code>npm install hexo-renderer-sass安裝時(shí)報(bào)錯(cuò)拘荡，可能是國內(nèi)網(wǎng)絡(luò)問題臼节，可使用代理或者切換至淘寶NPM鏡像安裝。需要把兩個(gè)都刪掉珊皿，重新安裝网缝。
hexo中文文檔
有哪些好看的 Hexo 主題?
hexo主題列表
圖床
推薦使用七牛云（10G空間，免費(fèi)）蟋定。
如何使用七牛云做為圖床粉臊？
綁定域名之前的ping值
yzy@yzyMacBook-Pro:~$ ping yzygithub.github.io
PING sni.github.map.fastly.net (151.101.1.147): 56 data bytes
64 bytes from 151.101.1.147: icmp_seq=0 ttl=53 time=119.541 ms
64 bytes from 151.101.1.147: icmp_seq=1 ttl=53 time=116.832 ms
64 bytes from 151.101.1.147: icmp_seq=2 ttl=53 time=115.418 ms
64 bytes from 151.101.1.147: icmp_seq=3 ttl=53 time=116.266 ms
Request timeout for icmp_seq 4
64 bytes from 151.101.1.147: icmp_seq=5 ttl=53 time=126.318 ms
64 bytes from 151.101.1.147: icmp_seq=6 ttl=53 time=114.954 ms
64 bytes from 151.101.1.147: icmp_seq=7 ttl=53 time=118.860 ms
^C
--- sni.github.map.fastly.net ping statistics ---
8 packets transmitted, 7 packets received, 12.5% packet loss
round-trip min/avg/max/stddev = 114.954/118.313/126.318/3.624 ms
yzy@yzyMacBook-Pro:~$ ping yangzhaoyu.com
PING yangzhaoyu.com (184.168.221.39): 56 data bytes
64 bytes from 184.168.221.39: icmp_seq=0 ttl=50 time=275.438 ms
Request timeout for icmp_seq 1
Request timeout for icmp_seq 2
64 bytes from 184.168.221.39: icmp_seq=3 ttl=50 time=330.311 ms
64 bytes from 184.168.221.39: icmp_seq=4 ttl=50 time=250.071 ms
64 bytes from 184.168.221.39: icmp_seq=5 ttl=50 time=182.664 ms
64 bytes from 184.168.221.39: icmp_seq=6 ttl=50 time=290.166 ms
64 bytes from 184.168.221.39: icmp_seq=7 ttl=50 time=244.184 ms
64 bytes from 184.168.221.39: icmp_seq=8 ttl=50 time=329.109 ms
^C
--- yangzhaoyu.com ping statistics ---
9 packets transmitted, 7 packets received, 22.2% packet loss
round-trip min/avg/max/stddev = 182.664/271.706/330.311/48.164 ms
綁定完之后
yzy@yzyMacBook-Pro:~$ ping yangzhaoyu.com
PING yangzhaoyu.com (192.30.252.153): 56 data bytes
64 bytes from 192.30.252.153: icmp_seq=0 ttl=49 time=284.679 ms
64 bytes from 192.30.252.153: icmp_seq=1 ttl=49 time=289.011 ms
64 bytes from 192.30.252.153: icmp_seq=2 ttl=49 time=283.949 ms
64 bytes from 192.30.252.153: icmp_seq=3 ttl=49 time=284.091 ms
64 bytes from 192.30.252.153: icmp_seq=4 ttl=49 time=285.063 ms
64 bytes from 192.30.252.153: icmp_seq=5 ttl=49 time=284.636 ms
64 bytes from 192.30.252.153: icmp_seq=6 ttl=49 time=284.285 ms
^C
--- yangzhaoyu.com ping statistics ---
7 packets transmitted, 7 packets received, 0.0% packet loss
round-trip min/avg/max/stddev = 283.949/285.102/289.011/1.634 ms
可以看出延遲還是挺大的，不知道使用DNSpod會(huì)不會(huì)好些驶兜。扼仲。。
CDN加速什么的以后再弄吧促王。
奇怪犀盟，一開始在chrome上能打開yangzhaoyu.com，在其他瀏覽器打不開yangzhaoyu.com蝇狼，在終端也ping不通，出去溜了一圈狗之后就好了倡怎，不知道是什么情況╮(╯_╰)╭迅耘。(難道是我出門的時(shí)候點(diǎn)開了激活郵件？但是chrome怎么可以用呢监署？)
