Skip to content

Lhcfl/hexo-theme-anatolo

Repository files navigation

hexo-theme-Anatolo

实时更新自动demo

博客样例(作者博客)

国内镜像

关于主题

基于ben02移植的Anatole主题进行了大量修改,增添和优化。

Anatolo设计极致简约,但麻雀虽小,五脏理应俱全。因此,我在Anatole主题基础上增加了动态请求、帖子目录、黑暗模式、搜索框等多种理应有的功能,并对界面进行了进一步美化,只为让它甄于完美。

如果有任何建议欢迎issue,也可以提出pr。

鸣谢

搜索框代码大量参考了 Icarus 的工作

码云功能和一些中国特色功能来自 Anatole-core

Todo List

  • 使用基于json的Ajax
  • 点击头像弹出的菜单没有动画且过于隐蔽

改进

  • 我在学世界语所以主题改名为Anatolo(
  • 暗黑模式支持
  • 增加了文章概要的选项
  • 增加了多语言支持
  • 增加了可选的搜索框,依赖Fuse.js允许模糊搜索
  • 增加了可选的标签页和标签云
  • 增加了可选的目录(toc)支持和深度调整
  • 调整了部分选项的可选性
  • 增加了nav menu的编辑支持
  • 增加了文章底部的copyright栏
  • 增加了文章的字数统计
  • 增加了部分社交账号支持
  • 增加了显示网站备案号功能和百度统计
  • 增加了Gitalk评论支持
  • 使用Ajax来切换页面,减少加载的视觉噪音
  • 移动端自动scroll页面,防止过多纠结于头像
  • 允许自动化生成友链

已知bug (feature)

  • 原主题的葡萄牙语支持无法更新
  • TOC放置可能不够美观
  • 当Nav栏放置过多链接时可能导致右侧按钮下移
  • 暗黑模式暂只支持Gittalk,如有需要请自行PR

使用

安装

Clone:

git clone https://gitee.com/Lhcfl/hexo-theme-anatolo.git themes/Anatolo
或者直接下载主题zip包解压至主题目录下,重命名为Anatolo

安装依赖

npm install hexo-renderer-pug --save
npm install hexo-renderer-stylus --save

配置

复制_config.example.yml_config.yml
修改hexo根目录下的 _config.ymltheme: Anatolo

更新

在Anatolo的目录下

git pull origin master

开发

进入Anatolo的目录,执行

yarn

安装所有依赖。

代码格式化

对本主题做出修改后,使用下面的命令可以对代码进行格式化

yarn format

详见 package.json