Ayer中文说明

介绍

Ayer 是一个干净且优雅的Hexo主题,自带响应式,加载速度很快,该有的功能都有,可配置项也很多,非常适合作为你的博客主题,主题内还附送了6张精美的高清壁纸。欢迎使用和Star支持,如果你在使用过程中有任何疑问或者建议,欢迎联系我!如果你的博客采用了本主题,欢迎在下面评论区留下地址~

Ayer 在马来语中是“水”的意思,在西班牙语中是“昨天”的意思。

hexo-theme-ayer

GitHub地址

国内镜像

效果预览

中文说明

特性

  1. 干净且优雅,文章内容美观易读
  2. 首页封面全屏平铺,扁平化设计,简洁又不失高大上
  3. 响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
  4. 首页封面和文案可以任意更换,主题内附送6张精美高清壁纸
  5. 时间轴式的归档页
  6. 侧边栏可以点击显示或隐藏
  7. 支持文章置顶和文章打赏
  8. 支持文章字数和阅读时长统计
  9. 支持 MathJax 数学公式
  10. TOC 目录在文章页悬浮,跳转更方便
  11. 可设置阅读文章时做密码验证(hexo-blog-encrypt
  12. ValineGitalk评论模块(推荐配合leancloud使用 Valine
  13. 集成了不蒜子、百度统计、Google Analytics、CNZZ等统计功能
  14. 支持Github Ribbons

如果想体验手机端浏览效果,可以扫一下二维码:

手机端效果

赞助

本主题完全开源且免费,目前由我一个人维护,如果你觉得主题不错,你可以选择继续白嫖,也可以选择适当打赏我,不在于金额多少,而是能让我更有动力去维护这个主题~

微信 wechat 支付宝 alipay

安装

1
# 国内用户如果速度较慢,可以把github地址替换为:https://gitee.com/shen-yu/hexo-theme-ayer.git
2
git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer

修改

将博客根目录下的 _config.yml 里的 theme 值修改成 ayer

1
theme: ayer

更新

1
cd themes/ayer
2
git pull

主题配置

以下是ayer主题目录下的 _config.yml文件配置。如果你在配置过程中有问题,请先擅用 搜索引擎。如果你搜不到解决方法,你可以参考:我的博客源码,按照我的一模一样配肯定是不会有问题的。如果对部分字体或颜色等有定制需求,请自行在css文件进行修改,主题本身已经很符合审美,自定义配置项也很多,不建议改得花里胡哨,过大的字体和库都会影响博客加载速度。如果还有问题或者建议,那么请在评论区给我留言~

1
# 侧边栏菜单
2
menu:
3
  主页: /
4
  归档: /archives
5
  分类: /categories
6
  标签: /tags
7
  摄影: http://shenyu-vip.lofter.com
8
  旅行: /tags/旅行/
9
  关于我: /2019/about
10
11
# 站点次标题和打字动效
12
# https://github.com/mattboldt/typed.js
13
subtitle:
14
  enable: true  # 是否开启动效
15
  text: 面朝大海,春暖花开  # 显示的文字
16
  text2: 愿你一生努力,一生被爱   # 滚动播放,如果不需要可以留空
17
  text3: 想要的都拥有,得不到的都释怀  # 最多支持三段文字
18
  startDelay: 0   # 延迟时间
19
  typeSpeed: 200  # 打字速度
20
  loop: true  # 是否循环
21
  backSpeed: 100  # 回退速度
22
  showCursor: true  # 是否显示光标
23
24
# 网站图标和侧边栏logo
25
favicon: /favicon.ico
26
logo: /images/ayer-side.svg
27
28
# 封面配置
29
# enable-是否启用封面;path-封面背景图;logo-封面logo
30
cover:
31
  enable: true
32
  path: /images/cover1.jpg  # /source/images目录下附送多张精美壁纸,可任意更换
33
  logo: /images/ayer.svg  # 如果不要直接设置成false
34
35
# 页面顶部进度条  
36
progressBar: ture
37
38
# 文章配置
39
# 文章太长,截断按钮文字(在需要截断的行增加此标记:<!--more-->)
40
excerpt_link: 阅读更多...
41
# 如果你嫌每篇文章手动加more标记比较麻烦,又不想在首页全文显示,可以把excerpt_all设置成true,这样首页只会显示文章归档
42
excerpt_all: false
43
44
# 是否开启文章分享按钮
45
share_enable: true
46
# 国内的社交平台(If you are not in China, maybe you prefer to set:false)
47
share_china: true
48
# 文章分享文字
49
share_text: 分享
50
51
# 分页文字
52
nav_text:
53
  page_prev: 上一页
54
  page_next: 下一页
55
  post_prev: 上一篇
56
  post_next: 下一篇
57
58
# 文章页是否显示目录
59
toc: true
60
61
# 文章中的图片是否支持点击放大
62
image_viewer: true
63
64
# https://github.com/willin/hexo-wordcount
65
# 是否开启字数统计(关闭请设置enable为false)
66
# 也可以单独在md文件里Front-matter设置`no_word_count: true`属性,来自定义关闭字数统计
67
word_count:
68
  enable: true
69
  # 只在文章详情显示(不在首页显示)
70
  only_article_visit: true
71
72
# 打赏
73
# 打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏; 2-默认开启所有文章均有打赏,如果有些文章你不需要,请在文章对应的md文件里设置no_reward:true
74
reward_type: 2
75
# 打赏wording
76
reward_wording: '请我喝杯咖啡吧~'
77
# 支付宝二维码图片地址,跟你设置logo的方式一样。比如:/images/alipay.jpg
78
alipay: /images/alipay.jpg
79
# 微信二维码图片地址
80
weixin: /images/wechat.jpg
81
82
# 版权声明
83
# 版权声明type设定:0-关闭版权声明; 1-文章对应的md文件里有copyright: true属性,才有版权声明; 2-所有文章均有版权声明
84
copyright_type: 2
85
86
# 是否启用搜索
87
search: true
88
89
# RSS订阅(先安装hexo-generator-feed插件,再去博客根目录config进行配置)
90
rss: /atom.xml
91
92
# 评论:1、Valine(推荐);2、Gitalk
93
94
# 1、Valine[一款快速、简洁且高效的无后端评论系统](https://github.com/xCss/Valine)
95
# 启用Valine必须先创建leancloud应用, 注册账号后获取 id|key 填入即可
96
leancloud:  
97
  enable: true
98
  app_id: #
99
  app_key: #
100
# Valine配置(如果有些文章你想关闭评论,请在文章对应的md文件里设置no_valine:true)
101
valine:
102
  enable: true # 是否启用
103
  verify: false # 是否开启防垃圾评论验证
104
  notify: false # 是否开启邮件提醒(https://valine.js.org/notify.html)
105
  avatar: mp # 头像样式(https://valine.js.org/avatar.html)
106
  placeholder: 给我的文章加点评论吧~ # placeholder
107
108
# 2、Gitalk(https://github.com/gitalk/gitalk)
109
gitalk:
110
  enable: false # true
111
  clientID: # GitHub Application Client ID
112
  clientSecret: # Client Secret
113
  repo: # Repository name
114
  owner: # GitHub ID
115
  admin: # GitHub ID
116
  
117
# GitHub Ribbons封面右上角的forkme(https://github.blog/2008-12-19-github-ribbons/)
118
github: 
119
  # (关闭请设置为false)
120
  url: https://github.com/Shen-Yu/hexo-theme-ayer
121
122
# fancybox(仅用于相册展示,若需要可配置albums)
123
fancybox: true
124
125
# 访问量统计(不蒜子)
126
busuanzi:
127
  enable: true
128
129
# 友盟cnzz统计(url填js代码src链接)
130
cnzz:
131
  enable: true
132
  url: #
133
134
# Google Analytics
135
google_analytics: ''
136
# 百度统计
137
baidu_analytics: ''
138
139
# 数学公式
140
mathjax: true
141
142
# 网站成立年份(默认为 2019,若填入年份小于当前年份,则显示为 2018-2019 类似的格式)
143
since: 2019
144
145
#是否显示页脚信息(建议保留,有助于本主题的推广)
146
pageFooter: true

插件

  • hexo-generator-searchdb 搜索

    1
    npm install hexo-generator-searchdb --save

    然后将以下配置复制到你博客根目录下的 _config.yml 里(注意不是ayer目录下的):

    1
    # hexo-generator-searchdb
    2
    search:
    3
      path: search.xml
    4
      field: post
    5
      format: html
  • hexo-generate-feed RSS

    1
    npm install hexo-generator-feed --save

    然后将以下配置复制到你博客根目录下的 _config.yml 里(注意不是ayer目录下的):

    1
    feed:
    2
        type: atom
    3
        path: atom.xml
    4
        limit: 20
    5
        hub:
    6
        content:
    7
        content_limit: 140
    8
        content_limit_delim: ' '
    9
        order_by: -date
  • hexo-generator-index-pin-top

    1
    npm uninstall hexo-generator-index --save
    2
    npm install hexo-generator-index-pin-top --save

分类

1
hexo new page categories

然后将以下复制到/source/categories/index.md文件

1
---
2
title: categories
3
type: "categories"
4
layout: "categories"
5
---

标签

1
hexo new page tags

配置同分类一样

相册

需要在文章顶部配置

1
---
2
title: Gallery
3
4
albums: [
5
        ["img_url","img_caption"],
6
        ["img_url","img_caption"]
7
        ]
8
---

文章目录

用Tocbot解析文章标题并生成目录

  • 将以下配置复制到你ayer目录下的 _config.yml 里:

    1
    # Toc
    2
     toc: true
  • 当然你可能并不想所有文章都生成悬浮目录,你可以在文章顶部的配置中加一行来进行关闭:

    1
    ---
    2
    toc: false
    3
    ---

打赏
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2015-2020 Eric Shen
  • Powered by Hexo Theme Ayer
  • PV: UV:

请我喝杯咖啡吧~

支付宝
微信