在寒假期間,我用hexo+github搭建了自己的博客拆宛,比較方便嗓奢、省錢,而且網(wǎng)上相關(guān)教程也很多浑厚。在搭建的過(guò)程中股耽,遇到了一些問(wèn)題,折騰相關(guān)的配置花了不少時(shí)間钳幅,現(xiàn)在把搭建博客的過(guò)程記錄下來(lái)物蝙,方便以后查詢,也希望能讓搭建博客的新人少走一些彎路敢艰。
本地博客搭建
- 安裝Node.js诬乞。下載網(wǎng)址:https://nodejs.org/en/download/ 根據(jù)自己的操作系統(tǒng),選擇下載钠导,安裝完成即可震嫉。
- 安裝Git。下載網(wǎng)址:https://git-scm.com/downloads 根據(jù)需要下載安裝即可牡属。Git參考文檔:http://git.oschina.net/progit/
- 安裝Hexo责掏。桌面鼠標(biāo)右鍵,點(diǎn)擊Git Bash Here
npm install hexo-cli -g
npm install hexo --save
npm install -g cnpm --registry=https://registry.npm.taobao.org
- Hexo初始化湃望。建立博客文件夾目錄(如:F:\Blog\Hexo),進(jìn)入該目錄下,鼠標(biāo)右鍵证芭,點(diǎn)擊Git Bash Here,輸入:
hexo init
npm install
- Hexo插件安裝瞳浦。
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
- 查看本地博客。輸入下列命令废士,執(zhí)行完成后叫潦,打開(kāi)瀏覽器,輸入localhost:4000官硝,即可查看博客矗蕊。
hexo generate
hexo server
將博客部署到GitHub上
- Github賬戶設(shè)置。沒(méi)有Github賬戶氢架,需要先注冊(cè)賬戶(https://github.com/) 已經(jīng)注冊(cè)過(guò)的傻咖,直接登錄。
- 創(chuàng)建項(xiàng)目代碼庫(kù)岖研。庫(kù)名為:yourname(github的名稱).github.io卿操。
- 配置SSH密鑰∷镌可以參考這篇博客(http://www.cnblogs.com/ayseeing/p/3572582.html)
- 設(shè)置用戶信息害淤。
git config --global user.name "yourname"http://用戶名
git config --global user.email "yourname@qq.com"http://填寫自己的郵箱
- 找到剛才在Github上創(chuàng)建的yourname.github.io庫(kù),點(diǎn)擊進(jìn)入拓售;找到clone or download按鈕窥摄,點(diǎn)擊,將出現(xiàn)的鏈接復(fù)制(默認(rèn)用https開(kāi)頭的超鏈接)础淤;打開(kāi)自己電腦上創(chuàng)建的Hexo文件夾(F:\Blog\Hexo)崭放,找到_config.yml文件,用記事本打開(kāi)值骇,在里面進(jìn)行下列修改:
deploy:
type: git
repo: 填寫剛才復(fù)制的鏈接
branch: master
- 在Hexo文件夾下莹菱,鼠標(biāo)右鍵點(diǎn)擊Git Bash Here,執(zhí)行下列代碼:
hexo g -d
- 完成github部署博客。打開(kāi)瀏覽器吱瘩,輸入yourname.github.io就可以看見(jiàn)你的博客啦道伟!
配置域名
- 可以選擇在阿里云上購(gòu)買域名。(https://wanwang.aliyun.com/domain/?spm=5176.383338.1907008.1.LWIFhw)
- 添加域名解析使碾。登錄進(jìn)入阿里云后臺(tái)管理蜜徽,找到你想添加解析的域名,點(diǎn)擊解析票摇,ip就填寫yourname.github.io對(duì)應(yīng)的ip,不知道的可以在Cmd中ping一下博客的網(wǎng)址拘鞋。
- 在Hexo文件夾下的source文件夾下創(chuàng)建文件CNAME(無(wú)后綴),里面內(nèi)容就填寫剛才購(gòu)買的域名矢门,保存盆色。
- 在Hexo文件夾下右鍵鼠標(biāo)灰蛙,運(yùn)行Git Bash Here,執(zhí)行hexo g -d,執(zhí)行完畢,在瀏覽器輸入你的域名,就可以查看自己的博客啦隔躲。