https://morroa.com/ 一个支持 Markdown 文章、标签、归档、搜索、RSS 与深色模式的现代静态博客。 zh-CN Fri, 18 Sep 2026 06:42:55 GMT https://morroa.com/blog/hi https://morroa.com/blog/hi Thu, 17 Sep 2026 00:00:00 GMT 欢迎来到我的博客，从这里开始记录学习、实践与成长。 持续记录，比偶尔完美更重要。 欢迎来到 **Morroa**。 从第一篇文章开始。 ]]> https://morroa.com/blog/hello-morroa https://morroa.com/blog/hello-morroa Mon, 14 Sep 2026 00:00:00 GMT 欢迎来到这个由 Markdown 驱动的静态博客。 持续记录，比偶尔完美更重要。 去 `content/posts` 创建你的第一篇文章吧。 ]]> https://morroa.com/blog/markdown-guide https://morroa.com/blog/markdown-guide Thu, 10 Sep 2026 00:00:00 GMT 掌握 Markdown 常用语法，写出结构清晰、阅读体验良好的文章。 好的工具应该让创作更简单，而不是增加负担。 链接写作 `[文字](https://example.com)`，图片写作 ``。 ## 分隔线 使用三个或更多短横线可以创建分隔线： --- 现在，你已经可以开始写作了。 ]]> https://morroa.com/blog/deploy-to-github-pages-and-vercel https://morroa.com/blog/deploy-to-github-pages-and-vercel Sun, 06 Sep 2026 00:00:00 GMT 一份面向静态博客的部署清单：静态导出、环境变量、自定义域名与自动化发布。 https://morroa.com/blog/tailwind-typography https://morroa.com/blog/tailwind-typography Fri, 28 Aug 2026 00:00:00 GMT 借助 prose 排版插件，让 Markdown 渲染出的长文拥有更好的视觉节奏。 ``` ## 调整细节 默认排版已经不错，但博客还可以进一步定制： ```css .prose :where(a) { word-break: break-word; } .prose :where(code):not(:where(pre code)) { border-radius: 0.4rem; } ``` ## 保持克制的设计 好的排版往往不是“更显眼”，而是让内容自然流动。 - 控制每行字符数，避免过宽 - 增加段落之间的呼吸感 - 让代码块拥有稳定、独立的视觉区域 - 深色模式下保持足够的对比度 写完内容后再回来审视一次排版，通常会有新的发现。 ]]>