吴嘉文 kevin 大家好,前段时间用了 Anatole 之后,便喜欢上了 Anatole (Designed by Caicai)的简约风格,非常感谢 Anatole 的作者!!出于偏好,便对 Anatole 做了一点点修改,包括配色、代码高亮、文章目录等等。效果预览:http://wujiawen.xyz/ 因为改动有点多,于是没有在 Anatole 基础上提交 PR,而是另外开了一个仓库:https://github.com/kevinng77/halo-theme-knarc 。欢迎喜欢的朋友下载使用😁。 截图 首页截图: 左边的目录栏支持隐藏: 保留了 Anatole 的白色配色风格,可以在后台切换: 具体修改内容: 修改了博客整体布局和风格,如: 左边栏头像锁定为圆形,缩小左边栏比例; 修改归档页面和首页中的文章块风格,归档页面显示文章标签; 博客文章页风格修改,如文字布局、引言格式、评论区配色等; 搜索栏改为点击触发,新的搜索栏动画效果。 添加了 Linux - Arc 主题配色方案。 修改代码高亮方案,如: 修改行内代码高亮格式,从红色高亮改为了灰色背景的代码块 。 修正了代码块高亮BUG,代码高亮方案改用 highlightjs,支持更多代码高亮风格。 添加文章目录按钮(基于 Moon-Menu 设计),支持文章 h1,h2,h3 标题链接跳转。 优化了手机/平板模式下的显示,小屏幕下仅显示首页会显示左边栏信息。
swordjs 这个很好用!在这提个建议: 在电脑端,右下角关于目录的打开与关闭,不清楚的时候我到处找不到目录,还以为这个功能要配置,我觉得可以改成默认显示,或者开放这个配置,可以设置是否默认进入文章时显示目录 通常seo搜索到一篇文章,并不会清楚具体操作而去打开目录,特别是右下角按钮并不显眼的情况
吴嘉文 kevin 感谢伙伴们关注到这次主题修改的伙伴们😉。 起初由于个人对设计以及博客感兴趣,因此选择了通过修改 Anatole 主题来开始学习前端知识。但由于平时忙,并且IT基础堪忧,因此更新的进度一直很慢😂,有伙伴提出的bug也拖了很久才解决,对此感到抱歉! 本主题仓库 从 2.0 版本后更改较大,并且性能及稳定性也在持续优化中。这次改动一部分是为了寻求更多的实践以及学习机会,另一方面是希望能够完成一份自己的设计。😉 下面放上几个预览截图: (新版博客首页截图) (新版文章页面截图)