搭建时是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...
git clone -b master [<https://github.com/jerryc127/hexo-theme-butterfly.git>](<https://github.com/jerryc127/hexo-theme-butterfly.git>) themes/butterflynpm install hexo-renderer-pug hexo-renderer-stylus --save``` hexo5.0版本以上:`npm i hexo-theme-butterfly` 安装渲染:`npm install hexo-...
Hexo+Butterfly主题美化 本博客基于Hexo框架搭建,用到hexo-theme-butterfly主题(本人博客Butterfly版本3.7.1),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的。🦋 Butterfly 已经更新到 3.7.2 ,请先参考这系列文档Butterfly教程进行基本配置 。如果这篇文章帮到了你,请在留言板写下...
Hexo+Butterfly博客个人卡片实现渐变色的方法 Hexo+Butterfly实现彩色友链 Hexo+Butterfly实现最新文章标志的功能 Hexo+Butterfly右下角增加返回顶部的个性化图片按钮 Hexo+Butterfly深色浅色模式下分别使用不同的网站背景 Hexo+Butterfly美化你的友链样式 Hexo+Butterfly昼夜(深色和浅色模式)转换动画优化教程 Hexo+Butterfl...
1.hexo-butterfly样式美化 基本配置信息可参考“博客项目基本操作”文档说明进行配置,此处针对一些个性化设置做简单配置说明 具体配置详情可参考官方文档说明:https://butterfly.js.org/posts/4aa8abbe/ 主题页面 Front-matter概念 Front-matter 是 markdown 文件最上方以 —- 分隔的區域,用於指定個別檔案...
前言 本博客基于Hexo框架搭建,用到 hexo-theme-butterfly 主题(本人博客Butterfly版本3.4.0),hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的。 Butterfly 已经更新到 3.6.2 ,请先参考这系列文档 Butterfly教程&n... 查看原文 ...
hexo三连即可看到效果。 注意事项 cover图片请勿加入(),因为括号会破坏css结构。导致无法加载cover。 如/img/1(1).webp。会加载不出来的。建议用-1等方式替代括号。 如:cover:https://img.cdn.nesxc.com/upload/wordpress/yydd(1).webp 的写法会导致css结构破坏,如有这种建议更改为: ...
⛄yooo~ 今天教大家美化Butterfly的字体图标 ⛄Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢? ⛄可以使用阿里巴巴iconfont来拓展啦 Butterfly版本:4.5.1 选择图标 iconfont图标库地址:iconfont-阿里巴巴矢量图标库 找到自己需要的图标之后点击添加入库 ...
首先,我们需要了解Hexo博客框架的基本使用方法。通过官方文档,我们可以快速熟悉如何安装、配置和搭建Hexo博客。接下来,我们将选用Butterfly主题作为博客的外观。这是一个非常受欢迎的主题,具有丰富的功能和灵活的定制选项。 在搭建好博客框架并选择好主题后,我们可以开始对文章进行美化。这里有几个技巧可以帮助我们提升文章...
简介: butterfly主题的下载及美化 butterfly主题是我用的最多的一个主题 一,安装butterfly主题 1.在博客的根目录下执行以下命令 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 2.下载 pug 以及 stylus 的渲染器,否则在项目运行时会报错: npm install hexo-...