lh1me

Aomori

Hexo 是一款快速、简洁且高效的博客框架,拥有超快生成速度,支持 Markdown,一键部署和高度可扩展性。本项目是基于 Hexo 一系列优势所开发出来的一款主题,主题特性如下

  • 丰富的网站样式
  • 丰富的主题配置
  • 优化图片视频播放
  • 出色的SEO优化
  • 响应式布局
  • 开源并持续更新

安装主题

将下载的 ZIP 包解压放置到 Hexo 主题目录下即可

开始使用

基本使用配置,需要在全局 _config.yml 进行以下设置

  1. 启用主题
theme: hexo-theme-aomori
  1. 关闭 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

页面

友情链接

  1. 首先创建页面
hexo new page friends
  1. 前往 source/friends/index.md 文件,设置 Front-matter
title: 友情链接 # 文章标题
layout: friends
comment: true # 是否需要评论 true: 是 false: 否
  1. 创建数据,参照 数据文件夹

  2. 创建 source/_data/friends.json,格式如下

[
  {
    "name": "test1",
    "url": "https://linhong.me"
  },
  {
    "name": "test2",
    "url": "https://linhong.me"
  }
  ...
]

搜索

Algolia

  1. 注册 Algolia 账号,并创建 Index

  2. 安装 hexo-algolia

npm install --save hexo-algolia
  1. 在站点 _config.yml 填入 Algolia 配置
algolia:
    applicationID: 'applicationID'
    apiKey: 'apiKey'
    indexName: '...'

配置在 Algolia > API Keys 可以找到

  1. 运行下面的命令更新数据
$ 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 更新搜索数据

  1. 在站点 _config.yml 打开搜索功能
aomori_search_algolia: true

Enjoy.


More

Demo 以本站为准。

主题仍会更新维护,有好的想法可以评论留言。

文章参考文献

https://github.com/lh1me/hexo-theme-aomori

本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。