给出大家网站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...
在搭建好 Hexo 博客后,我们可以通过修改主题配置文件来实现文章的美化。 选择Butterfly 主题后,我们可以通过修改主题配置文件对文章进行美化。具体来说,可以对以下几个方面进行调整: 1.修改标题样式:我们可以通过修改 CSS 样式表,调整标题的字体、大小和颜色,使其更加突出和美观。 2.调整段落间距:为了让文章阅读起来...
基于Hexo和Butterfly创建个人技术博客,(8) 博客网站butterfly主题UI框架美化,基于hexo、butterfly、node.js、aws云、阿里云搭建专业的个人/公司级技术博客网站。保姆级教学从零开始一步步深入,详细记录了个人建站全过程。系列专题-博客网站主体butterfly主题UI框架美化
Hexo+Butterfly主题美化 原文链接: 前言 本博客基于Hexo框架搭建,用到hexo-theme-butterfly主题(本人博客Butterfly版本3.7.1),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的。🦋 Butterfly 已经更新到 3.7.2 ,请先参考这系列文档Butterfly教程进行基本配置 。如果这篇文章帮到了你,...
首先下载主题# Copy 在你的博客路径打开终端,用git下载,如果下载太慢,可以在com后面追加.cnpm.org,这个是淘宝镜像源 gitclone-b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly //这个是stylus,主题的依赖,必须安装
在《Hexo中Buttefly主题美化进阶（八）》中，我分享了如何将背景图设置为渐变色，但后来觉得这种设计略显突兀。调整后，页面整体更和谐。星空背景流星特效 为了实现星空背景和流星特效，新建`universe.js`文件，并复制相应的代码。在自定义CSS文件中，添加对应代码。完成配置后，在Butterfly主题配置文件中引入...
Butterfly主题使用阿里巴巴iconfont ⛄yooo~ 今天教大家美化Butterfly的字体图标 ⛄Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢? ⛄可以使用阿里巴巴iconfont来拓展啦 Butterfly版本:4.5.1 选择图标 iconfont图标库地址:iconfont-阿里巴巴矢量图标库 ...