Hexo+Github的Blog搭建

安裝:

一弯囊、安裝Homebrew

Mac上已經(jīng)安裝了ruby環(huán)境,只需要輸入

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

二诱渤、安裝node.js

sudo brew install node

三丐巫、安裝Hexo

Hexo是基于node.js的博客系統(tǒng),這里安裝就可以了。

sudo npm install -g hexo 
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save

安裝完成后递胧,找一個放blog的目錄

cd ~/Blog

然后執(zhí)行初始化

hexo init

然后可以直接預(yù)覽hello word.md

hexo g
hexo s
=> [info] Hexo is running at localhost:4000/. Press Ctrl+C to stop.

g是generate, s是server碑韵,還有d是deploy(部署)推薦用首字母,方便快捷缎脾。

四祝闻、創(chuàng)建Blog Repository

在自己的Github創(chuàng)建Blog的倉庫,如Blog-Hexo遗菠,命名無所謂联喘。記住勾選README。

repository1
repository2

創(chuàng)建完畢辙纬,直接進行到下一步豁遭。

五、購買域名

推薦在萬網(wǎng)購買贺拣,國外的Godaddy也可以蓖谢。以萬網(wǎng)為例:
買好域名實名認證了之后,到控制臺 - 云解析DNS中添加一個解析譬涡,如:

CNAME映射到自己的xxx.github.io闪幽。這里的xxx是你的在github的名稱,我的是DarkAngel7昂儒。
在終端中輸入

dig blog.darkangel7.com +nostats +nocomments +nocmd

如果出現(xiàn)下面的結(jié)果沟使,證明解析成功。

DarkAngel-MacBook-Pro-2:Blog DarkAngel$ dig blog.darkangel7.com +nostats +nocomments +nocmd

; <<>> DiG 9.8.3-P1 <<>> blog.darkangel7.com +nostats +nocomments +nocmd
;; global options: +cmd
;blog.darkangel7.com.       IN  A
blog.darkangel7.com.    30  IN  CNAME   darkangel7.github.io.
darkangel7.github.io.   2516    IN  CNAME   github.map.fastly.net.
github.map.fastly.net.  30  IN  CNAME   prod.github.map.fastlylb.net.
prod.github.map.fastlylb.net. 30 IN A   151.101.100.133

六渊跋、Deploy

上一步完成域名到github pages的單向映射腊嗡。本步完成github到域名的映射,完成輸入域名解析到對應(yīng)的內(nèi)容拾酝。

首先在Blog/source里創(chuàng)建CNAME

cd source
touch CNAME
vi CNAME

輸入你在上一步CNAME的域名燕少,建立映射關(guān)系。

blog.darkangel7.com

修改_config.yml文件蒿囤,配置一些東西客们。

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
    type: git
    repository: git@github.com:DarkAngel7/Blog-Hexo.git

安裝git插件

npm install hexo-deployer-git --save

這里repository的地址可以是https的,也可以是git的材诽,只不過git需要SSH證書底挫,一般用https就可以了,如果出現(xiàn)443錯誤脸侥,替換成git建邓。

然后在Blog目錄下

hexo g -d

生成靜態(tài)文件并且部署出去,不出意外睁枕,已經(jīng)可以外網(wǎng)訪問了官边。

優(yōu)化

一沸手、訪問速度

由于Google被墻,大部分主題中引用的jquery都會因為超時(可以Blog目錄下搜索google)注簿,而造成頁面訪問很慢契吉,這里需要將jquery改為百度的
?

<script src="http://apps.bdimg.com/libs/jquery/2.0.3/jquery.min.js"></script>

二、RSS訂閱

輸入命令

$ npm install hexo-generator-feed --save

然后在_config.yml中诡渴,添加
?

rss: /atom.xml
feed:
    type: atom
    path: atom.xml
    limit: 20

三捐晶、搜索支持

現(xiàn)在在百度和Google是搜不到你的網(wǎng)站的,為了讓搜索引擎搜索到玩徊,需要做一些工作租悄。

搜索引擎入口

添加sitemap.xml:

首先輸入:

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save 
npm install hexo-baidu-url-submit --save

前兩個插件用于生產(chǎn)sitemap,后一個插件用于主動推送鏈接到百度(防止百度爬蟲抓取失敗恩袱,導(dǎo)致百度搜不到您的博客泣棋,這里有一篇關(guān)于百度無法爬取Github Pages靜態(tài)網(wǎng)站解決方案)。

然后在_config.yml文件中添加

sitemap:
        path: sitemap.xml
baidusitemap:
        path: baidusitemap.xml
        
## BaiduUrlSubmit: http://hui-wang.info/2016/10/23/Hexo插件之百度主動提交鏈接/ 
baidu_url_submit:       ##主動推送新文章到百度
  count: 3 ## 比如3畔塔,代表提交最新的三個鏈接
  host: blog.darkangel7.com ## 在百度站長平臺中注冊的域名
  token: your_token ## 請注意這是您的秘鑰潭辈, 請不要發(fā)布在公眾倉庫里!
  path: baidu_urls.txt ## 文本文檔的地址, 新鏈接會保存在此文本文檔里
  
##同時要檢查這里有沒有URL值澈吨,必須包含是百度站長平臺注冊的域名把敢,比如 
# URL
url: http://blog.darkangel7.com
root: /
permalink: :year/:month/:day/:title/

##最后,加入新的deployer谅辣,如
deploy:
- type: git
  repository: git@github.com:DarkAngel7/Blog-Hexo.git
- type: baidu_url_submitter  ## 百度鏈接主動推送

先驗證網(wǎng)站所有權(quán)修赞,下載html,mv到Blog/themes/yourtheme/source目錄下桑阶,執(zhí)行

hexo g -d

驗證成功后柏副,添加百度自動推送腳本,最好在head.ejs中添加百度自動推送的代碼蚣录,至于head.ejs文件位置割择,在你使用的theme文件夾下搜索吧。
谷歌的話萎河,在抓取-站點地圖里面添加就好荔泳。

這樣主動推送與自動推送結(jié)合,能很好的提高您文章的曝光率虐杯。

四玛歌、評論功能

可以使用多說來提供評論功能。首先擎椰,在_config.yml文件中添加

# Duoshuo
duoshuo_shortname: yoursite.doushuo.com

然后沾鳄,搜索themes文件夾下,你使用的theme文件目錄下的commemt.ejs(不同的theme可能位置不同确憨,請自行尋找)译荞。修改如下:

<div id="comment" class="comments-area">
     <% if(config.duoshuo_shortname) { %>
     <! -- 多說的代碼 --> 
     <% } %> 
</div>  
 
 如果報關(guān)于data-thread-key的錯誤,則改成下面這樣:
 <div class="ds-thread" data-thread-key="<%= page.path %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div    >

五休弃、分享功能

可以在Blog目錄下搜索post/share吞歼,一般在article.ejs文件中,或者post.ejs文件中塔猾,然后替換

<%- partial('post/author') %>

百度分享提供的代碼篙骡。

六、個人信息完善

網(wǎng)站的信息一般都在Blog/_config.yml中修改丈甸。

關(guān)于Theme糯俗,去官方提供的主題列表中選個現(xiàn)成的,按照里面的方法pull下來睦擂,如light主題

$ git clone git://github.com/tommy351/hexo-theme-light.git themes/light

然后在_config.yml配置文件中設(shè)置:

theme: light

關(guān)于主題的優(yōu)化得湘,一般在themes/yourtheme/_config.yml中配置。

寫文章

在Blog目錄下顿仇,創(chuàng)建

hexo new 文章題目

然后用Markdown編寫淘正,寫好后save。

hexo g
hexo s

生成臼闻,然后在本地localhost:4000預(yù)覽一下鸿吆,如果沒有問題,就可以發(fā)布了述呐。

hexo d

所有的文章都是放在Blog/source/_posts/目錄下的惩淳,可以隨時編輯修改。

寫在最后

還有一些其他的修改乓搬,這里就不一一提了思犁,等待你慢慢發(fā)現(xiàn)。現(xiàn)在快開始寫作吧~~
最后附上本人博客地址缤谎,使用的主題是mabao抒倚。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市坷澡,隨后出現(xiàn)的幾起案子托呕,更是在濱河造成了極大的恐慌,老刑警劉巖频敛,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件项郊,死亡現(xiàn)場離奇詭異,居然都是意外死亡斟赚,警方通過查閱死者的電腦和手機着降,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拗军,“玉大人任洞,你說我怎么就攤上這事蓄喇。” “怎么了交掏?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵妆偏,是天一觀的道長。 經(jīng)常有香客問我盅弛,道長钱骂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任挪鹏,我火速辦了婚禮见秽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘讨盒。我一直安慰自己解取,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布催植。 她就那樣靜靜地躺著肮蛹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪创南。 梳的紋絲不亂的頭發(fā)上伦忠,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音稿辙,去河邊找鬼昆码。 笑死,一個胖子當(dāng)著我的面吹牛邻储,可吹牛的內(nèi)容都是我干的赋咽。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼吨娜,長吁一口氣:“原來是場噩夢啊……” “哼脓匿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起宦赠,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤陪毡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后勾扭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毡琉,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年妙色,在試婚紗的時候發(fā)現(xiàn)自己被綠了桅滋。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡身辨,死狀恐怖丐谋,靈堂內(nèi)的尸體忽然破棺而出芍碧,到底是詐尸還是另有隱情,我是刑警寧澤号俐,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布师枣,位于F島的核電站,受9級特大地震影響萧落,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜洗贰,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一找岖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧敛滋,春花似錦许布、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至庶艾,卻和暖如春袁余,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背咱揍。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工颖榜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人煤裙。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓掩完,卻偏偏與公主長得像,于是被迫代替她去往敵國和親硼砰。 傳聞我的和親對象是個殘疾皇子且蓬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

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