第一次使用Github搭建個(gè)人博客,記錄一下整個(gè)過程~
環(huán)境準(zhǔn)備
要使用Hexo,需要在你的系統(tǒng)中支持Nodejs以及Git拱她,如果還沒有炸茧,選擇對(duì)應(yīng)的操作系統(tǒng)版本進(jìn)行安裝吧瑞妇!本文則是針對(duì)Win7 64位的操作系統(tǒng)。
安裝 node.js
下載地址 node.js
直接雙擊下載下來的msi文件宇立,一路下一步就ok了踪宠,安裝完之后調(diào)出命令行或者node命令輸入終端,輸入node -v看到版本信息就表明安裝成功了妈嘹。如果自定義安裝路徑柳琢,則需要修改環(huán)境變量中Path的對(duì)應(yīng)路徑。
安裝 git
下載地址 git
直接雙擊下載下來的git安裝程序润脸,同node安裝柬脸,安裝完之后右鍵發(fā)現(xiàn)多了兩個(gè)Git GUI Here 、Git Bash Here毙驯,點(diǎn)擊后者倒堕,然后輸入git --version出現(xiàn)版本信息就表明安裝成功了。
git連接github配置
創(chuàng)建新repository
名稱必須要遵守格式:賬戶名.github.io爆价。選擇public垦巴,并且需要勾選Initialize this repository with a README。
創(chuàng)建項(xiàng)目成功后铭段,便可通過https://賬戶名.github.io以網(wǎng)頁的形式訪問所創(chuàng)建的項(xiàng)目骤宣。
設(shè)置用戶名及郵箱:
$ git config --global user.name "username"
$ git config --global user.email "xxx@qq.com"
配置SSH key:
檢查本機(jī)是否存在的ssh密鑰
$ cd ~/. ssh
如果提示:No such file or directory 說明你是第一次使用git,使用下述命令生成 ssh key
$ ssh-keygen -t rsa -C "郵件地址"
然后連續(xù)3次回車序愚,最終會(huì)生成一個(gè)文件在用戶目錄下憔披,打開用戶目錄,找到.ssh\id_rsa.pub文件爸吮,記事本打開并復(fù)制里面的內(nèi)容芬膝,打開你的github主頁,進(jìn)入個(gè)人設(shè)置 -> SSH and GPG keys -> New SSH key形娇,將剛復(fù)制的內(nèi)容粘貼到key那里锰霜,title隨便填,保存桐早。
測(cè)試是否成功
$ ssh -T git@github.com
如果提示Are you sure you want to continue connecting (yes/no)?锈遥,輸入yes纫事,然后會(huì)看到:
搭建個(gè)人博客
安裝hexo
-
安裝淘寶源的cnpm
在git bash中輸入下面整段
$ alias cnpm="npm --registry=https://registry.npm.taobao.org \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=https://npm.taobao.org/dist \ --userconfig=$HOME/.cnpmrc"
-
安裝 hexo
$ cnpm install -g hexo
-
安裝個(gè)人博客
進(jìn)入到 你本地的博客存放路徑,例如 E:\hexo\blog
$ cd e: $ cd hexo/blog/
初始化
$ hexo init
選擇Vexo主題所灸,你還可以從hexo themes上選擇你喜歡的主題丽惶。
$ git clone https://github.com/yanm1ng/hexo-theme-vexo.git themes/vexo $ cp -R themes/vexo/_source/* source/
接著,打開hexo\blog\themes\vexo\_config.yml爬立,將用戶信息修改為自己的信息钾唬。由于我的網(wǎng)站需求較少,因此將donate侠驯、qrcode等模塊均注釋掉抡秆。
網(wǎng)頁內(nèi)容的修改則需要對(duì)hexo\blog\themes\vexo\layout下的文檔進(jìn)行相應(yīng)的改動(dòng)。
-
增加評(píng)論功能
首先在hexo\blog\themes\vexo\_config.yml中增加如下內(nèi)容吟策,為個(gè)人博客使用Gitment增加評(píng)論功能儒士。
comment: gitment
然后去New OAuth App為你的博客申請(qǐng)一個(gè)密鑰。
Application name:隨便寫 Homepage URL:寫博客地址 Application description:描述,可隨意寫 Authorization callback URL:這個(gè)必須寫博客地址
申請(qǐng)好之后點(diǎn)注冊(cè),然后就可以看到ClientID和Client Secret檩坚,然后在comment: gitment后增加如下內(nèi)容着撩。
gitment_oauth_owner:github用戶名 gitment_oauth_repo:個(gè)人博客所對(duì)應(yīng)的repository名稱 gitment_oauth_id:ClientID gitment_oauth_secret:Client Secret
部署到Github上
打開hexo\blog\_config.yml,修改主題為vexo匾委,并在最后添加如下內(nèi)容拖叙。
deploy:
type: git
repository: git@github.com:bolerolily/bolerolily.github.io.git
branch: master
其中,repository所填寫的內(nèi)容可通過如下圖片所呈現(xiàn)的方式獲取赂乐,記得選擇"Use SSH"薯鳍。
安裝擴(kuò)展
$ cnpm install hexo-deployer-git --save
提交到github
$ hexo d -g
到此,博客基本就搭建完畢了挨措。
發(fā)布一篇文章
發(fā)布文章挖滤,首先需要使用命令創(chuàng)建markdown文件,默認(rèn)在hexo\blog\source\_post目錄下生成浅役。
$ hexo new "Your Article Name"
對(duì)markdown文件編寫完成后斩松,重新部署到Github上即可。
刪除一篇文章
首先進(jìn)入到hexo\blog\source\_post 目錄下担租,找到想要?jiǎng)h除的markdown文件砸民,在本地直接執(zhí)行刪除抵怎。然后重新部署到Github上即可奋救。
參考鏈接
2.使用Hexo+Github一步步搭建屬于自己的博客(基礎(chǔ))
3.hexo你的博客