让我猜猜，你是不是也想自己写个博客官网啥的？
来听听这期节目试试有没有其他有趣的方案吧～

感谢 Roy 的赞赏
也记得要关注 twitter 哦: https://twitter.com/AsyncTalk

欢迎评论留言 [email protected]

名词解释
DSL: 专用领域语言 Domain-Specific Languages
ROI: 投资回报率 return on investment

主播
AnnatarHe: https://annatarhe.com

Timeline
00:00 感谢 Roy 的赞赏！
00:10 我们开通了 twitter: AsyncTalk
01:00 最近重写了遍官网，来聊一聊
02:02 官网和博客的特点：重 SEO, 低 ROI, 要面子, 高信息密度
04:20 技术选型: Gatsby, Astro 或者 Next.js
08:53 其他的技术选型？
09:51 写文章？选 MDX 吧
11:09 OpenGraph 还是要做的
12:19 如何生成 OpenGraph 的图？satori + sharp
14:00 讨好爬虫的手段: HTML 标签, a11y, RSS
16:40 官网博客应该接入其他服务吗？RSS, 打点分析
17:08 图片优化 - blurhash
18:20 怎么部署（白嫖）?

相关链接
twitter 账户: https://twitter.com/AsyncTalk
EP12 官网与 SEO: https://asynctalk.com/posts/ep12
WebWorker No.48 和 Astro Maintainer 瑞丰科普 Astro 使用心得、参与开源和成长感悟**:** https://podcast.webworker.tech/48
Gatsby - 曾经的 JAMStack 老大哥: https://github.com/gatsbyjs/gatsby
Astro: https://astro.build/
NextJS: https://nextjs.org/
Gatsby 5 is dead? https://github.com/gatsbyjs/gatsby/issues/38859
Ruby on rails - 曾经的后端框架王者: https://rubyonrails.org/
Jekyll - 静态站点生成: https://jekyllrb.com/
MDX: https://mdxjs.com/
The Open Graph Protocol: https://ogp.me/
satori - JSX 转 SVG: https://github.com/vercel/satori
sharp - JS 图像操作库: https://github.com/lovell/sharp
React Testing library: https://testing-library.com/docs/guiding-principles
Blurhash: https://blurha.sh/
Cloudflare Pages: https://pages.cloudflare.com/
Render.com: https://render.com/
Vercel: https://vercel.com/
DigitalOcean Apps: https://www.digitalocean.com/products/app-platform

扩展阅读
Domain-Specific Languages https://www.jetbrains.com/mps/concepts/domain-specific-languages/� 勘误

---

BGM by Otologic