介紹 "Ayer" 是一個乾凈且優雅的Hexo主題,自帶響應式,載入速度很快,該有的功能都有,可配置項也很多,非常適合作為你的博客主題,主題內還附送了6張精美的高清壁紙。歡迎使用和Star支持,如果你在使用過程中有任何疑問或者建議,歡迎聯繫我! "項目地址" "效果預覽" "中文說明" 特性 乾凈且 ...
介紹
Ayer 是一個乾凈且優雅的Hexo主題,自帶響應式,載入速度很快,該有的功能都有,可配置項也很多,非常適合作為你的博客主題,主題內還附送了6張精美的高清壁紙。歡迎使用和Star支持,如果你在使用過程中有任何疑問或者建議,歡迎聯繫我!
特性
- 乾凈且優雅,文章內容美觀易讀
- 首頁封面全屏平鋪,扁平化設計,更加高大上
- 響應式設計,博客在桌面端、平板、手機等設備上均能很好的展現
- 首頁封面和文案可以任意更換,主題內附送6張精美高清壁紙
- 時間軸式的歸檔頁
- 側邊欄可以點擊顯示和隱藏
- 關於我的頁面用文章,自定義性更強
- 支持文章置頂和文章打賞
- 支持
MathJax
TOC
目錄在文章頁懸浮,跳轉更方便- 可設置閱讀文章時做密碼驗證
- Valine和Gitalk評論模塊(推薦配合leancloud使用
Valine
) - 集成了不蒜子統計和CNZZ(
友盟統計
)等統計功能
如果想體驗手機瀏覽效果,可以掃一下二維碼:
安裝
$ git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer
修改
將博客根目錄下的 _config.yml
里的 theme
值修改成 ayer
theme: ayer
更新
cd themes/ayer
git pull
主題配置
ayer目錄下的 _config.yml
# 側邊欄菜單
menu:
主頁: /
目錄: /archives
攝影: http://shenyu-vip.lofter.com
旅行: /tags/旅行/
關於我: /2019/about
# 網站圖標和側邊欄logo
favicon: /favicon.ico
logo: /images/ayer-side.svg
# 封面配置
# enable-是否啟用封面;path-封面背景圖;logo-封面logo
cover:
enable: true
path: /images/cover1.jpg # images目錄下附送多張美圖,可更換
logo: /images/ayer.svg # 如果不要直接設置成false
# 頁面頂部進度條
progressBar: ture
# 文章配置
# 文章太長,截斷按鈕文字(在需要截斷的行增加此標記:<!--more-->)
excerpt_link: 閱讀更多...
# 文章分享文字
share_text: 分享
# 分頁文字
nav_text:
page_prev: 上一頁
page_next: 下一頁
post_prev: 上一篇
post_next: 下一篇
# 文章頁是否顯示目錄
toc: true
# 打賞
# 打賞type設定:0-關閉打賞; 1-文章對應的md文件里有reward:true屬性,才有打賞; 2-所有文章均有打賞
reward_type: 2
# 打賞wording
reward_wording: '請我喝杯咖啡吧~'
# 支付寶二維碼圖片地址,跟你設置logo的方式一樣。比如:/images/alipay.jpg
alipay: /images/alipay.jpg
# 微信二維碼圖片地址
weixin: /images/wechat.jpg
# 是否啟用搜索
search: true
# RSS訂閱(先安裝hexo-generator-feed插件,再去博客根目錄config進行配置)
rss: /atom.xml
# 評論:1、Valine(推薦);2、Gitalk
# 1、Valine[一款快速、簡潔且高效的無後端評論系統](https://github.com/xCss/Valine)
# 啟用Valine必須先創建leancloud應用, 獲取 id|key 填入即可
leancloud:
enable: true
app_id: #
app_key: #
# Valine配置
valine:
enable: true # 是否啟用
avatar: mp # 頭像樣式(https://valine.js.org/avatar.html)
placeholder: 給我的文章加點評論吧~ # placeholder
# 2、Gitalk(https://github.com/gitalk/gitalk)
gitalk:
enable: false # true
clientID: # GitHub Application Client ID
clientSecret: # Client Secret
repo: # Repository name
owner: # GitHub ID
admin: # GitHub ID
# fancybox(僅用於相冊展示,若需要可配置albums)
fancybox: true
# 訪問量統計(不蒜子)
busuanzi:
enable: true
# 友盟cnzz統計(url填js代碼src鏈接)
cnzz:
enable: true
url: #
# 數學公式
mathjax: true
# 網站成立年份(預設為 2019,若填入年份小於當前年份,則顯示為 2018-2019 類似的格式)
since: 2019
#是否顯示頁腳信息(建議保留,有助於本主題的推廣)
pageFooter: true
插件
-
$ npm install hexo-generator-searchdb --save
然後將以下配置複製到你博客根目錄下的
_config.yml
里(註意不是ayer目錄下的):# Hexo-generator-search search: path: search.xml field: post format: html
-
$ npm install hexo-generator-feed --save
然後將以下配置複製到你博客根目錄下的
_config.yml
里(註意不是ayer目錄下的):feed: type: atom path: atom.xml limit: 20 hub: content: content_limit: 140 content_limit_delim: ' ' order_by: -date
-
$ npm uninstall hexo-generator-index --save $ npm install hexo-generator-index-pin-top --save
相冊
需要在文章頂部配置
---
title: Gallery
albums: [
["img_url","img_caption"],
["img_url","img_caption"]
]
---
文章目錄
用Tocbot解析文章標題並生成目錄
將以下配置複製到你ayer目錄下的
_config.yml
里:# Toc toc: true
當然你也可以選擇關閉:
toc: false