安裝:
一弯囊、安裝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。
創(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抒倚。