博客UI优化之旅：打造个性化Hexo博客在搭建个人博客的过程中，除了内容的质量，博客的视觉体验同样重要。一个精心设计的UI不仅能提升用户体验，还能彰显个人品味。本文将分享我在优化Hexo博客UI过程中的经验和技巧，希望能为同样热爱折腾的你提供一些启发。
🎨 整体设计理念在开始具体的优化工作前，我花了不少时间思考博客的整体设计理念。最终，我确定了以下几点：
简约而不简单：避免过多的视觉干扰，但保留足够的设计细节
响应式设计：在各种设备上都能提供良好的浏览体验
性能优先：确保加载速度快，交互流畅
个性化表达：融入个人风格，与大众博客有所区别
带着这些理念，我开始了一系列的优化工作。
🚀 加载体验优化自定义加载动画网站加载时的第一印象非常重要。我设计了一个简洁的巫师加载动画，让等待变得有趣。
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849// 修复巫师加载动画显示时间和隐藏问题(function() { 'use strict&#x ...
技术笔记
未读🚀 Hexo博客搭建踩坑记🧩 问题一：YAML 配置的”变形记”问题配置 _config.yml 时，发现实际语法与文档不一致，特别是缩进规则。
解决方案
确认 YAML 语法规则：
使用 空格缩进 而非制表符
键值对格式 key: value
🦋 问题二：Butterfly 主题的”华丽转身”问题主题仓库结构变更，导致配置失效。
解决步骤：
发现配置文件迁移到 _config.butterfly.yml
使用 AI 生成兼容模板：1234theme: butterflybutterfly: menu: Home: / || fas fa-home
🔌 问题三：4000 端口的”神秘占用”问题启动时报错：
1FATAL Port 4000 has been used.
解决方案：
查找占用进程：1lsof -i :4000
指定新端口启动：1hexo server -p 4001
永久修改配置：12server: port: 4001
💡 实用技巧
分支管理：
由于我之前已经搭建过一个博客，而且部署在master分支里，恰巧GitHub在调用. ...
N皇后问题
N皇后问题是指在N*N的棋盘上要摆N个皇后，要求任何两个皇后不同行、不同列，也不在同一条斜线上。给定一个整数n，返回n皇后的摆法有多少种。
123456789101112131415161718192021222324252627282930313233343536373839int num(int n){ if(n < 1) return 0; // record[i]=j 表示i行的皇后放在了第j列(这样可以省去了用二维数组来表示) vector<int> record(n); return process(0, record, n);}// 目前来到了第i行(总共有n行)// record[0...i-1]表示之前的行放了皇后(潜台词：前i-1行任何两个皇后都不共行、列、斜线)// 返回值代表百万所有的皇后，合法的摆法共有多少种int process(int i, vector<int> record, int n){ if(i == n) return 1; // 来到终止 ...
🎓 大学生知识博客
🐶
BruceLee
生活明朗，万物可爱
这里分享计算机科学、算法学习、编程技巧和学术研究心得。涵盖数据结构、Web开发、机器学习等领域的学习笔记和实践经验。希望能与同样热爱学习的朋友们一起进步，共同探索技术的无限可能。
