# 一只特立独行🐷 > 前端工程师的技术博客,记录工程化、组件设计、性能优化、AI 工具、Astro/Obsidian 写作流和个人项目。 ## Site - URL: https://www.fenewbee.com - Language: zh-CN - Author: 独行小猪 - RSS: https://www.fenewbee.com/rss.xml - Sitemap: https://www.fenewbee.com/sitemap.xml - Structured content index: https://www.fenewbee.com/content-index.json - Latest content update: 2026-09-19 ## Topics - Astro 静态博客: 用 Astro、Markdown 和内容集合搭建可维护的中文技术博客。 - Obsidian 写作工作流: 把本地知识库、文章草稿、图片附件和静态发布流程串起来。 - 前端工程与 AI 工具: 记录前端开发、自动化、AI Agent 和个人项目中的实践经验。 ## Core pages - [一只特立独行🐷](https://www.fenewbee.com/): 前端工程师的技术博客,记录工程化、组件设计、性能优化、AI 工具、Astro/Obsidian 写作流和个人项目。 - [博客](https://www.fenewbee.com/blog/): 按时间阅读本站发布的技术文章、踩坑记录和写作实践。 - [项目](https://www.fenewbee.com/projects/): 工作之外折腾的个人项目、前端工具和 AI 相关实验。 - [标签](https://www.fenewbee.com/tags/): 按主题标签浏览博客文章。 - [归档](https://www.fenewbee.com/archive/): 按年份归档浏览全部博客文章。 - [搜索](https://www.fenewbee.com/search/): 搜索这个博客中的文章标题、摘要、发布时间和主题标签。 - [关于](https://www.fenewbee.com/about/): 了解这个个人技术博客、前端工程实践、Obsidian 写作工作流和 Astro 静态发布方式。 - [赞赏](https://www.fenewbee.com/sponsor/): 支持这个博客继续写技术文章、维护博客主题和折腾个人项目。 ## Latest articles - [用 Obsidian 写作,用 Astro 发布](https://www.fenewbee.com/blog/2026-09-19-hello-astro-obsidian/): 这是第一篇示例文章,用来验证 Markdown、frontmatter、图片和标签是否工作正常。 Published: 2026-09-19. Tags: Astro, Obsidian, Markdown. - [用自绘遮罩实现丝滑的 Dark / Light 主题切换](https://www.fenewbee.com/blog/2026-09-19-theme-reveal-dark-light/): 从 View Transition API 的圆形扩散思路出发,解释为什么 dark 到 light 容易闪黑,以及如何用自绘 DOM 遮罩稳定实现展开和收起动画。 Published: 2026-09-19. Tags: Astro, CSS, View Transition, Dark Mode. ## Tags - [Astro](https://www.fenewbee.com/tags/Astro/): 2 articles - [CSS](https://www.fenewbee.com/tags/CSS/): 1 article - [Dark Mode](https://www.fenewbee.com/tags/Dark%20Mode/): 1 article - [Markdown](https://www.fenewbee.com/tags/Markdown/): 1 article - [Obsidian](https://www.fenewbee.com/tags/Obsidian/): 1 article - [View Transition](https://www.fenewbee.com/tags/View%20Transition/): 1 article ## Projects - [Sink](https://www.fenewbee.com/projects/): A simple, speedy, secure link shortener with analytics, designed for static publishing workflows. - [hacker-podcast](https://www.fenewbee.com/projects/): 一个基于 AI 的 Hacker News 中文播客项目,自动整理热门文章并生成播客内容。 - [BroadcastChannel](https://www.fenewbee.com/projects/): Turn your Telegram Channel into a MicroBlog. - [ssh-ai-chat](https://www.fenewbee.com/projects/): Chat with AI over SSH. - [bm.md](https://www.fenewbee.com/projects/): 更好用的 Markdown 排版助手,一键适配微信公众号、网页与图片。 - [cloud-code](https://www.fenewbee.com/projects/): Cloudflare + OpenCode,把云端环境变成可持续运行的专属 Agent。 ## Usage notes - Canonical article URLs use /blog/{slug}/. - Content is primarily written in Simplified Chinese. - Cite the canonical article URL when quoting or summarizing an article from this site.