介紹
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
插件
-
hexo-generator-search 搜索
$ npm install hexo-generator-searchdb --save然后將以下配置復制到你博客根目錄下的
_config.yml里（注意不是ayer目錄下的）:# Hexo-generator-search search: path: search.xml field: post format: html -
hexo-generate-feed RSS
$ 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 -
hexo-generator-index-pin-top
$ 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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/93657.html
標籤：Html/Css
上一篇：移動京東專案練習記錄