给出大家网站uiGradients - Beautiful colored gradients,大家选择自己需要的css代码进行配置即可 在这个配置过程中,如果以上的小伙伴按照上面的配置没有生效,那么打开butterfly的主题文件,搜索background,写下路径,但是大家应该明白css下面博主是没有图片的,但是有时候不配置这个无法生效,可能这是一个bug吧 页脚的设置 背...
原文地址,阅读效果更佳:Hexo中Buttefly主题美化进阶续篇(十一) | 偷掉月亮 (moonshuo.cn) 大家好,我是阿硕,专注与后端,略懂前端的一个菜鸟程序猿,今天将为大家讲述Butterfly主题的我们页面的整体美化,其实前面已经出过两个这样的美化,但是随着时间的交替,发现可能适合我们的美化,这里将大家可以自由进行选择 个人卡片...
Butterfly主题拥有丰富的样式和配置选项,能够满足不同博主的个性化需求。 二、Butterfly主题美化步骤 安装Butterfly主题 首先,确保你已经安装了Hexo并创建了博客项目。然后,在博客项目的根目录下执行以下命令安装Butterfly主题: npm install hexo-theme-butterfly 配置Butterfly主题 安装完成后,进入博客项目的_config.yml文...
搭建时是Hexo + Next主题,Next主题比较简约直观,本打算就直接用Next,但之后发现了Butterfly主题也很好看,就配置了Butterfly主题 Next主题:https://theme-next.js.org/,https://github.com/theme-next/hexo-theme-next Butterfly主题:https://github.com/jerryc127/hexo-theme-butterfly 1. 文章加密 利用hexo-bl...
⛄yooo~ 今天教大家美化Butterfly的字体图标 ⛄Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢? ⛄可以使用阿里巴巴iconfont来拓展啦 Butterfly版本:4.5.1 选择图标 iconfont图标库地址:iconfont-阿里巴巴矢量图标库 找到自己需要的图标之后点击添加入库 ...
然后前往ROOT\themes\butterfly\layout目录,打开post.pug。 此前出问题的同学们是因为我这里PUG缩进的问题,已经修复~ 1 2 3 4 5 6 block content #post if top_img === false include includes/header/post-info.pug + .top-img.gist(style=`background-image: url(${url_for(top_img)})`) ...
在搭建好 Hexo 博客后,我们可以通过修改主题配置文件来实现文章的美化。 选择Butterfly 主题后,我们可以通过修改主题配置文件对文章进行美化。具体来说,可以对以下几个方面进行调整: 1.修改标题样式:我们可以通过修改 CSS 样式表,调整标题的字体、大小和颜色,使其更加突出和美观。 2.调整段落间距:为了让文章阅读起来...
hexo-butterfly美化 butterfly主题美化 接下来的美化是在官方文档的基础之上进行的美化 1:樱花飘落背景 Js文件下载地址 把下载好的Js文件放在~\Butterfly\source\js文件夹下 在~\Butterfly\layout\includes文件夹下找到head.pug文件,在最后引入 if theme.sakura.enable script(src="/js/sakura.js") 1 2 ...
使用Butterfly 插件美化文章非常简单。首先,确保你的 Hexo 博客已经安装了 Butterfly 插件。如果还没有安装,可以通过 Hexo 的命令行工具安装:`hexo 插件安装 butterfly`。安装完成后,进入你的博客目录,使用文本编辑器打开_config.yml 文件,找到"plugins"部分,确认 Butterfly 插件已经添加到其中。 接下来,在写文章的...
Hexo博客美化之蝴蝶(butterfly)主题魔改 Hexo是轻量级的极客博客,因为它简便,轻巧,扩展性强,搭建部署方便深受广大人们的喜爱。各种琳琅满路的Hexo主题也是被各种大佬开发出来,十分钦佩,向大佬仰望,大声称赞:流批!!! 我在翻看各种主题后,便选择了蝴蝶这个主题,蝴蝶主题是由大佬Jerry制作的,其简洁,具有现代风格...