- 综合排序
- 最热优先
- 最新优先
- 来自专栏用户8506532的专栏
Butterfly美化
Butterfly美化 Hexo系列文章已经完成上传： 一、Hexo准备—Node.js、Vue 二、Hexo、主题、部署上线 三、Butterfly美化 四、Hexo之更换背景及透明度 五 基本上有所有的美化，还在持续更新ing，谨慎入坑… 主题配置文件修改 基础配置 最最最开始的，好不容易搭建了自己的个人博客，当然要写上自己的名字、签名…，证明身份。 Awesome icon icon-top: -10px icon-top常用数值： -20px：图标位于分割线上方 -10px：图标位于分割线中间 0px：图标位于分割线下方 ? /upimage.alexhchu.com/2020/10/21/5fecb0b094b73.jpg or文章内 ? [](https://upimage.alexhchu.com/2020/10/21/f5ac68ddaaf64.jpg) !
4.1K10发布于 2021-04-15 - 来自专栏ymktchic
Butterfly主题美化
添加星空背景 新建js文件 在butterfly/source/js/创建一个universe.js文件。 default表示默认使用butterfly自带的旋转盒子动画。 修改butterfly\source\css\_layout\loading.styl，复制以下代码替换全部内容。 =partial('includes/loading/loading', {}, {cache: true}) 修改butterfly\source\css\var.styl。 补充说明 如果出现预加载动画无限施法的情况下，在butterfly/includes/loading-js.pug下添加如下代码以打断施法。 插入方法 插入方法很简单，基于butterfly主题的强大，内置了多种在线聊天工具，这里我选择的是crisp。几步就可以完成。
1.8K00编辑于 2022-01-18 - 来自专栏xsa的blog
butterfly主题美化
butterly PC端展示（白天/夜晚） 移动端展示（白天/夜晚） 新增valine评论 twopeople展示 image.png 代码预留 .xpand(style='height:200px;') canvas.illo(width='800' height='800' style='max-width: 200px; max-height: 200px; touch-action: none; width: 640px; height: 640px;')
1.2K10编辑于 2022-03-31 - 来自专栏ymktchic
butterfly主题美化②
;animation:move-left 3s infinite linear}.candle__smoke-two{position:absolute;left:30%;top:40%;width:10px ;height:10px;border-radius:10px;background:grey;transform:translate(-50%,-50%);animation:move-top 3s 30px;left:30%}68%{width:0;left:20%}}@keyframes move-top{0%,100%,64%{width:0;height:0;top:0}65%{width:10px 60%,-15%);background:#fff;border-color:#673c63}91%{left:20%;transform:scale(1.18,.82) translate(60%,-10% 10px;transform-style:preserve-3d}.keyboard__f-bottom{position:relative;display:flex;justify-content:
89210编辑于 2022-01-18 - 来自专栏N同学的知识分享
butterfly版权美化教程
更新 -修复教程styl问题 2-7 -修复stylus显示问题 前言 不知道大家对于默认的butterfly版权怎么看？反正我是觉得很丑。 于是在洪哥的推荐下，借鉴了Icarus的版权，制作了butterfly版权美化教程。 原版butterfly版权。 教程 修改post-copyright.pug 打开ROOT\themes\butterfly\layout\includes\post文件夹，将下列代码覆盖post-copyright.pug文件 if background-color: $noticeOutdate-bg color: $noticeOutdate-color 自定义css 新建copyright.css，适配夜间模式和美化字体样式 [data-theme="dark"] #post .post-copyright { background-color: rgb(7 8 10); text-shadow: #bfbeb8
2.2K30编辑于 2022-03-01 - 来自专栏N同学的知识分享
butterfly文章页美化教程
安装教程 适用范围:butterfly3.3.0-3.5.1。更低版本以及更高有没有效果不能保证。 新建Styl文件 在ROOT\themes\butterfly\source\css\page目录新建topimg.styl page目录为_page，因为markdown的渲染问题会导致\无法显示 / 0.7rem 1.8rem -0.7rem [data-theme='dark'] & filter: brightness(0.8) 修改post.pug 然后前往ROOT\themes\butterfly
1.1K20编辑于 2022-03-01 - 来自专栏匿名用户的日记
hexo-butterfly美化 (持续更新)
樱花飘落背景 cd theme/Butterfly/source/js wget https://yremp.live/wp-content/uploads/resource/js/sakura.js 把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件，在最后引入 if theme.sakura.enable script(src="/js/sakura.js") 在主题的主配置文件加入Butterfly/_config.yml # 页面樱花飘落动效 sakura: enable: true 浏览器标题恶搞 在theme/Butterfly/source/js文件夹下添加crash_cheat.js文件 填入以下内容记得要修改你喜欢的标题 var OriginTitle = document.title; 添加标签云 使用命令进行安装插件 cnpm install hexo-tag-cloud --save 打开Butterfly/layout/includes/widget/card_tags.pug文件
1.6K10编辑于 2021-12-14 - 来自专栏码农生活
【Butterfly美化】Hexo Butterfly主题使用阿里巴巴iconfont
Butterfly主题使用阿里巴巴iconfont⛄yooo~ 今天教大家美化Butterfly的字体图标⛄Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢？ ⛄可以使用阿里巴巴iconfont来拓展啦Butterfly版本：4.5.1选择图标iconfont图标库地址：iconfont-阿里巴巴矢量图标库找到自己需要的图标之后点击 添加入库图片图片将图标添加至项目中图片生成代码 并 复制代码图片图片Butterfly配置新建css文件在Butterfly主题文件夹下的 /source/css 文价夹中新建 font.css 吧复制的代码粘贴进去/* font.css */@font-face grayscale;}.icon-github:before { content: "\ea0b"; color: red; /* 图标颜色需要自行修改 */}/* 此处省略项目中其他字体代码*/引入css文件在Butterfly href="/css/font.css"> # 引入刚刚新建的css文件 bottom: # - <script src="xxxx"></script> # ...使用iconfont在Butterfly
1.4K30编辑于 2022-12-16 - 来自专栏CSDN小尘要自信
butterfly主题的下载及美化
butterfly主题是我用的最多的一个主题 一，安装butterfly主题 1.在博客的根目录下执行以下命令 git clone -b master https://github.com /jerryc127/hexo-theme-butterfly.git themes/butterfly 2.下载 pug 以及 stylus 的渲染器，否则在项目运行时会报错： npm install 三，导航栏配置 1.打开主题下的_config.yml文件进行配置，我的目录：D:\bolg\themes\butterfly，命令执行在博客目录下就行 menu: 首页: / || fa fa-home fa fa-list: - about || /about/ || fa fa-sitemap - myself || /myself/ || fa fa-id-card - butterfly || https://github.com/jerryc127/hexo-theme-butterfly/ || fa fa-heart 接下来对导航栏进行详细配置 归档 这个页面自带无需进行配置
80230编辑于 2023-10-10 - 来自专栏全栈程序员必看
Win10 桌面美化
安装RocketDock 2、win10任务栏透明化设置 ~~3、桌面时钟~~ 4、桌面壁纸 5、最终效果 后续补充 前言 最近发现了几款Win10界面美化的软件，看了看别人家的Win10操作界面，瞬间觉得自己的 废话不多说，先看看我原来桌面和美化后的桌面对比图 原始桌面 美化桌面 附：桌面美化工具百度云链接 提取码: jx5j 更新 【20-09-18】: 第三步的桌面时钟在win10下不走字的 2、win10任务栏透明化设置 win10默认的任务栏是灰黑色，无法设置透明度，看起来与整体风格格格不入，解压Taskbar Tools，完成后打开。 如下图： 按照我上图配置得到的效果为： 3、桌面时钟 这个时钟在win10下不会自动刷新，因此不建议安装，可选择wallpaper中的时钟壁纸 桌面上有个时钟不仅增添美观，也方便看时间 时钟效果如下： 桌面时钟貌似启动后不会走字= =，因为是win8的放到win10下会出现这个问题，这个自由取舍。
3.1K30编辑于 2022-08-10 - 来自专栏酷猫小窝
Windows10美化小记
1.需要的软件。 ①软媒魔方桌面，绿色版。(提供下载) ②水滴时钟桌面。(提供下载和时间皮肤) ③TransucentTB(透明任务栏，提供下载按需使用) ④Wallpaper Engine(动态壁纸软件，按需求下载，我是STEAM18软妹币入正的，所以不提供下载。可以去度娘搜索pj版本） ⑤Pure轻语图标包，这里使用了 【Pure 轻雨 图标包】 的图标文件。@森雨Plus ，希望大佬不要介意
1.6K20发布于 2020-04-20 - 来自专栏MyTechnology
Windows 10:系统美化篇
Windows 10:系统美化篇 系统设置 1.开始菜单 设置---开始,设置如下: 更多磁贴这个可以关闭 应用列表要打开 最近应用可要可不要(开启更方便查找新装应用) 显示建议不知道是什么,一律砍掉 主题美化:例如枫叶这类美化系统软件其实可以用用,但是日常办公之类的建议少折腾这这种. win10自带的功能很强大,很多软件都被系统取代了,能用自带的尽量少安装软件.
1.4K10发布于 2020-07-31 - 来自专栏Akilarの糖果屋
Win10:PowerShell美化教程
写在最前 无聊的碎碎念不用在意 我一直秉持着一个美化舒适的开发环境能够极大的激发编程的兴趣这件事。 而 Win10 原版的 PowerShell 和 CMD 窗口以及 git 自带的 git bash 都不能令我满意，甚至可以说实在是太丑了。 于是想到了利用 oh-my-posh 来美化 powershell。 ? 选择 Segoe UI Emoji，这个是 Win10 自带的 emoji 字体。 ? 设置不显示标签栏: 把标签栏显示设置为不要显示。 ? 取消显示状态栏： 把显示状态栏的勾选去掉 ? 后记 至此，powershell 美化就完成了，如果你是用安装版的 git，那么你可以直接通过在你的 Hexo 文件下，按住Shift，单击右键，选择在此处打开 powershell，然后在 powershell
3.9K40发布于 2021-06-11 - 来自专栏贝丝的专栏
Win10菜单栏美化
前言 要谈论起Windows10的系统，跟前几代比，界面真的是美观了不少(个人审美观！)。但是还是有许多不足的地方，特别是跟微软自家的surface相比。。。 ? 不管你信不信，一些你没注意过的地方，一旦你开始自定义美化，根本就停不下来了！ 神奇道具 本期我们来自定义优化Win10的菜单栏，做到这个需要利用一个小插件！
1.4K21发布于 2020-04-02 - 来自专栏悟空聊架构 | 公众号
【博客美化】10.图片预览放大
博客园美化相关文章目录： 【博客美化】01.推荐和反对炫酷样式 【博客美化】02.公告栏显示个性化时间 【博客美化】03.分享按钮 【博客美化】04.自定义地址栏logo 【博客美化】05.添加GitHub 链接 【博客美化】06.添加QQ交谈链接 【博客美化】07.添加打赏按钮 【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮 【博客美化】09.评论带头像，且支持旋转 【博客美化】10.图片预览放大
94030发布于 2019-07-01 - 来自专栏SerMsBlog
Butterfly学习笔记
Page Front-matter 用于页面配置 图片 Post Front-matter 用于文章页配置 图片 顶部图 图片 文章封面 cover: # 是否显示文章封面 index_enable: true aside_enable: true archives_enable: true # 封面显示的位置 # 三个值可配置 left , right , both position: both # 当没有设置cover时，默认的封面显示 default_
29930编辑于 2023-03-21 - 来自专栏XC's Blog 日常笔记
Hexo Butterfly主题配置
text-shadow / background:linear-gradient … display: block; position: relative; float: left; width: 10px ; height: 10px; margin: 10px; padding: 10px; font-family: sans-serif; color: #fff; background: #fff; border-radius: 10px; ---- 完成后的目录及文件结构: ---- 精灵图（sprites）的使用: 精灵图主要针对于小的背景图片使用 主要借助于背景位置来实现—background-position autocomplete=”off需要放在表单内，同时加上name属性，同时成功提交 multiple multiple 可以多选文件提交 属性选择器: 注意：类选择器、属性选择器、伪类选择器，权重为 10
1.3K10编辑于 2023-03-10 - 来自专栏Akilarの糖果屋
Butterfly comment board beautify
新建[Blogroot]\themes\butterfly\source\css\custom\fixed-comment.css div#post-comment.fixedcomment { post-comment.fixedcomment { width: 90%; right: 0; } div#quit-board.fixedcomment { width: 10% RemoveFixedComment(); 修改[Blogroot]\_config.butterfly.yml的inject配置项，添加引入的 js 和 css inject: head: 此处我是修改了原生 Butterfly 主题的直达评论按钮。直达评论 ×，评论直达√。 rightside.scroll_to_comment") onclick="FixedCommentBtn();") TO DO 编写侧栏评论区样式 编写侧栏评论区手机端样式 完善夜间模式匹配 新增twikoo魔改美化方案
96910编辑于 2021-12-05 - copyright: false # Copyright of theme and framework 中间文章列表美化 查看更多主题修改教程：Hexo-Butterfly主题修改汇总来自专栏ahzoo.cn的博客分享
Hexo-Butterfly主题修改分享
前言 首先\themes\butterfly\source\css路径下创建一个css文件，比如ahzoo.css 然后在butterfly主题的配置文件（_config.yml）中引入css inject : head: - <link rel="stylesheet" href="/css/ahzoo.css"> 顶部菜单美化 打开创建的css文件（ahzoo.css），添加下面的代码 /* 页头 important; box-shadow: var(--card-box-shadow); border-radius: 10px; transition: color .3s bg-orange">Tencent Cloud
1.2K40编辑于 2022-11-02
hexo-butterfly-SEO优化
22 SEO优化说明：文章路径优化、百度/Google/必应等搜索引擎收录 2022-01-13 排查收录问题和数据分析 搜索引擎自定义域名调整：将原有github二级域名替换为自定义域名 hexo-butterfly-SEO hexo_submit_urls_to_search_engine: submit_condition: count #链接被提交的条件，可选值：count | period 现仅支持count count: 10 # 提交最新的10个链接 period: 900 # 提交修改时间在 900 秒内的链接 google: 0 # 是否向Google提交，可选值：1 | 0（0：否；1：是） bing: Win10 可在 设置->代理处查看 replace：URL替换 针对域名解析的情况可将生成的github.io类型的url替换为对应的自定义域名，或者将中文域名替换成转码后的域名 replace
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号