Butterfly导航菜单与侧边栏配置
前言导航菜单和侧边栏是博客的重要组成部分，合理的配置可以让博客结构清晰、信息丰富。本文将介绍如何配置导航菜单（含下拉子菜单）和侧边栏的各个卡片组件。 一、导航菜单配置1.1 基础菜单1234567menu: 首页: / || fas fa-home 归档: /archives/ || fas fa-archive 分类: /categories/ || fas fa-folder-open 标签: /tags/ || fas fa-tags 友链: /links/ || fas fa-link 关于: /about/ || fas fa-heart 格式说明：显示名称: 路径 || FontAwesome图标 1.2 下拉子菜单支持将多个页面归组为下拉菜单： 1234menu: 列表||fas fa-list: 音乐: /music/ || fas fa-music 电影: /movies/ || fas fa-video 格式说明：分组名称||图标: 后缩进填写子菜单项。 注意: 下拉菜单的图标使用 || 分隔，而不是 : 。 二、导航...
Butterfly主题视觉效果配置
前言Butterfly 主题提供了丰富的视觉效果配置，可以让博客更加生动有趣。本文将介绍如何配置加载动画、进入动画、暗色模式、字体美化、首页打字效果和激活能量模式等功能。 一、加载动画加载动画会在页面加载时显示，提升用户体验。 1234# 加载动画preloader: enable: true source: 1 # 1=全屏动画, 2=进度条 source: 1 - 全屏动画效果 source: 2 - 进度条效果 注意: 加载动画会略微增加页面加载时间，如果追求极致速度可以关闭。 二、进入动画页面元素进入时的动画效果，让页面切换更加流畅。 123# 进入动画enter_transitions: enable: true 开启后，页面元素会在加载完成后以动画形式依次出现。 三、暗色模式支持用户手动切换暗色/亮色模式。 12345# 暗色模式darkmode: enable: true button: true # 显示切换按钮 autoChangeMode: false # 是否跟随系统自动切换 button: t...
Giscus评论系统配置指南
前言评论系统是博客的重要组成部分，它能让读者与作者进行互动。Giscus 是一个基于 GitHub Discussions 的评论系统，具有以下优势： 无需后端服务 - 利用 GitHub Discussions 作为数据存储 国内可访问 - 不像 Disqus 需要翻墙 免费开源 - 完全免费使用 支持暗色模式 - 自动跟随系统或手动切换 支持多语言 - 包括中文 一、前置条件在配置 Giscus 之前，需要满足以下条件： GitHub 仓库 - 你的博客必须托管在 GitHub 上 开启 Discussions - 仓库需要开启 Discussions 功能 安装 Giscus App - 需要在仓库中安装 Giscus GitHub App 注意: 如果你的仓库是私有的，Giscus 也能工作，但评论内容只有仓库协作者可见。建议博客仓库使用公开仓库。 二、开启 GitHub Discussions2.1 进入仓库设置 打开你的 GitHub 仓库页面 点击 Settings 选项卡 在左侧菜单中找到 Features 2.2 开启 Discussion...
从零搭建Hexo博客完整指南
前言本文将详细介绍从零开始搭建一个基于 Hexo 的个人博客，并使用 Butterfly 主题进行美化的完整过程。Hexo 是一个快速、简洁且高效的博客框架，而 Butterfly 则是目前最受欢迎的 Hexo 主题之一。 一、环境准备1.1 安装 Node.jsHexo 是基于 Node.js 构建的，因此首先需要安装 Node.js。 访问 Node.js 官网 下载 LTS 版本 安装时勾选”Add to PATH”选项 安装完成后打开终端，验证安装： 12node -vnpm -v 注意: 推荐使用 Node.js 16.x 或更高版本，Hexo 8.x 需要 Node.js 14.0 以上。 1.2 安装 GitGit 是版本控制工具，也是部署博客到 GitHub Pages 的必要工具。 访问 Git 官网 下载对应系统版本 安装完成后验证： 1git --version 1.3 配置 GitHub 仓库 登录 GitHub 创建新仓库，仓库名格式：用户名.github.io 例如：username.github.io 注意: 仓库名必须与你...
SpringAI学习笔记
SpringAI
我的第一篇博客
为什么搭建这个博客作为计算机专业的研究生，一直希望能有一个属于自己的空间来记录学习笔记、技术总结和日常思考。 技术选型经过调研，最终选择了 Hexo + Butterfly 主题： 中文社区资源丰富 主题功能完善，设计优雅 部署到 GitHub Pages 方便快捷 未来计划 记录后端开发学习笔记 分享 AI 应用研发心得 整理日常学习资源
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment