Butterfly主题的应用

最新推荐文章于 2024-12-13 12:50:45 发布
最新推荐文章于 2024-12-13 12:50:45 发布
阅读量4.7k 收藏 185
点赞数 173
CC 4.0 BY-SA版权
分类专栏： hexo+GitHub搭建个人博客 文章标签： 个人开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46285118/article/details/128006522
博主静Yu分享了如何从头搭建一个使用Butterfly主题的个人博客，包括主题安装、应用主题以及安装必要的插件。博客内容不仅涵盖学习模块，还有新增的娱乐模块如影视、书单等。通过Git或npm安装主题，修改Hexo配置文件，并确保安装pug和stylus渲染器，即可完成个性化博客的初步设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

💛作者主页：静Yu
🧡简介：CSDN全栈优质创作者、华为云享专家、阿里云社区博客专家，前端知识交流社区创建者
💛社区地址：前端知识交流社区
🧡博主的个人博客：静Yu的个人博客
🧡博主的个人笔记本：前端面试题
个人笔记本只记录前端领域的面试题目，项目总结，面试技巧等等。

在这里插入图片描述
很早之前就搭建了自己的个人博客网站，一开始应用的是stun主题，用了一段时间感觉并不好看，不是自己喜欢的那一款。于是乎，我直接将之前的博客代码一并删除，直接从0开始，重新搭建一个新的博客网站。现在已经搭建好了，功能齐全，样式美观。
在这里插入图片描述
现在除了之前的学习模块之外，还引入了娱乐模块，有影视、书单、番剧等等，与之前相比确实丰富了不少。如果你比较感兴趣的话，可以亲自访问一下我的个人博客，文章开篇就有介绍。
闲言少叙，直接开始我们的主要内容，安装butterfly主题。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Hexo+Butterfly主题美化
唐先森的博客
03-06 1万+
前言 本博客基于Hexo框架搭建，用到hexo-theme-butterfly主题（本人博客Butterfly版本3.4.0），hexo-theme-butterfly是基于Molunerfinn的hexo-theme-melody的基础上进行开发的。???? Butterfly 已经更新到3.6.2，请先参考这系列文档Butterfly教程进行基本配置 。如果这篇文章帮到了你，请在留言板写下您的评语吧，感谢您的大力支持! 完整教程：传送门。 主题特点： 简单漂亮，文章内容美观易读 M......
【Hexo系列】【7】Butterfly主题使用及美化
middle_age666的博客
08-31 4031
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
ButterFly安装配置及教程
05-06
ButterFly安装，设置，教程
Hexo系列 | Butterfly主题
7c
03-25 728
Hexo推荐使用Butterfly主题。
hexo的Butterfly 主题
程序员哦的博客
11-25 2745
安装 在你的博客根目录里 git clone -b master https://github.com/jerryc127/hexo -theme -butterfly .git themes/butterfly 应用主题 修改站点配置文件_config.yml，把主题改为butterfly 安装插件 npm install hexo -renderer -pug hexo -renderer -stylus - -save 把主题文件夹中的_config.yml复制到Hexo根目录里，同时重新命名为_
基于Hexo的个人博客搭建与Butterfly主题应用
综上所述，WangGarrison.github.io是一个以Hexo框架为基础，并采用了Butterfly主题的个人博客网站，它托管在GitHub Pages上。该网站的用户可以通过熟悉和掌握Markdown语法来编写文章，并通过自定义HTML标签和...
Hexo搭建个人博客系列【七】- Butterfly主题使用及美化
viman3344的专栏
07-26 1932
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
给博客使用Butterfly主题并部署到GitHub服务器
XJHui
03-17 3773
目录 前言 一、安装Butterfly主题 二、将本地博客部署到GitHub服务器 三、将个人域名与GitHub绑定 前言 安装完Hexo框架后，自带的主题在thems文件夹下可以查看，应用后界面： Hexo提供了290+主题，点击可前往官网访问：Hexo主题 我选择的主题是Butterfly，安装后的界面如下： 图源：Butterfly官方Github ...
hexo博客butterfly主题美化
LZH-z
07-28 4353
博客代码展示 代码高亮样式 Butterfly 支持6种代码高亮样式： default darker pale night light ocean mac 只需要配置主题配置文件(配置butterfly.yml) 找到这一行highlight_theme: light然后进行将light更换成你喜欢的代码高亮格式就可以了，个人喜欢mac，样式如下: 代码展开和关闭 官方一共支持，这3中样式， true 全部代码框不展开，需点击>打開 false 代码框展开，有>点击按钮 none 不展
探索优雅的Hexo主题：Butterfly —— 构建个性化博客的新选择
gitblog_00086的博客
03-20 576
探索优雅的Hexo主题：Butterfly —— 构建个性化博客的新选择 项目简介 是一个为静态站点生成器 Hexo 设计的精美主题。它以其简洁、优雅且功能丰富的设计，为个人博客提供了新的视觉体验和交互式操作，帮助用户轻松打造独具特色的在线空间。 技术分析 Butterfly 主题基于最新的前端技术构建： Vue.js - Butterfly 使用 Vue.js 进行组件化开发，使得页面动态效果...
hexo（butterfly）蝴蝶主题+个性美化
热门推荐
cungudafa的博客
04-23 3万+
文章目录一、前言二、蝴蝶主题1.快速入门2.valine评论移植3.文章移植三、个性美化1.boyui对话框式简介页面2.说说动态页面3.友链页面优化 一、前言 这两天心血来潮给自己的hexo网站换了主题，从sakura到butterfly了， 原sakura主题全部内容放到：http://cungudafa.gitee.io （ps.sakura主题后面作者好像又有更新，我就不更新啦~） 现目...
【Hexo】Butterfly主题配置及美化
最新发布
時光的博客
12-13 2529
官方文档Hexo Butterfly 主题官方文档GitHub 仓库Hexo Butterfly 主题 GitHub 仓库Hexo官网上面有非常多好看的主题，你可以选择自己喜欢的主题下载下来放到themes文件夹下面比较好看的主题有ButterflyFluidMateryKiraAyerAnnie。Hexo Butterfly 主题是一个基于 Hexo 博客框架的优雅、简洁且功能丰富的主题。它受到了 Butterfly 主题的启发，提供了许多现代化的设计和功能，使得博客搭建和维护变得更加便捷和美观。
【Hexo】Hexo搭建Butterfly主题并快速美化
D_AKJS
03-01 2万+
快速美化hexo博客。
Hexo + Butterfly主题美化
Dyamat的博客
07-03 905
查看原文可获得更好的体验！搭建时是Hexo + Next主题，Next主题比较简约直观，本打算就直接用Next，但之后发现了Butterfly主题也很好看，就配置了Butterfly主题Next主题：https://theme-next.js.org/，https://github.com/theme-next/hexo-theme-nextButterfly主题：https://github.com/jerryc127/hexo-theme-butterfly。
学习 Butterfly主题美化 这一篇就够了
Laptoy的博客
04-21 3472
配置
hexo的butterfly主题美化，2024年初版
JesseXW的博客
01-18 1万+
被同事拉入hexo坑后，他直接推荐我使用butterfly主题，网上很多美化要么用不起，要么有问题，经过一系列踩坑后诞生了这篇文章，不定时更新新功能......
【个人博客搭建】butterfly主题配置
木子家有小可爱的博客
02-18 2732
使用Hexo搭建个人博客，butterfly主题配置笔记。
hexo搭建博客-butterfly主题详细版
youthlql的博客
03-23 1万+
文章目录Hexo搭建博客-butterfly主题前置知识博客环境说明Node.js安装Git安装安装Hexo步骤可能遇到的问题验证是否成功主题配置安装导航菜单搜索系统评论(twikoo)开启twikoo评论管理面板twikoo版本更新同时部署到Gitee和Github步骤Gitee避坑开启Pages服务验证效果Github自定义域名推荐插件和配置文章生成永久url连接步骤效果区别SEO中文转拼音插件又拍云CDN全站加速jsDelivr+Github做图床Typora集成PicGoPicGo 设置Typora
hexo个人博客搭建＋butterfly主题配置（雏形版本）
m0_57545353的博客
01-28 1867
hexo个人博客搭建＋butterfly主题配置（雏形版本）
评论 39
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

静Yu

感谢您的支持！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值