大家好,前段时间用了 Anatole 之后,便喜欢上了 Anatole (Designed by Caicai)的简约风格,非常感谢 Anatole 的作者!!出于偏好,便对 Anatole 做了一点点修改,包括配色、代码高亮、文章目录等等。效果预览:http://wujiawen.xyz/

因为改动有点多,于是没有在 Anatole 基础上提交 PR,而是另外开了一个仓库:https://github.com/kevinng77/halo-theme-knarc 。欢迎喜欢的朋友下载使用😁

截图

首页截图:
screenshot

左边的目录栏支持隐藏:
sidebar-show

保留了 Anatole 的白色配色风格,可以在后台切换:
white-style

具体修改内容:

  1. 修改了博客整体布局和风格,如:

  2. 左边栏头像锁定为圆形,缩小左边栏比例;

  3. 修改归档页面和首页中的文章块风格,归档页面显示文章标签;

  4. 博客文章页风格修改,如文字布局、引言格式、评论区配色等;

  5. 搜索栏改为点击触发,新的搜索栏动画效果。

  6. 添加了 Linux - Arc 主题配色方案。

  7. 修改代码高亮方案,如:

  8. 修改行内代码高亮格式,从红色高亮改为了灰色背景的代码块 。

  9. 修正了代码块高亮BUG,代码高亮方案改用 highlightjs,支持更多代码高亮风格。

  10. 添加文章目录按钮(基于 Moon-Menu 设计),支持文章 h1,h2,h3 标题链接跳转。

  11. 优化了手机/平板模式下的显示,小屏幕下仅显示首页会显示左边栏信息。

loongz 谢谢反馈!!我也发现在标签数量较多时会出现挺部菜单栏错乱的情况。目前已经修改了手机端菜单栏字体大小和搜索按钮位置。可以更新下看看效果哈😄

1 个月 后

这个很好用!在这提个建议:
在电脑端,右下角关于目录的打开与关闭,不清楚的时候我到处找不到目录,还以为这个功能要配置,我觉得可以改成默认显示,或者开放这个配置,可以设置是否默认进入文章时显示目录
通常seo搜索到一篇文章,并不会清楚具体操作而去打开目录,特别是右下角按钮并不显眼的情况

    2 个月 后

    swordjs 哈哈谢谢回复和意见!最近正在尝试做一次较大的主题样式更改,您提到的菜单自动打开以及支持后台配置也包括在其中😉

    感谢伙伴们关注到这次主题修改的伙伴们😉

    起初由于个人对设计以及博客感兴趣,因此选择了通过修改 Anatole 主题来开始学习前端知识。但由于平时忙,并且IT基础堪忧,因此更新的进度一直很慢😂,有伙伴提出的bug也拖了很久才解决,对此感到抱歉!

    本主题仓库 从 2.0 版本后更改较大,并且性能及稳定性也在持续优化中。这次改动一部分是为了寻求更多的实践以及学习机会,另一方面是希望能够完成一份自己的设计。😉

    下面放上几个预览截图:

    sceenshot

    (新版博客首页截图)

    page_post
    (新版文章页面截图)