Acrylic主题文档(2-配置1)
AI-摘要
切换
hylove GPT
AI初始化中...
介绍自己
生成本文简介
推荐相关文章
前往主页
前往tianli博客
本文转载自GTwxxh,请自行跳转至原文查看,本文只做保留即可!如若侵权,请联系我进行删除!!
一些变量解释:
变量 | 解释 |
---|---|
[blog-root] | 博客根目录 |
[theme-root] | 主题根目录 |
基本认识
Front-matter
为 页面或文章顶部配置与使用,此处不再赘述,具体配置请参考Butterfly
本主题添加了以下内容(仅支持文章)
1 | --- |
swiper_index
是指首页上方右侧显示的文章。
如果设置的文章小于等于3。那是从上往下,从右边到左边
反之,如果设置的文章大于3,那从上到下,从左往右。
如果第2行设置没用达到3,那么是从右往左的
只有在主题配置文件里,将首页hometop里的topgroup。
框选的class设置post/both才会显示文章
导航栏
在主题配置文件里有
其中,nav里的left_groups。是指以下内容
class为out是在新标签页打开链接
menu是指中间那几个部分
格式为:
1 | 文字: 链接 || 图标 |
如果父菜单不想跳转,链接可以设置成#
right_button就是右边的
- travelling:开往项目
- random:随机文章
- console:设置界面
首页顶部栏
在主题配置文件有
显示部分如下图
- Banner里的class:creativity是指技能点,people为人潮汹涌
- 分类里的颜色可以自定义,填写HEX或者CSS变量
- 右侧文章前面的
基本认识
里有讲
即刻短文
首先,在[blog-root]
里,执行以下指令
1 | hexo new page essay |
在[blog-root]/source/essay/index.md
里,写:
1 | --- |
创建[blog-root]/source/_data/essay.yml
写入:
1 | - class_name: 即刻短文 |
关于
关于页里的大多数在配置文件中,可以看一下。
搜索
记得运行 Hexo cl
如果你使用 hexo-algoliasearch,请记得配置 fields 参数的 title, permalink 和 content
按照教程去配置
修改配置文件
1
2
3
4
5
6
7# 搜索
# --------------------------------
# Algolia search
algolia_search:
enable: true
hits:
per_page: 6
记得运行 Hexo cl
配置文件
1
2
3
4
5# Local search
local_search:
enable: true
preload: false
CDN:
字数统计
在
[blog-root]
安装插件wordcount
1
npm install hexo-wordcount --save
配置文件修改
1
2
3
4
5
6
7# 字数统计
# 注意安装对应的插件
wordcount:
enable: true
post_wordcount: true
min2read: true
total_wordcount: true
底部
在配置文件里有
示例图:
可以根据文字来决定配置文件改的是哪个位置
最后
其实,要讲的都讲完了。
这个主题开发才过了一半,Bug还蛮多的。
这里,也祝Acrylic主题越来越好!
评论
你无需删除空行,直接评论以获取最佳展示效果