Hexo博客Fluid主题修改

前言

记录对于 Hexo 主题 Fluid 的修改，来源于网络。

替换 Mac 风格代码块

在主题文件 themes\fluid\source\css 目录下新建样式文件，如 macpanel.styl，内容参考：

 1.highlight
 2    background: #21252b
 3    border-radius: 5px
 4    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4)
 5    padding-top: 30px
 6
 7    &::before
 8      background: #fc625d
 9      border-radius: 50%
10      box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b
11      content: ' '
12      height: 12px
13      left: 12px
14      margin-top: -20px
15      position: absolute
16      width: 12px

修改主题配置文件_config.fluid.yml，找到 custom_css 配置项，引入刚刚新建的样式文件（此处引入.styl 文件无需加后缀）：

1custom_css:
2  - /css/macpanel

参考

Kevin’s Blog

最后修改于 2024-04-21