Hexo+Butterfly主题设置背景透明度和字体 效果 新建css文件 引入css改变页面的样式,推荐在一个自己新建目录创建。有人选择在主题文件夹下找到css文件夹(\themes\Butterfly\source\css),这样系统升级可能会把自己的代码覆盖掉。本人是在Blog\CodeRain\source\css新建一个transpancy.css文件(文件名可以自取),修改最右边的...
用的coding的临时域名,所以没有https,有空了再申请一个域名弄到个人服务器上。 吹爆butterfly!给作者打赏去了。智能推荐hexo更换主题 用了段时间默认landspace主题,想换个主题试下,更换主题后,原主题中设置的页眉页脚信息都会消失,需要重新设置。 具体操作方法如下: 1,选择一个喜欢的主题,这里以3hexo为例。 2,...
Butterfly配置 新建css文件 在Butterfly主题文件夹下的/source/css文价夹中新建font.css吧复制的代码粘贴进去 代码语言:css 复制 /* font.css */@font-face{font-family:"iconfont";src:url('//at.alicdn.com/t/c/font_3829267_g9vxomx6ua4.woff2?t=1671175363970')format('woff2'),url('//at.alicdn...
style=flat&logo=hexo" title="博客框架为Hexo">
基于Hexo和Butterfly创建个人技术博客,(8) 博客网站butterfly主题UI框架美化,基于hexo、butterfly、node.js、aws云、阿里云搭建专业的个人/公司级技术博客网站。保姆级教学从零开始一步步深入,详细记录了个人建站全过程。系列专题-博客网站主体butterfly主题UI框架美化
...themes\butterfly\source\css_layout\footer.styl 打开上述路径的文件,把blue那一行删除 更改底层文字 在js文件下新建foot.js文件,复制以下代码 // 动态心跳,更改自己的名称$(document).ready(function(e){$('.copyright').html('©2022 By 偷掉月亮的阿硕');})$(document).ready(function(e){sho...
灵感来源于eurkon。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1~6 标题使用不同图标的话,那么识别会容易许多。 小插曲:我之前在此问题上花了很多功夫,比如加大各等级标题字体大小之间的差值(肉眼还是难以分别)、更换颜色(确实好分辨,但主色过多不符合我对网站视觉美感的要求)、部分标题加不同样式...
先到~\Butterfly\source文件夹下执行,确保clone下的项目文件夹为live2d-widget git clone https://github.com/stevenjoezhang/live2d-widget.git 1 进入live2d-widget文件夹,将里面autoload.js文件的第一行改为 const live2d_path = "/live2d-widget/"; 1 在主题配置文的件CDN_USE的中添加/live2d-widget/...
1.hexo-butterfly样式美化 基本配置信息可参考“博客项目基本操作”文档说明进行配置,此处针对一些个性化设置做简单配置说明 具体配置详情可参考官方文档说明:https://butterfly.js.org/posts/4aa8abbe/ 主题页面 Front-matter概念 Front-matter 是 markdown 文件最上方以 —- 分隔的區域,用於指定個別檔案...
jerryc127 / hexo-theme-butterfly Public Sponsor Notifications Fork 1.3k Star 7.3k New issue Jump to bottom fix: 代码字体先 fallback 到 monospace 再到中文和 sans-serif #1619 Merged jerryc127 merged 1 commit into jerryc127:dev from Henry-ZHR:dev Dec 7, 2024 +1 −1 Conversation ...