彩色标题发光效果

butterfly主题让你的标题闪闪发光，与众不同

[{"url":"https://s2.loli.net/2022/11/11/SpmrvLofkXWDu42.webp","alt":""}]

css

创建/blog/themes/butterfly/source /source/css/title.css 写入下面代码

/* 网站标题、副标题闪光 */
#page-header #site-title,
#page-header #site-subtitle {
  color: rgb(255, 255, 255);
  text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px,
    rgb(255, 0, 222) 0px 0px 30px, rgb(255, 0, 222) 0px 0px 40px,
    rgb(255, 0, 222) 0px 0px 70px, rgb(255, 0, 222) 0px 0px 80px,
    rgb(255, 0, 222) 0px 0px 100px;
}
#page-header #site-title:hover,
#page-header #site-subtitle:hover {
  color: rgb(255, 255, 255);
  text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px,
    rgb(255, 255, 255) 0px 0px 30px, rgb(0, 255, 255) 0px 0px 40px,
    rgb(0, 255, 255) 0px 0px 70px, rgb(0, 255, 255) 0px 0px 80px,
    rgb(0, 255, 255) 0px 0px 100px;
}

配置引入css

_config.butterfly.yml 相应位置修改如果有已经引入的css也可以直接加入其中

inject:
  head:
    - <link rel="stylesheet" href="/css/title.css">

预览

hexo cl && hexo s