关于我 - 萤炬前端博客联系方式

关于这个博客

我是一名前端开发，日常主要写 Vue 生态的项目，也维护后端的 Spring Boot 服务和一些自动化工具链。这个站点是我的技术笔记本——遇到的坑、查过的资料、试出来的解法都往这里放。

写博客对我来说主要不是分享，而是给自己建一份可检索的记忆。同一个配置问题隔半年再遇到，重新查一遍要花二十分钟；写成笔记之后搜一下就能接着往下做。这也决定了这里文章的风格：偏具体、偏可执行，命令和配置项写全，而不是只讲思路。

内容大致分这几块：

• 前端 — Vue 2/3、Vite、TypeScript、CSS 工程化，以及 Vue 3 源码的阅读笔记
• 技术工具 — mac、Windows、WebStorm、Chrome DevTools、git 的使用与踩坑记录，占比最大
• 数据结构与算法 — LeetCode 题解，按题型归类
• 数据库 — MySQL、MongoDB、Redis 的日常使用问题
• 面试 — 整理过的知识点，也是自己复盘基础的地方
• AI — Claude Code 之类的 AI 编程工具的实际用法

这个站是怎么搭的

技术栈是 Vue 3 + Vite + TypeScript，没有用现成的博客框架，从零搭的。这么选的原因很实际：博客本身就是我练手和验证方案的地方，用现成框架就少了很多可折腾的空间。

几个关键实现：

Markdown 渲染走的是 markdown-it 加一套 @mdit-vue 插件（frontmatter 解析、标题提取、TOC 生成、SFC 转换）。文章源文件是纯 Markdown，构建时被编译成 Vue 组件。这样 Markdown 里可以直接写 Vue 组件，写文档时需要一个交互式 demo 就直接嵌进去。

路由用文件系统约定生成。每篇文章开头都有一段 route 声明块，里面写着这篇文章的访问路径、标题、发布日期和分类，构建脚本扫描所有 Markdown 文件，把这些声明收集起来生成路由表和导航结构。

路径用的是一串哈希而不是文件名，这么设计是为了让文章重命名、换分类之后 URL 不变——URL 一变，外链和搜索引擎的收录就全废了。

目录由文档里的一个 toc 标记触发，构建时被替换成实际的目录组件，读取当前文档的标题层级自动生成。

部署在 Vercel 上，推 master 自动构建。静态资源（图片、字体）放在独立的路径下走 CDN，避免每次部署都重传几十 MB 的图片。

SEO 这块花了不少工夫，因为纯客户端渲染的 SPA 对搜索引擎不友好。做法是构建时生成 sitemap 和每个页面的元信息映射，配合预渲染让爬虫能拿到有内容的 HTML。这个过程本身也写成了几篇笔记。

关于内容质量

坦白说这个站早期的文章很多是「碎片记录」——三五句话加一张截图，自己能看懂，但对别人价值有限。后来陆续在回填，把这些短文补成能独立读完的完整笔记：命令写全参数、解释背后发生了什么、列出常见报错和取舍。

如果你看到某篇还很单薄，或者内容有错，欢迎通过上面的邮箱告诉我。技术内容写错比写少更糟——读者按错的命令执行会出问题，所以纠错的反馈我一定会处理。

联系方式

• GitHub：https://github.com/Miofly
• 邮箱：xxx@qq.com

交流

• 有具体的技术问题，邮件写清楚环境和报错信息，我看到会回。
• 想看某个主题的内容，也可以直接提，我会放进待写列表。
• GitHub 上有一些开源的小工具和配置模板，感兴趣可以翻翻。

不接商业推广和转载授权之外的合作。文章可以转载，注明来源和原文链接即可。