- 博客(16)
- 收藏
- 关注
RSS订阅转载 butterfly主题魔改13：关于页面美化（手搓）
本文介绍了如何通过手写代码美化博客的“关于”页面。首先，在博客根目录的source文件夹下创建about文件夹，并在其中创建index.md文件。接着，通过自定义CSS样式，实现了页面的视觉美化，包括渐变背景、字体样式、阴影效果、头像旋转等。文章详细展示了如何设置页面标题、段落、头像、引用等元素的样式，并提供了完整的代码示例。通过这些步骤，用户可以轻松打造一个个性化的“关于”页面，提升博客的视觉吸引力。
2025-05-14 16:04:16
130
转载 butterfly主题魔改12：留言板页面美化
本文介绍了如何美化Butterfly主题的留言板页面。首先，通过安装hexo-butterfly-envelope插件来实现信封样式的留言板效果。接着，在博客的_config.butterfly.yml配置文件中添加相关代码，启用并自定义信封的各个部分，包括封面、底部、前后信封图片以及留言内容。此外，还可以设置留言板页面的标题和路径等。通过这些步骤，用户可以为自己的博客留言板增添独特的视觉效果，提升用户体验。
2025-05-14 15:56:51
161
转载 butterfly主题魔改11：文章页面美化
本文介绍了如何通过修改_config.butterfly.yml文件来美化Butterfly主题的文章页面。主要设置包括：文章目录的显示与样式、版权声明、打赏功能、相关文章推荐、文章分页方式及过期提示。此外，还涉及代码块的主题、样式、工具栏设置，以及文章内容标题的前缀图标美化。最后，配置了分享系统，支持通过Share.js或AddToAny插件将文章分享至多个社交平台。这些设置旨在提升博客的视觉体验和用户互动性。
2025-05-14 15:55:35
105
转载 butterfly主题魔改10：分类页面魔改
本文介绍了如何通过安装和配置hexo-butterfly-categories-card插件来美化Hexo博客的分类页面。首先，通过npm命令安装插件，然后在博客的css目录下新建样式文件categorybar.css，并添加相关样式代码。接着，修改插件的index.js文件，替换为提供的代码以实现分类页面的动态渲染和样式应用。通过这些步骤，用户可以为博客的分类页面添加卡片式布局和动态效果，提升页面的视觉吸引力和用户体验。
2025-05-14 15:54:25
171
转载 butterfly主题魔改09：页脚美化和右下角按钮设置
本文介绍了如何通过修改_config.butterfly.yml文件来美化博客页脚和设置右下角按钮。首先，页脚部分可以通过自定义HTML和CSS来实现，包括社交链接、版权信息、访问量统计等，并通过JavaScript实现访问量的动态增长和点击动画效果。其次，右下角按钮的设置包括繁简中文转换功能的启用与配置，如默认语言、转换延迟等。通过这些设置，用户可以个性化博客的外观和功能，提升用户体验。
2025-05-14 15:52:41
102
转载 butterfly主题魔改08：侧边栏及其卡片美化、文章等页面渐变背景
本文介绍了如何对Butterfly主题的侧边栏及其卡片进行美化，并为文章等页面添加渐变背景。首先，通过修改主题配置文件_config.butterfly.yml，调整侧边栏的显示内容和样式，包括作者信息卡片、公告卡片、最新文章卡片等。接着，在custom.css文件中添加毛玻璃效果和动画定义，使侧边栏卡片更具视觉吸引力。此外，还为导航栏和文章页面设置了渐变背景，并通过暗夜模式适配，确保在不同主题下都能保持良好的视觉效果。通过这些调整，博客的界面更加美观且富有层次感。
2025-05-14 15:46:28
167
转载 butterfly主题魔改07：其他设置
本文介绍了Butterfly主题的多种设置和功能配置。首先，通过安装hexo-wordcount插件，可以启用字数统计功能，包括文章字数、阅读时间和网站总字数统计。其次，复制功能设置允许在复制内容后添加版权信息，并可设置字数限制。文章元数据显示设置允许自定义首页和文章页的元数据展示，包括日期类型、格式、分类和标签等。全局字体设置提供了对网站字体大小、字体族的自定义选项。最后，社交媒体链接配置允许用户添加并自定义社交媒体图标、链接和颜色。
2025-05-14 15:41:07
70
转载 butterfly主题魔改06：首页页面美化
本文介绍了如何对Butterfly主题的首页进行美化，主要包括以下几个方面的修改：首先，调整了首页顶部图的大小和主页标题的顶部距离；其次，启用了网站副标题并配置了打字机效果；接着，设置了首页文章卡片的双栏布局和摘要显示方式；最后，介绍了如何安装和使用首页文章置顶轮播插件，并提供了相关配置代码。通过这些步骤，用户可以显著提升博客首页的视觉效果和用户体验。
2025-05-14 15:39:06
216
转载 butterfly主题魔改05：页面增加樱花动态背景效果
本文介绍了如何在Butterfly主题的博客页面中添加樱花动态背景效果。首先，展示了实现后的效果图，随后详细说明了实现步骤。通过在博客根目录下的themes\butterfly\source\js文件夹中创建sakura.js文件，并添加相应的JavaScript代码，即可实现樱花飘落的动态背景效果。该效果通过加载樱花图片，并利用JavaScript控制樱花的飘落动画，为博客页面增添了生动的视觉效果。
2025-05-14 15:24:38
1208
转载 butterfly主题魔改04：页面鼠标魔改-紫色水晶月光
本文介绍了如何通过创建cursor.js文件，在Butterfly主题中实现一个紫色水晶月光风格的页面鼠标效果。该效果包括月亮主题的光标主体、拖尾粒子、点击时的水晶爆炸和冲击波动画，以及悬停时的涟漪效果。代码通过检测触摸设备、初始化光标元素、创建拖尾粒子，并绑定各种事件监听器来实现这些效果。最终，光标在不同交互元素上会自动改变样式，并伴有平滑的动画和过渡效果。
2025-05-14 15:20:45
129
转载 butterfly主题魔改03：导航栏设置（标题、菜单、搜索按钮）
本文介绍了如何对Butterfly主题的导航栏进行自定义设置，包括标题、菜单和搜索按钮的调整。首先，通过修改_config.yml文件设置网站的基本信息，如标题、副标题和关键词等。接着，在_config.butterfly.yml中配置导航栏的Logo、显示标题、固定导航栏及颜色样式。此外，还介绍了如何通过安装插件优化固定链接和自动添加外链的nofollow属性。最后，详细说明了如何通过修改布局模板文件和样式文件，实现导航栏菜单的居中布局，并提供了相关的代码示例。
2025-05-14 15:19:00
239
转载 butterfly主题魔改02：主题颜色、宽度设置、图片设置、遮罩效果
聚焦视觉层初级定制，通过修改_config.butterfly.yml实现深紫色系主题配色，调整页面最大宽度为70%。详细说明各类图片配置（头像、背景、封面、404页），并关闭页头/页脚的半透明遮罩效果。提供完整的YAML代码段和Stylus样式示例，适合用户快速统一博客视觉风格，提升页面简洁度与加载性能。
2025-05-14 15:02:55
184
转载 butterfly主题魔改01：准备工作及魔改流程目录
本文介绍了如何为Hexo博客安装和配置Butterfly主题，并详细列出了魔改流程的目录。首先，通过Git命令安装Butterfly主题，并安装必要的渲染器。接着，修改配置文件以启用主题，并设置图片存储目录。最后，文章提供了一系列魔改步骤的链接，涵盖了从主题颜色调整到页面美化的各个方面，帮助用户个性化自己的博客。这些步骤包括导航栏设置、动态背景效果、页面美化等，旨在提升博客的视觉吸引力和用户体验。
2025-05-14 14:58:27
116
转载 腾讯云COS+Obsidian实现图片自动上传到图床
文章介绍如何通过腾讯云COS和PicList工具实现Obsidian笔记的图片自动上传。步骤包括：腾讯云COS存储桶创建、API密钥获取、PicList安装与配置（含时间戳重命名防冲突），以及Obsidian插件Image Auto Upload的安装与设置。详细说明了手动/自动上传图片的操作方法，并配有多张界面截图，帮助用户无缝衔接本地写作与云端图床管理，提升Markdown文档的图片管理效率。
2025-05-14 14:52:17
277
转载 利用Github和hexo搭建自己的个人博客
该教程详细指导用户从零开始搭建Hexo博客并部署到GitHub。内容涵盖Git、Node.js环境安装，Hexo框架初始化，主题安装（以Amazing主题为例），以及GitHub仓库创建与SSH密钥配置。通过图文并茂的步骤演示了本地测试、主题配置、依赖安装和最终部署流程。重点解决了国内用户使用npm速度慢的问题（推荐cnpm），并提供了常见问题的解决方案，如环境变量配置和SSH认证测试，适合新手快速搭建个人技术博客。
2025-05-14 14:49:33
192
原创 安全见闻笔记
本文全面探讨了网络安全的多个关键领域，包括渗透测试概念与实践、编程语言的选择、软件程序的安全性、网络基础、通讯协议的安全问题、硬件设备的网络安全、人工智能在网络安全中的应用、量子计算对网络安全的影响、二进制与网络安全的关系，以及网络安全热门证书的介绍和备考指南。文章强调了在不断演变的网络威胁面前，持续学习、实践和适应的重要性，以及通过专业认证提升个人技能的必要性。同时，文章也提醒读者在追求技术进步的同时，应保持谦逊和对知识无限性的认识，以促进个人成长和知识边界的扩展。
2024-10-27 00:44:07
1621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人