我的博客 · 个人主页
// preview
// description
搜索和筛选前端实践文章，在深浅主题间阅读个人开发记录
这是一个纯静态实现的单页个人技术博客，内容聚焦前端开发、工程效率和开源协作。首页按卡片展示五篇文章，涵盖博客搭建、CSS 变量主题切换、Git 工作流、开源项目贡献以及弹窗故障排查。读者可以使用关键词搜索或标签按钮缩小文章范围，点击卡片后在弹窗中阅读带分节标题和代码片段的正文，还可切换深浅主题。页面下方列出 JavaScript、TypeScript、Vue、React、Node.js、Git 与 Docker 等技能方向。
核心亮点
文章搜索筛选
关键词与标签均可过滤
弹窗正文阅读
分节正文配有代码片段
双主题显示
深浅配色可即时切换
如何使用
浏览文章
打开首页后向下查看最新文章区域，每张卡片会显示发布日期、标题、摘要和主题标签，可先通过摘要判断内容是否符合需要。
搜索或筛选
在搜索框输入 Git、CSS 等关键词，列表会即时保留匹配文章；也可以点击前端、教程、经验等标签按钮，查看对应主题下的文章。
阅读正文
点击任意文章卡片会打开详情弹窗，正文按小标题组织并穿插代码片段；阅读完成后点击右上角关闭按钮即可返回当前列表。
切换主题
点击顶部导航中的月亮或太阳按钮可在浅色和深色主题之间切换，页面背景、文字、卡片与代码区域会同步更新。
// similar sites
相似站点
429 查看详情
CodeBy - 技术博客
CodeBy 的个人技术博客，分享前端开发和工程实践等技术文章
62 查看详情
高冷绿泡泡的个人主页
记录技术笔记、生活随笔与项目分享
3 查看详情
个人博客 TechBlog
深色科技风的个人博客，分享技术学习笔记、项目实践与生活思考
31 查看详情
拾光笔记
一个基于 Vue3 + Express 的个人博客系统，支持 Markdown 文章发布、分类标签、相册与评论互动，内置每日阅读栏目自动聚合前端、框架与 AI 资讯，适合记录与展示个人内容。
123 查看详情
STAND-ALONE - 个人博客
人生一世草木一秋，来如风雨去如微尘。
252 查看详情
指尖测绘
个人主页 - 关于我、项目作品与联系方式
