年終沖刺赛不,開始996了,借晚上加班的剩余時(shí)間挠阁,把博客的文章同步到簡書,方便訪問和查閱
搭建個(gè)人域名博客的七大步(Mac):
一溉委、安裝博客工具:
- 安裝node.js鹃唯,用來生成靜態(tài)頁面(node官網(wǎng):
https://nodejs.org
) - 安裝git,用來把博客提交到github pages (Mac下載Xcode后自帶git不用再安裝)
- 安裝hexo瓣喊,命令
$ sudo npm install -g hexo
推薦(不做操作):homebrew 是Mac上面用來安裝或者卸載軟件用的非常方便的一個(gè)軟件坡慌,homebrew官網(wǎng)。
homebrew 的安裝需要注意的是 homebrew 安裝的時(shí)候一定要在 sudo 管理員權(quán)限下安裝藻三,否則可能遇到寫入失敗的問題洪橘。
安裝方法:打開終端輸入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
二跪者、建立站點(diǎn):
- 打開終端 cd到你想存放站點(diǎn)的目錄下,執(zhí)行命令:$ hexo init blog
- cd到創(chuàng)建的blog目錄下熄求,執(zhí)行命令:$ npm install,完成后渣玲,blog文件夾的目錄如下:
_config.yml // 站點(diǎn)的配置信息
package.json // 應(yīng)用程序的信息
scanffolds // 模板文件夾
source // 存放用戶資源的文件夾
themes // 主題文件夾,Hexo會(huì)根據(jù)主題生成靜態(tài)頁面
- 啟動(dòng)本地服務(wù):執(zhí)行命令:$ hexo s
- 訪問http://localhost:4000弟晚,查看是否可以訪問成功忘衍,若網(wǎng)頁可正常顯示,則站點(diǎn)創(chuàng)建成功
三卿城、關(guān)聯(lián)Github賬號(hào):
- 去github注冊一個(gè)賬號(hào):https://github.com
-
注冊完賬號(hào)后點(diǎn)擊加號(hào)枚钓,創(chuàng)建一個(gè)新的公共倉庫,name的格式一定要寫成:你的github名+github.io
image
image
- 終端cd到blog目錄下瑟押,使用vim命令編輯_config.yml搀捷,滑到最底部,將deploy里的內(nèi)容改為如下:
deploy:
type: git
repository: https://github.com/rocksky/rocksky.github.io.git
branch: master
異常處理:
如果出現(xiàn):
FATAL remote: Permission to rocksky/rocksky.github.io.git denied to skyrock90.
fatal: unable to access 'https://github.com/rocksky/rocksky.github.io.git/': The requested URL returned error: 403
將
repository: https://github.com/rocksky/rocksky.github.io.git
替換為下面的
repository: git@github.com:/rocksky/rocksky.github.io.git
- 生成靜態(tài)頁面: $ hexo g 此時(shí)若出現(xiàn)如下報(bào)錯(cuò):
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
- 則執(zhí)行命令:
npm install hexo --save
- 部署:$ hexo d 若執(zhí)行hexo d仍報(bào)錯(cuò)多望,則在blog目錄下執(zhí)行:
$ npm install hexo-deployer-git --save
四嫩舟、配置SSH
- 配置github用戶名:$ git config --global user.name "rocksky"http://GitHub用戶名
- 配置github郵箱:$git config --global user.email "1*****9@qq.com"http://GitHub注冊郵箱
- 生成ssh密鑰:$ ssh-keygen -t rsa -C "xxx@qq.com”(你的github郵箱),配置完成后可以在/Users/sky/.ssh/目錄下看到生成id_rsa和id_rsa.pub兩個(gè)文件
- 將SSH key添加到Github,打開id_rsa.pub文件,里面的信息即為SSH key怀偷,將這些信息復(fù)制到Github的Add SSH key頁面即可家厌。進(jìn)入Github –> Settings –> SSH keys –> add SSH key, Title里任意添一個(gè)標(biāo)題枢纠,將復(fù)制的內(nèi)容粘貼到Key里像街,點(diǎn)擊下方Add key綠色按鈕即可
- 至此,你可以通過
https://你的github用戶名.github.io/
完美的訪問你自己的博客了 - 接下來晋渺,你還有更長的路要走,年輕人脓斩!甩甩你那飄逸的長發(fā)繼續(xù)前行吧
五木西、關(guān)聯(lián)個(gè)人域名:
用終端ping出你github的ip(例如:ping www.skyrock90.github.io)
去阿里云什么的購買域名,購買成功后進(jìn)入控制臺(tái)随静,進(jìn)行域名解析
[圖片上傳失敗...(image-ee1ace-1514363359572)]
選擇用到的域名點(diǎn)擊解析八千,首次選擇下面網(wǎng)站解析的立即修改
[圖片上傳失敗...(image-26a64d-1514363359572)]
選擇需要解析的域名,點(diǎn)擊添加域名解析
[圖片上傳失敗...(image-c6b205-1514363359572)]記錄類型選A 主機(jī)記錄寫@ 運(yùn)營商寫默認(rèn) 記錄值寫ping出的ip 燎猛,最后點(diǎn)擊保存
生成CNAME的文件恋捆,不知道怎么生成的可以到這里去下載,將CNAME的內(nèi)容改為你的域名重绷,保存
[圖片上傳失敗...(image-72abf7-1514363359572)]添加CNAME解析沸停,記錄類型選擇CNAME,主機(jī)記錄寫www昭卓,記錄值填寫博客的github訪問地址(skyrock90.github.io)愤钾,保存瘟滨,至此域名設(shè)置完
[站外圖片上傳中...(image-469488-1514363359572)]將CNAME文件放到站點(diǎn)的source文件夾下(不能和source同級(jí)),這樣可以避免CNAME提交不上
執(zhí)行命令:完成后就可以用域名訪問你的博客
有木有很完美能颁?有木有杂瘸?
六、修改博客主題為NexT主題:
- 下載主題伙菊,并將主題下載到thems/next文件夾下败玉,可以使用git命令:
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
- 在blog目錄下,使用vim命令編輯_config.yml镜硕,找到theme绒怨,修改為:
theme: next
title: language: zh-Hans description:這些參數(shù)可自行設(shè)置
七、新建博客文章:
- 終端里cd到blog目錄下谦疾,執(zhí)行$ hexo new "文章名字”,這時(shí)會(huì)在blog/source/_posts目錄下生成文章名字.md文件南蹂,盡量不要使用中文來命名,方便以后設(shè)置超鏈接跳轉(zhuǎn)
- 執(zhí)行如下命令念恍,更新博客六剥,就能看到你新寫的文章了
hexo clean
hexo g
hexo d