🏠 黄致远的小站 —— 一方承载热爱与创造的数字天地

用代码构建美好，分享知识，传递快乐

🌟 写在前面

在互联网的汪洋大海中，每一个个人网站都是一座独特的岛屿。有的岛屿专注于技术分享，有的致力于艺术收藏，有的则是纯粹的个人表达。而「黄致远的小站」，试图将这三种气质融合在一起——它既是一个技术爱好者的自留地，也是一座文化艺术的展览馆，更是一个开放温暖的社区空间。

从 2023 年建站至今，这个小站已经走过了多年。它见证了一个人的成长，也记录了无数个日夜的思考与创造。今天，我想以这篇文章，正式地介绍一下这个我倾注了许多心血的地方。

🎯 建站初心：为什么要有这样一个地方？

每个人做个人网站的初衷都不太一样。有人是为了找工作展示作品集，有人是为了记录生活，有人纯粹是为了折腾技术。而我的初衷，可以用一句话概括：

「想要一个完全属于自己的精神角落。」

在这个角落里，我可以自由地写自己想写的文章，不必担心算法推荐；我可以分享自己喜欢的艺术作品，不必迎合流量；我可以搭建一个干净、安静、有温度的社区，让志同道合的人能够停下来聊聊天。

另一个重要的动力是：学习与创造。从后端 Flask 框架的搭建，到前端 CSS 的精细调校，再到服务器运维和数据库设计——这个小站是我技术成长的见证者。每添加一个功能，每修复一个 Bug，都让我离「独立开发者」这个身份更近一步。

🏗️ 技术架构：从零搭建的独立站点

这个站点不是用 WordPress 或 Hexo 一键生成的，而是从零开始手写的 Flask 应用。它跑在自己托管的服务器上，所有代码都在我的掌控之中。

后端技术栈

前端技术栈

安全防护

• ✅ XSS 内容过滤（用户输入自动净化）
• ✅ 用户封禁与申诉机制
• ✅ 操作日志审计

📂 功能介绍：小站里有什么？

这个小站不是单一功能的博客，而是一个多模块集成的个人站点。以下是它的核心功能模块：

1. 📝 博客系统 —— 文字的思想阵地

博客是这个小站的核心模块之一。它不是一个简单的文章列表，而是一个完整的内容发布与互动平台。

主要功能：

• 📖 文章发布与编辑（支持 Markdown 格式）
• 🏷️ 分类与标签系统
• 🔍 文章搜索与筛选
• 📊 阅读量统计与热门文章排行
• ❤️ 文章点赞功能
• 💬 多级评论系统（支持楼中楼回复）
• 📌 文章置顶功能
• 🔒 审核机制（普通用户发布需管理员审核）

使用场景： 技术分享、读书笔记、生活随笔、观点表达。

> 💡 小提示：文章的 Markdown 支持代码高亮，非常适合写技术博客。

2. 🐛 Bug 反馈系统 —— 让用户参与产品改进

这是一个完整的问题追踪模块，借鉴了 GitHub Issues 的设计思路。

主要功能：

• 📋 提交 Bug（标题、描述、复现步骤、严重程度、截图）
• 🏷️ 严重程度分级（严重/高/中/低）
• 🔄 状态流转（待处理 → 处理中 → 已修复/已拒绝）
• 👤 处理人指派
• 📝 处理备注与状态变更历史
• 🔍 按状态/严重程度筛选
• 📊 统计看板（待处理数、严重 Bug 数等）

使用场景： 用户反馈网站问题，开发者追踪修复进度。

3. 💬 留言板 —— 最纯粹的社区交流

没有复杂算法的推荐流，没有广告插件的干扰，只有一个干净清爽的留言板。

主要功能：

• ✍️ 发布留言（需登录）
• ❤️ 点赞留言
• 💬 回复留言（支持无限层级）
• 📌 管理员置顶功能
• 🔒 审核机制（可开启/关闭）
• 🗑️ 管理员删除功能
• 📊 显示 IP（管理员可见）

使用场景： 访客留言、提问、交流、闲聊。

4. 👥 用户系统 —— 完整的身份管理

一个完整的用户体系，支持注册、登录、权限分级、个人中心。

主要功能：

• 📝 用户注册与登录（含验证码）
• 🔐 密码加密存储与修改
• 👤 个人资料编辑（昵称、邮箱）
• 🖼️ 头像上传（支持裁剪）
• 🎖️ 三级角色体系：
• 普通用户：发布留言、提交 Bug、写博客
• 管理员：审核内容、管理用户、处理 Bug
• 总管理员：系统设置、日志查看、调试工具
• 🔒 用户封禁与解封（支持定时封禁）
• 📨 申诉流程（被封禁用户可提交申诉）

5. 🖼️ 展览馆 —— 艺术的数字橱窗

这是一个有趣的尝试——在技术站点里嵌入艺术展览。

主要功能：

• 🎨 展示中外名画（高清图片）
• 📝 作品信息标注（作者、年代、国家）
• 🖱️ 悬浮缩放效果

使用场景： 艺术欣赏、文化传播。

6. 🏯 雅宋风华 —— 文化专题页面

这是一个致敬宋朝文化的专题页面，融合了宋词、历史、美学与师恩。

主要功能：

• 📜 宋词精选（婉约派与豪放派）
• 🎲 随机撷词功能
• 📅 两宋历史大事纪略
• 🍎 师说·宋耀红（教师纪念子页面）
• 🎋 宋韵雅句互动

使用场景： 文化传承、人文情怀表达。

7. 📦 资源下载 —— 实用工具分享

分享一些我自己制作或收集的实用资源。

主要功能：

• 📁 文件列表展示
• ⬇️ 一键下载
• ⚠️ 免责声明

8. ⚙️ 管理后台 —— 强大的控制中心

这是一个功能完备的后台管理系统，涵盖了站点运营的所有核心操作。

主要功能模块：

🛡️ 安全与合规：做负责任的站点

作为一个开放注册的个人站点，安全是不可忽视的一环。以下是我在安全方面所做的工作：

用户层面

• 密码最小长度限制（可配置，默认 6 位）
• 密码复杂度要求（必须包含数字和字母）
• 验证码防暴力破解

内容层面

• 用户输入 HTML 净化（防止 XSS）
• 留言审核机制（可开关）
• 博客文章审核机制（可开关）

管理层面

• 操作日志全记录（谁、什么时候、做了什么）
• 用户封禁与申诉流程

🎨 设计理念：温暖、干净、有温度

在设计上，我始终坚持三个原则：

1. 温暖的大地色系

整个站点以暖棕、米白、陶土色为主色调，营造出「纸质书籍」般的温润质感。它不追求前卫的科技感，而是希望让访客感受到一种安静、从容的氛围。

2. 简洁的信息层级

没有复杂的布局，没有花哨的动效。每一页的设计都围绕「让内容本身被看见」这个目标展开。留白充分，字距舒适，阅读体验是第一优先级。

3. 有温度的人文关怀

从「雅宋风华」到「展览馆」，从「师说·宋耀红」到「留言板」上的每一句问候，这个小站在技术的外壳下，始终包裹着人文的温度。它不仅仅是一个功能集合，更是一个有情感、有记忆的空间。

🚀 未来计划：继续生长

这个小站永远不会「完成」——它会一直生长下去。以下是我未来的一些计划：

• [ ] 博客支持 Markdown 图片上传（拖拽/粘贴）
• [ ] 文章自动生成目录（TOC）
• [ ] 站内搜索优化（全文检索）
• [ ] RSS 订阅源
• [ ] 夜间模式
• [ ] 访客足迹（最近浏览）
• [ ] 邮件通知（评论回复、审核结果）
• [ ] 数据备份与恢复功能

🙏 致谢

这个小站的成长离不开许多人的帮助与支持：

• 感谢 宋耀红老师，她的语文课堂让我第一次感受到文字的力量
• 感谢所有在小站留言、提交 Bug、写博客的朋友，是你们让这里有了生气
• 感谢开源社区，Flask、Bootstrap、Markdown 等优秀项目让独立开发变得可能
• 感谢每一位路过这里的访客，你们的每一次点击都是鼓励

📬 欢迎来做客

如果你读到了这里，说明你是一个有耐心、愿意深入了解的人。欢迎你来小站坐坐：

无论是技术交流、艺术欣赏，还是单纯的闲聊，我都非常欢迎。

愿我们都能在数字世界里，保有自己的一方净土。

—— 黄致远 · 2026 年夏