說(shuō)在前面的話
很多ITer都想擁有一個(gè)個(gè)人網(wǎng)站，記錄自己工作經(jīng)驗(yàn)和生活纺弊。哪怕已經(jīng)有了簡(jiǎn)書這樣好的一個(gè)平臺(tái)阿逃，但是那種情節(jié)并沒(méi)有就此打消。下面給大家分享下我個(gè)人網(wǎng)站創(chuàng)建流程及中途遇到的坑时肿，希望對(duì)那些想建站卻又嫌麻煩的朋友有所幫助庇茫。
準(zhǔn)備工作
在開始前要做好系列準(zhǔn)備工作，如環(huán)境搭建嗜侮、GitHub賬號(hào)注冊(cè)等港令。下面分別來(lái)看下要做哪些：
GitHub官網(wǎng)
賬號(hào)注冊(cè)
如果你還沒(méi)有GitHub賬號(hào)，請(qǐng)前往官網(wǎng)注冊(cè)锈颗。如果已經(jīng)注冊(cè)過(guò)顷霹，請(qǐng)登錄-
創(chuàng)建倉(cāng)庫(kù)
登錄后，點(diǎn)擊左上角+號(hào)創(chuàng)建倉(cāng)庫(kù)：
index.png
在新的創(chuàng)建頁(yè)面击吱，寫上 yourname.github.io 淋淀，然后下方選框勾上(我當(dāng)時(shí)沒(méi)有勾后來(lái)本地文件向git提交時(shí)出了點(diǎn)小問(wèn)題)。yourname最好就是你的GitHub的名字覆醇，
Git客戶端安裝
- 安裝
Git可以直接從官網(wǎng)下載 系統(tǒng)版本自行選擇朵纷。
Git安裝基本也可以認(rèn)為一路next點(diǎn)過(guò)來(lái)，如果你的 on the Desktop沒(méi)有勾選的話永脓，為了方便可以勾選上
- 驗(yàn)證
同樣為了查看是否正確安裝袍辞，需要從命令行查看能否正確顯示版本信息：git --version
如果顯示了版本信息，則說(shuō)明正確安裝：
git version 2.12.2.windows.2
- 配置git
- 配置Git的user name和email：
git config --global user.name "你的名字" git config --global user.email "你的git使用的郵箱"- 生成密鑰：
使用ssh-keygen -t rsa -C 你的git使用的郵箱 命令生成密鑰常摧，輸入命令后連續(xù)點(diǎn)擊好像三四次回車就行搅吁，出現(xiàn)的一些設(shè)置提示不用管威创，全部默認(rèn)就行。執(zhí)行完成后會(huì)生成密鑰文件如圖：
-
密鑰和GitHub關(guān)聯(lián)
編輯器打開id_rsa.pub復(fù)制所有內(nèi)容谎懦。
打開GitHub Setting如圖：index5.png
找到SSH key肚豺，點(diǎn)擊new SSH key，把內(nèi)容粘貼到key文本框中界拦，title隨意起吸申，保存，如下圖：
index6.png
Node.js
- 安裝
我筆記本是win系統(tǒng)享甸，所以關(guān)于Node.js下載：
32位下載
64位下載
如果是其他系統(tǒng)截碴，需要自行去官網(wǎng)下載。
關(guān)于安裝沒(méi)有什么注意的枪萄，反正我是一路next隐岛，如圖：
-
驗(yàn)證
安裝完成后，可以像JDK一樣瓷翻，使用命令行驗(yàn)證是否正確安裝聚凹，在cmd命令窗口執(zhí)行以下：node -v npm -v如果正確顯示了當(dāng)前版本號(hào)，則說(shuō)明安裝成功：
v4.2.3 2.14.7否則齐帚，請(qǐng)根據(jù)具體異常信息搜索下妒牙。
Hexo
-
安裝
在合適地方創(chuàng)建一個(gè)文件夾并命名，例如我在 E盤 下創(chuàng)建了hexo文件夾：
通過(guò)命令行進(jìn)入該文件夾目錄下：C:\Users\Jenson>E: E:\>cd hexo E:\hexo>執(zhí)行 npm命令 安裝hexo：
npm install hexo-cli -g期間cmd窗口會(huì)自動(dòng)刷出一些信息对妄，可能會(huì)有warn不過(guò)不要緊湘今。待命令執(zhí)行完畢，繼續(xù)執(zhí)行
npm install hexo --save這時(shí)又會(huì)有信息刷屏剪菱，信息滾動(dòng)完畢摩瞎，通過(guò)
hexo -v命令驗(yàn)證是否安裝成功。
如果出現(xiàn)了下面字樣孝常，說(shuō)明安裝成功了：
- 初體驗(yàn)
- 窗口中繼續(xù)執(zhí)行
初始化hexo init- 執(zhí)行
自動(dòng)安裝所需組件旗们，直到完成npm install- 執(zhí)行
hexo g- 執(zhí)行
啟動(dòng)本地服務(wù)，在瀏覽器地址欄輸入hexo s
看能否打開本地部署的網(wǎng)站构灸，如果成功打開上渴，恭喜你本地部署完成。http://localhost:4000/
本地hexo關(guān)聯(lián)到GitHub
本地網(wǎng)站已經(jīng)可以打開喜颁，接下來(lái)要把hexo部署到GitHub上稠氮，讓別人也能訪問(wèn)。
在hexo目錄下找到_config.yml文件半开，按如下格式修改成你的：
deploy:
type: git
repo: https://github.com/Jensonss/Jensonss.github.io.git
branch: master
修改完成后隔披，執(zhí)行
hexo d -g
生成部署，這樣就會(huì)根據(jù)剛才的GitHub地址commit到GitHub倉(cāng)庫(kù)寂拆，首次的話會(huì)彈窗讓你輸入你的GitHub登錄的用戶名和密碼奢米。登錄成功后就會(huì)自動(dòng)commit了芥炭。
此時(shí)通過(guò) xxx.github.io 應(yīng)該是可以訪問(wèn)你的網(wǎng)站了。
個(gè)性域名綁定
購(gòu)買域名
我的域名是在萬(wàn)網(wǎng)購(gòu)買的恃慧，不過(guò)進(jìn)入網(wǎng)站才發(fā)現(xiàn)萬(wàn)網(wǎng)成了阿里云的二級(jí)域名，不知道什么時(shí)候被阿里云收購(gòu)了渺蒿。購(gòu)買通道猛戳,用淘寶賬號(hào)直接登錄痢士，由于是個(gè)人使用所以我選了 .me 類型的，而且13元/首年價(jià)格比較便宜茂装，以后續(xù)費(fèi)價(jià)格好像是89元/年怠蹂。
付款時(shí)會(huì)讓選擇持有者是個(gè)人還是企業(yè)，選擇個(gè)人少态，然后創(chuàng)建一個(gè)個(gè)人使用的信息模板城侧，可能由于我的是.me域名，所以沒(méi)有進(jìn)行身份證驗(yàn)證也能使用彼妻。
域名DNS解析
購(gòu)買后的域名不能直接使用嫌佑，因?yàn)楝F(xiàn)在只是把域名頒發(fā)給你，但是還沒(méi)有和IP地址綁定侨歉，還需要進(jìn)行DNS解析屋摇。
在你購(gòu)買后，可以直接點(diǎn)擊域名進(jìn)入域名控制臺(tái)幽邓，頁(yè)面長(zhǎng)這樣：
點(diǎn)擊左側(cè)的菜單-云解析DNS炮温，然后再點(diǎn)擊你的域名：
進(jìn)入了新手引導(dǎo)設(shè)置：
如果點(diǎn)擊設(shè)置網(wǎng)站解析，進(jìn)入的頁(yè)面只能輸入一個(gè)IP地址牵舵，由于GitHub有2個(gè)IP地址要綁定柒啤，所以我直接選擇了高級(jí)設(shè)置，點(diǎn)擊 添加解析畸颅，添加如下三條記錄担巩，其中xxx.github.io ，xxx為你得GitHub配置的名稱：
注意：CNAME 必須大寫
這樣過(guò)幾分鐘域名就會(huì)生效了重斑，
域名綁定
上一步DNS解析用到了CNAME 兵睛，現(xiàn)在在hexo/source目錄下創(chuàng)建一個(gè)不帶后綴的文件，名為CNAME窥浪，內(nèi)容只填寫你購(gòu)買的域名：
然后執(zhí)行hexo d -g部署到GitHub上祖很。這樣就能通過(guò)你的新域名訪問(wèn)你的網(wǎng)站了。
如果只是把hexo部署到GitHub上漾脂，半個(gè)小時(shí)是足夠的假颇，但是入果從找網(wǎng)站買域名、DNS解析骨稿、綁定笨鸡。前前后后大概花了近1個(gè)小時(shí)姜钳。可能因?yàn)槲矣袕?qiáng)迫癥的緣故形耗，填寫一些信息時(shí)總是要想好久哥桥。另外關(guān)于如何hexo換主題、添加新文章激涤，根據(jù)網(wǎng)上其他資料簡(jiǎn)單看下就能自己配置了拟糕，這里不在描述。如有其他步驟遺漏歡迎補(bǔ)充倦踢。
話不多說(shuō)送滞，看看完成后的網(wǎng)站吧：我的站點(diǎn)
