使用Hexo-Vexo搭建個(gè)人博客

第一次使用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ì)看到:


ssh連接成功截圖.JPG

搭建個(gè)人博客

安裝hexo

  1. 安裝淘寶源的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" 
    
  2. 安裝 hexo

    $ cnpm install -g hexo
    
  3. 安裝個(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)。

  4. 增加評(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"薯鳍。


獲取repository地址.JPG

安裝擴(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上即可奋救。

參考鏈接

1.github個(gè)人博客搭建

2.使用Hexo+Github一步步搭建屬于自己的博客(基礎(chǔ))

3.hexo你的博客

4.hexo怎么刪除文章?

5.Hexo-使用Gitment評(píng)論功能

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末反惕,一起剝皮案震驚了整個(gè)濱河市尝艘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌姿染,老刑警劉巖背亥,帶你破解...
    沈念sama閱讀 217,907評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秒际,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡狡汉,警方通過查閱死者的電腦和手機(jī)娄徊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盾戴,“玉大人寄锐,你說我怎么就攤上這事〖夥龋” “怎么了橄仆?”我有些...
    開封第一講書人閱讀 164,298評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)衅斩。 經(jīng)常有香客問我盆顾,道長(zhǎng),這世上最難降的妖魔是什么畏梆? 我笑而不...
    開封第一講書人閱讀 58,586評(píng)論 1 293
  • 正文 為了忘掉前任您宪,我火速辦了婚禮,結(jié)果婚禮上具温,老公的妹妹穿的比我還像新娘蚕涤。我一直安慰自己,他們只是感情好铣猩,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,633評(píng)論 6 392
  • 文/花漫 我一把揭開白布揖铜。 她就那樣靜靜地躺著,像睡著了一般达皿。 火紅的嫁衣襯著肌膚如雪天吓。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評(píng)論 1 302
  • 那天峦椰,我揣著相機(jī)與錄音龄寞,去河邊找鬼。 笑死汤功,一個(gè)胖子當(dāng)著我的面吹牛物邑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播滔金,決...
    沈念sama閱讀 40,275評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼色解,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了餐茵?” 一聲冷哼從身側(cè)響起科阎,我...
    開封第一講書人閱讀 39,176評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎忿族,沒想到半個(gè)月后锣笨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蝌矛,經(jīng)...
    沈念sama閱讀 45,619評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,819評(píng)論 3 336
  • 正文 我和宋清朗相戀三年错英,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了入撒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,932評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡椭岩,死狀恐怖衅金,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情簿煌,我是刑警寧澤氮唯,帶...
    沈念sama閱讀 35,655評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站姨伟,受9級(jí)特大地震影響惩琉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜夺荒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,265評(píng)論 3 329
  • 文/蒙蒙 一瞒渠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧技扼,春花似錦伍玖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丽旅,卻和暖如春椰棘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背榄笙。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工邪狞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人茅撞。 一個(gè)月前我還...
    沈念sama閱讀 48,095評(píng)論 3 370
  • 正文 我出身青樓帆卓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親米丘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子剑令,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,884評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容