Aomori
Hexo 是一款快速、简洁且高效的博客框架,拥有超快生成速度,支持 Markdown,一键部署和高度可扩展性。
Aomori 是基于 Hexo 一系列优势所开发出来的一款主题,主题特性如下
- 丰富的网站样式
- 丰富的主题配置
- 优化图片视频播放
- 出色的SEO优化
- 响应式布局
- 开源并持续更新
- …
安装主题
将下载的 ZIP 包解压放置到 Hexo 主题目录下即可
开始使用
基本使用配置,需要在全局 _config.yml
进行以下设置
- 启用主题
theme: hexo-theme-aomori
- 关闭 Hexo 默认 Highlight 代码高亮
highlight:
enable: false
主题可选功能
主题可选配置,需要在全局 _config.yml
进行以下设置
头像
aomori_logo: /images/avatar.jpg
站点标题打字动画
aomori_logo_typed_animated: true
头部菜单
aomori_menu:
Home: /
Archives: /archives
侧边栏菜单
aomori_widgets:
- toc # 文章导航
- category #文章分类
- tag # 文章标签
- recent_posts # 最新文章
- archive #文章归档
知识共享使用许可
aomori_copyright: true # or false
社交媒体
icon
填入 Boxicons Icon Name
url
链接地址
aomori_social:
-
icon:
type:
url:
-
icon:
type:
url:
百度链接提交
aomori_baidu_sitepush: true # or false
百度统计
aomori_baidu_analytics: ''
Google 统计
aomori_google_analytics: 'UA-XXXXX-X'
不蒜子 统计
由 不蒜子 提供的计数服务
aomori_busuanzi: true
文章可选功能
配置在文章 Front-matter
封面图片
使用 相对路径
,参照 资源文件夹
cover: xxx.jpg
封面视频
使用 完整链接
,便于使用 CDN
每篇文章只能有一个封面视频,并且封面图片和封面视频只能同时存在其中一个
video:
src: src # 完整视频链接
poster: poster # 完整视频封面图链接
文字头部图片
可配多张,使用 相对路径
,参照 资源文件夹
photos:
- xxx.jpg
- xxx.jpg
转载链接
可配多条
url
跳转链接 / title
显示标题
link_reprint:
-
url: url
title: title
-
url: url
title: title
参考链接
可配多条
url
跳转链接 / title
显示标题
link_refer:
-
url: url
title: title
-
url: url
title: title
置顶
在 Hexo 目录下安装依赖
npm i hexo-generator-index -S
在文章 Front-matter 增加选项
sticky: 100
更多使用方法 点击查看
Video
我们对文章内容里面的视频做了优化处理,你只需要在写文章的时候直接使用 HTML 的 Video 标签 <video src="xxx"/>
即可。
文章可选风格
Tweet
layout: tweet
文章评论
Disqus
填入 Disqus ID
aomori_disqus_shortname: ''
Gitalk
aomori_gitalk:
enable: true
clientID: GitHub Application Client ID
clientSecret: GitHub Application Client Secret
repo: GitHub repo
owner: GitHub repo owner
admin:
- GitHub repo owner and collaborators
- GitHub repo owner and collaborators
distractionFreeMode: true // Facebook-like distraction free mode
页面
友情链接
- 首先创建页面
hexo new page friends
- 前往
source/friends/index.md
文件,设置 Front-matter
title: 友情链接 # 文章标题
layout: friends
comment: true # 是否需要评论 true: 是 false: 否
创建数据,参照 数据文件夹
创建
source/_data/friends.json
,格式如下
[
{
"name": "test1",
"url": "https://linhong.me"
},
{
"name": "test2",
"url": "https://linhong.me"
}
...
]
搜索
Algolia
注册 Algolia 账号,并创建 Index
安装 hexo-algolia
npm install --save hexo-algolia
- 在站点
_config.yml
填入 Algolia 配置
algolia:
applicationID: 'applicationID'
apiKey: 'apiKey'
indexName: '...'
配置在 Algolia > API Keys 可以找到
- 运行下面的命令更新数据
$ export HEXO_ALGOLIA_INDEXING_KEY=High-privilege API key # Use Git Bash
# set HEXO_ALGOLIA_INDEXING_KEY=High-privilege API key # Use Windows command line
$ hexo clean
$ hexo algolia
注意,以后发新文章后都需要运行 hexo algolia
更新搜索数据
- 在站点
_config.yml
打开搜索功能
aomori_search_algolia: true
Enjoy.
More
Demo 以本站为准。
主题仍会更新维护,有好的想法可以评论留言。
本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。