Ayer 是一个干净且优雅的 Hexo 主题,自带响应式,加载速度很快,该有的功能都有,可配置项也很多,非常适合作为你的博客主题,主题内还附送了 6 张精美的高清壁纸。欢迎使用和 Star 支持,如果你在使用过程中有任何疑问或者建议,欢迎联系我!
已上架 Hexo 官网~
MathJax
TOC
目录在文章页悬浮,跳转更方便Valine
)如果想体验手机浏览效果,可以扫一下二维码:
$ 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
# GitHub Ribbons( https://github.blog/2008-12-19-github-ribbons/)
github:
# (关闭请设置为 false)
url: https://github.com/Shen-Yu/hexo-theme-ayer
# fancybox(仅用于相册展示,若需要可配置 albums)
fancybox: true
# 访问量统计(不蒜子)
busuanzi:
enable: true
# 友盟 cnzz 统计(url 填 js 代码 src 链接)
cnzz:
enable: true
url: #
# Google Analytics
google_analytics: ''
# 百度统计
baidu_analytics: ''
# 数学公式
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
1
xiangchen2011 2019-12-15 10:13:32 +08:00
我觉得蛮好看的哦
|
2
azhangbing 2019-12-15 10:30:23 +08:00 via iPhone
好看好看!
|
3
loading 2019-12-15 10:55:00 +08:00
不喜欢首屏大图,因为我很难找到一张能看的大图。
|
4
KingBillSame 2019-12-15 11:14:11 +08:00 via Android
赞赏页面可以更好看一些
|
5
AnYang 2019-12-15 12:20:19 +08:00
赞一个,挺漂亮的~
|
6
o00o 2019-12-15 12:58:21 +08:00 via Android
标题略大,标题一般也得 10 几个字吧
|
7
lhx2008 2019-12-15 13:33:04 +08:00 via Android
手机看,标题太大了感觉
|
8
shenyu OP 谢谢各位的喜欢和建议~针对字体大小已经做了调整。
|