colorfulNext是一个基于hexo-theme-next的一站式优化解决方案,你可以用这份代码轻松配置 多彩
的next。
colorfulNext是基于iissnan的hexo-theme-next进行自定义个性化的主题,特别感谢hexo-theme-next的作者iissnan
。
- 统一全局色彩设计:分别以
主色 / 亮主色 / 侧边色
来展现,并提供blue / red / teal / pink / brown / blue-gray
六种主题颜色设置方案 - 无处不在的
font-awsome
:分别在博客文章开头以及footer增添icon图标(在footer方面需要你开启CNZZ统计功能),具体你可以参考博客源码 - 字体优化:全局使用
Georgia
非衬线字体,并在每个地方的字体都适当增大px
,增强阅读体验。 - Markdown样式优化:分别对
blockquote / h123456/ a / {% cq %} / code
进行样式进一步美化,并在部分区域用主色
来强调整体色调。 - 其他:增加每篇文章
版权声明
,优化侧边栏的头像展示
并添加:hover旋转效果,增加brand以及优化主业中的button的hover动画
效果。 - 针对Mist、Pisces进行样式优化
- 增加font-icon:linecons
- 增加繁体/英文转换功能
下载这份代码到你的hexo-theme文件夹中即可(并在该文件夹中输入命令 npm i),并在你的hexo文件夹中的config选择主题样式为: theme: colorfulNext 即可
其他拓展设置方面同NexT主题,NexT主题拓展使用文档
注意:现在colorfulNext alpha 1/3
版本只优化了Muse这一个scheme,最好不要选择其他的scheme。
再次感谢iissnan
以及广大的开源geek
,colorfulNext在制作中同样使用了开源解决方案,由于时间久远忘记了来源,你可以发一个pull-Request来提醒RayJune哪段代码的来源,我会一并放在这里进行致谢
。
Hope you enjoy your color :)
colorfulNext采用MIT协议。如果你要想提交修改建议欢迎来发Pull-Request。