博客主题及其选取原因

博客框架
- Hexo
框架选取原因
1. 静态站点生成器：Hexo 是一个快速、简洁且高效的静态站点生成器，它允许用户使用 Markdown 编写文章，然后一键生成静态页面。这种生成静态页面的方式有利于提高网站的加载速度，同时也减轻了服务器的负担。
2. 易于部署：Hexo 生成的静态文件可以轻松部署到 GitHub Pages、Netlify、Vercel 等平台上，这些平台提供了免费的托管服务，对于个人博客来说是一个经济实惠的选择。
3. 插件丰富：Hexo 拥有丰富的插件生态系统，用户可以根据自己的需求选择合适的插件来扩展博客的功能，如搜索、评论、统计等。
4. 主题多样：Hexo 社区提供了大量的主题供用户选择，这些主题风格多样，可以满足不同用户的审美需求。同时，这些主题通常都具有良好的文档支持和可定制性，用户可以根据自己的喜好进行个性化设置。
5. 简单易用：Hexo 的操作相对简单，对于没有编程背景的用户来说也能够快速上手。它的命令行工具使得编写、管理和发布文章变得非常方便。
6. 社区支持：Hexo 拥有一个活跃的社区，用户在遇到问题时可以很容易地找到帮助和解决方案。社区成员经常分享经验、教程和最佳实践，这对于新用户来说是一个宝贵的资源。
7. 灵活性：Hexo 允许用户自定义页面布局和样式，支持自定义 permalinks、分类和标签等，用户可以根据自己的需求对博客进行灵活配置。
8. 性能优化：Hexo 支持生成文件的压缩和最小化，可以优化网站的加载速度，提高用户体验
主题
- Butterfly
主题选取原因
1. 美观性：Butterfly 主题以其简洁、清新的设计风格吸引了我的注意。它的色彩搭配和布局设计都符合现代网页设计的审美趋势，能够给访问者带来良好的视觉体验。
2. 响应式设计：随着移动设备的普及，响应式网页设计变得尤为重要。Butterfly 主题能够自动适应不同大小的屏幕，保证了移动端用户的浏览体验。
3. 丰富的功能：Butterfly 主题提供了丰富的插件和扩展功能，如评论系统、搜索功能、文章分类和标签云等，这些功能能够满足我对于一个个人博客网站的基本需求。
4. 活跃的社区支持：Butterfly 主题有着活跃的社区支持，这意味着在使用过程中遇到的问题可以得到及时的帮助和解决。
5. 易定制性：作为一个对网页设计有一定了解的用户，我希望能够根据自己的喜好对博客进行个性化定制。Butterfly 主题提供了详细的文档和大量的自定义选项，使得定制过程变得简单可行。

博客页面布局及其设计思路

页面布局

头部：包含博客标题、导航栏和搜索框，方便用户快速导航和搜索内容。
正文区：展示最新的博客文章列表，每篇文章包括标题、摘要、发布日期和阅读量等信息。
侧边栏：包括作者信息、文章分类、标签云、热门文章和友情链接等，为用户提供更多相关信息和便捷的访问途径。
底部：包含版权信息、联系方式和返回顶部按钮，增加网站的完整性和用户友好性。

设计思路

用户导向：在设计过程中，始终将用户体验放在首位，确保网站的功能布局和内容展示都能满足用户的需求。
简洁明了：避免页面过于杂乱，通过清晰的布局和适量的留白，让用户能够快速找到他们感兴趣的内容。
视觉统一：保持页面元素的视觉风格一致性，使用统一的字体、颜色和图标，增强页面的整体感。
交互流畅：确保页面的响应速度和交互流畅性，减少用户的等待时间，提升用户体验。

博客功能实现及其技术选择

功能实现

文章发布与管理：使用 Markdown 语法编写文章，通过 Hexo 的命令行工具生成静态页面。
搜索功能：通过 Hexo 的搜索插件实现站内文章的搜索功能。
文章分类与标签：利用 Hexo 的分类和标签功能，对文章进行分类和标记，方便用户查找相关内容。

技术选择

Hexo：作为一个快速、简洁且高效的博客框架，Hexo 允许用户使用 Markdown 编写文章，一键生成静态页面，非常适合静态博客网站的建设。
Butterfly 主题：基于 Hexo 的 Butterfly 主题，提供了丰富的功能和高度的可定制性，使得博客的建设更加简单和高效。
Markdown：作为一种轻量级标记语言，Markdown 使得文章的编写变得更加简单和直观，同时保证了文章在不同平台上的兼容性。

博客制作过程中遇到的问题及其解决方法

问题1：不知道如何启动Hexo框架的开发流程以及启动流程

通过搜索引擎+ChatGPT对话模型完成了相关信息的获取，并通过本地实验尝试。

问题2：开启Butterfly主题的导航栏功能后，对应菜单点击后跳出的是错误页面。

通过ChatGPT了解到，需要先通过hexo新建page。然后通过设置page的type为对应的菜单tag，这样就可以
将菜单与page关联上。