Hexo 的安裝與配置

安裝流程:
    1. 安裝Node.js
    2. 安裝Git → 安裝Hexo
    3. 安裝主題 
    4. 本地測試運行
    5. 在github與coding上創(chuàng)建pages倉庫
    6. 部署到遠程倉庫中
    7. 自定義域名訪問
配置與優(yōu)化
    1. 添加標簽頁面
    2. 添加分類頁面
    3. 添加自定義頁面
    4. 文章末尾追加版權信息
    5. 開啟打賞功能
    6. 友情鏈接
    7. 自定義字體
    8. 自定義圖標和側欄頭像
    9. 添加 Rss 訂閱
    10. MathJax支持
錯誤解決
    1. 關于網站圖標不更新問題

安裝Hexo

Node.jsGIt安裝
安裝hexo

打開 git bash 輸入以下命令

npm install -g hexo-cli

安裝 Hexo 完成后些侍,請執(zhí)行下列命令隶症,請?zhí)貏e的注意看注釋。

hexo init <folder>  #folder指我們要安裝的博客根目錄 
                  #hexo init blog 指的是在當前文件夾下新建blog目錄作為博客的根目錄
cd <folder>
npm install         #安裝所有的依賴包
安裝主題
  • 將主題文件拷貝至站點目錄的 themes 目錄下
git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 修改配置文件
    打開 站點配置文件岗宣, Ctrl +F 搜索 theme 字段蚂会,并將其值更改為 next
    如果顯示的是繁體中文,那么在站點配置文件中設置 language: zh-CN

  • 本地預覽

    hexo g # 等同于hexo generate耗式,生成靜態(tài)文件
    hexo s # 等同于hexo server胁住,在本地服務器運行
    
  • 打開瀏覽器輸入 http://localhost:4000 能夠訪問說明部署成功趁猴。

注冊 Github 并創(chuàng)建Pages
  1. https://github.com/ 上面注冊一個賬號

  2. 新建倉庫,倉庫名為你賬號用戶名.github.io

  3. 設置 SSH 遠程連接

    • 設置Git的user name和email:(如果是第一次的話)
    git config --global user.name "ttxxly"
    git config --global user.email "ttxxly@gmail.com"
    
    • 生成密鑰
    ssh-keygen -t rsa -C "ttxxly@gmail.com"
    

    連續(xù)3個回車彪见。如果不需要密碼的話儡司。
    最后得到了兩個文件:id_rsaid_rsa.pub。復制 id_rsa.pub內容到github上余指。

部署到 github

在 博客的配置文件(不是主題配置文件) _config.yml 中 末尾添加

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo:
    github: git@github.com:ttxxly/ttxxly.github.io.git,master
    coding: git@git.coding.net:ttxxly/ttxxly.coding.me.git,master

再然后打開 Git bash 輸入 hexo d 就是可以提交內容到GitHub上捕犬,然后就可以通過倉庫名ttxxly.github.io來訪問。

注意一個公鑰只能配置在一個網站酵镜,放在github就不能再放在 coding上

自定義域名訪問
  1. blog\source目錄下新建 CNAME文件
#### 在 CNAME 文件 中 填寫自定義域名, 格式如下
ttxxly.top

配置與優(yōu)化

添加標簽頁面
/*
必看5锏铩!;淳隆垢粮!
    確認站點配置文件_config.yml中有: tag_dir: tags (有注釋的去掉注釋)
    確認主題配置文件_config.yml中有: tags: /tags
*/
hexo new page "tags"

編輯站點中 source/tags/index.md 文件:

title: tags
date: 2017-3-16 14:08:51
type: "tags"

如果站點啟用多說或者Disqus,會在默認頁面添加評論缸濒,關閉評論那么還需要添加:

comments: false
添加分類頁面
/*
確認站點配置文件里有 category_dir: categories
確認主題配置文件里有 categories: /categories
*/
hexo new page "categories"

編輯站點的 source/categories/index.md 文件:

title: categories
date: 2015-10-20 06:49:50
type: "categories"

如果站點啟用多說或者Disqus足丢,會在默認頁面添加評論,關閉評論那么還需要添加:

comments: false
添加自定義頁面
hexo new page "title"
  • 如果你不想在該頁面顯示評論庇配,那么我們需要打開 blog\source\logs\index.md 在date的 下一行添加 comments: false(注意冒號后面有一個空格)
  • 找到 \next\_config.yml 下的 menu 斩跌, 把 title 加進去。
  • 然后在下面 menu_icons 中加入你想讓其顯示的圖標圖標傳送
  • /themes/hexo-theme-next/languages/zh-Hans.yml 文件中(這里默認你使用的是簡體中文捞慌,若是其他語言更改相應的yml就行)耀鸦,在 memu 下加一句即可:
title: 標題
文章末尾追加版權信息

打開 themes/next/layout/_macro/reward.swig ,在最上面添加如下代碼:

<div align="center">
 {% if not is_index %}
   <div class="">
   <p>
    <span>
      <b>本文地址:</b>
      <a href="{{ url_for(page.path) }}" title="{{ page.title }}">{{ url_for(page.path) }}</a>
      <br/><b>轉載請注明出處啸澡,謝謝袖订!</b>
    </span>
   </p>
   </div>
 {% endif %}
</div>
開啟打賞功能

主題配置文件 中:

reward_comment: 堅持原創(chuàng)技術分享,您的支持將鼓勵我繼續(xù)創(chuàng)作嗅虏!
wechatpay: /images/wechat-reward.png
alipay: /images/alipay-reward.jpg
友情鏈接

主題配置文件

實例:

# title
links_title: Links
links:
  MacTalk: http://macshuo.com/
  Title: http://example.com/
自定義字體

http://theme-next.iissnan.com/theme-settings.html#fonts-customization

font:
  enable: true

  # 外鏈字體庫地址洛姑,例如 //fonts.googleapis.com (默認值)
  host:

  # 全局字體,應用在 body 元素上
  global:
    external: true
    family: Monda

  # 標題字體 (h1, h2, h3, h4, h5, h6)
  headings:
    external: true
    family: Roboto Slab

  # 文章字體
  posts:
    external: true
    family:

  # Logo 字體
  logo:
    external: true
    family: Lobster Two
    size: 24

  # 代碼字體皮服,應用于 code 以及代碼塊
  codes:
    external: true
    family: PT Mono

官方文檔:自定義字體

source/css/_variables/custom.styl 文件中

// 標題楞艾,修改成你期望的字體族
$font-family-headings = Georgia, sans

// 修改成你期望的字體族 如果不生效 請在同目錄下的 base.style 下 修改成你期望的字體族
$font-family-base = "Microsoft YaHei", Verdana, sans-serif

// 代碼字體
$code-font-family = "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace

// 正文字體的大小
$font-size-base = 16px

// 代碼字體的大小
$code-font-size = 13px

注:上面的那種方式是更改首選字體,下面的方式會覆蓋上面的那一種方式

自定義圖標和側欄頭像

圖標:在 source 目錄下龄广,放圖標文件硫眯,命名為 favicon.ico
側欄頭像: 編輯 站點配置文件 _config.yml ,新增字段 avatar择同,值設置成頭像的鏈接地址两入。

其中,頭像的鏈接地址可以是:

完整的互聯(lián)網 URL敲才,例如:https://avatars1.githubusercontent.com/u/32269?v=3&s=460
站點內的地址裹纳,例如:

/uploads/avatar.jpg 需要將你的頭像圖片放置在 站點的 source/uploads/(可能需要新建uploads目錄)
/images/avatar.jpg 需要將你的頭像圖片放置在 主題的 source/images/ 目錄下择葡。
添加RSS訂閱

安裝訂閱插件:

npm install hexo-generator-feed

編輯網站根目錄下的 _config.yml,添加以下代碼開啟

# RSS訂閱支持
plugin:
- hexo-generator-feed

# Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

將訂閱添加到菜單欄中

  • 找到 \next\_config.yml 下的 menu 痊夭, 把 rss 加進去刁岸。
menu:
  home: /
  rss: 

  • 然后在下面 menu_icons 中加入你想讓其顯示的圖標圖標傳送
menu_icons:
  logs: th-list
  projects: ra
  rss: rss
  • /themes/hexo-theme-next/languages/zh-Hans.yml 文件中(這里默認你使用的是簡體中文脏里,若是其他語言更改相應的yml就行)她我,在 memu 下加一句即可:
menu:
  home: 首頁
  archives: 歸檔
  categories: 分類
  tags: 標簽
  about: 關于
  search: 搜索
  schedule: 日程表
  sitemap: 站點地圖
  commonweal: 公益404
  logs: 日志
  projects: 項目
  rss: 訂閱
MathJax支持

https://github.com/hexojs/hexo-math

錯誤解答

關于網站圖標不更新問題

可以查看下GitHub網站上圖標是否更新,因為git提交時忽略大小寫的迫横,可能文件沒有更新番舆,先將圖標文件刪除,在重新上傳就可以了矾踱。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末恨狈,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子呛讲,更是在濱河造成了極大的恐慌禾怠,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贝搁,死亡現(xiàn)場離奇詭異吗氏,居然都是意外死亡,警方通過查閱死者的電腦和手機雷逆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門弦讽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人膀哲,你說我怎么就攤上這事往产。” “怎么了某宪?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵仿村,是天一觀的道長。 經常有香客問我兴喂,道長蔼囊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任瞻想,我火速辦了婚禮压真,結果婚禮上,老公的妹妹穿的比我還像新娘蘑险。我一直安慰自己滴肿,他們只是感情好,可當我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布佃迄。 她就那樣靜靜地躺著泼差,像睡著了一般贵少。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上堆缘,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天滔灶,我揣著相機與錄音,去河邊找鬼吼肥。 笑死录平,一個胖子當著我的面吹牛,可吹牛的內容都是我干的缀皱。 我是一名探鬼主播斗这,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼啤斗!你這毒婦竟也來了表箭?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤钮莲,失蹤者是張志新(化名)和其女友劉穎免钻,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體崔拥,經...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡极舔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了握童。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片姆怪。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖澡绩,靈堂內的尸體忽然破棺而出稽揭,到底是詐尸還是另有隱情,我是刑警寧澤肥卡,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布溪掀,位于F島的核電站,受9級特大地震影響步鉴,放射性物質發(fā)生泄漏揪胃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一氛琢、第九天 我趴在偏房一處隱蔽的房頂上張望喊递。 院中可真熱鬧,春花似錦阳似、人聲如沸骚勘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽俏讹。三九已至当宴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泽疆,已是汗流浹背户矢。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留殉疼,地道東北人梯浪。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像株依,于是被迫代替她去往敵國和親驱证。 傳聞我的和親對象是個殘疾皇子延窜,可洞房花燭夜當晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內容

  • 第一章 安裝Git工具 下載GitHub for Windows,直接點擊安裝恋腕,安裝完成后,可以看到“Git Sh...
    不圓的石頭閱讀 11,878評論 5 63
  • 1逆瑞、準備工作 1.1荠藤、git 1.1.1、github 首先注冊获高、登錄uername 最好都用小寫哈肖,因為最后建立的...
    日居_月諸閱讀 4,693評論 2 18
  • 版權聲明:本文為博主原創(chuàng)文章,未經博主允許不得轉載念秧。 閑聊 在大三的時候淤井,一直就想搭建屬于自己的一個博客,但由于各...
    Kerry202閱讀 1,859評論 0 2
  • 距離上次的文章《A》有一段時間了摊趾。最近剛剛完成小論文投稿币狠,雖然個人覺得第一次就能得到好消息的可能性不大,但是能有機...
    蝴蝶不哭了閱讀 130評論 0 1
  • 正如老師所說的兒子在媽媽這愛之杯是滿滿的砾层,他有自己的力量去保護自己漩绵,要相信他,也要相信他能夠做好自身的事情肛炮,...
    蘭樂樂媽閱讀 141評論 0 0