基于hexo主题yilia的配色方案,灵感源于Dracula,因为很喜欢所以干脆自己动手做了一个。
我的博客现在就在用这个主题,在用之前可以先看看效果。有什么bug或者建议欢迎提出issue,当然也欢迎pull request。
另外这个仓库只是基于yilia的插件集合而不是另外一款主题。不同的功能会写在不同的文件里,供大家定制化自己的博客。虽然主要留作给玩家折腾用,但以后有时间也会写针对懒人的一键安装脚本(当然也支持一键删除),想一键集成也是可以的。
目前在yilia博客上应用该主题有四步:
- 复制
dracula.scss
到你yilia主题下的source-src/css
文件夹中:
cp dracula.scss <your-path>/blog/theme/yilia/source-src/css
- 在
css
文件夹中打开main.scss
,在文件后面复制:
@import "./dracula";
还需要同时复制img
文件夹下的tooltip.svg
到yilia主题下source-src
里的同名文件夹内,否则分享和目录的弹窗会有一部分仍然保持原来的颜色。
- 在
yilia
文件夹下用webpack打包编译,重新生成你的博客:
npx webpack
- 在
blog
文件夹下重新生成博客:
hexo clean && hexo g
- 通过yaml自定义主题状态,当选择该主题时才加载主题文件
- 重构代码
- 针对懒人的一键安装脚本
- 进一步做测试
- 统一智能菜单与主题的风格
- 觉得yilia的目录显示很不方便,设法改进
- 添加自定义社交软件图标(虽然我的博客已经自定义了社交图标,但仓库的文件里并不包含这个功能,如果大家需要我再添加)
- 可能会做一些自定义动画,就符合dracula风格的那种
- 不同的功能会分成不同的文件写,dracula.scss只包括美化的内容,其它功能在别的文件里,大家可以只取自己想要的部分(日后会补充文件树)
- 修复其它小bug
源主题yilia已经将近5年没更新代码了,而在这个期间hexo有些重大升级,所以更新hexo可能导致yilia 主题的一些样式和功能失效。我修好了其中一些bug,在我的个人博客上是能正常运作的。
修改过的yilia源文件都在yilia
这个文件夹下面,可以随意取用并覆盖失效的原代码。