📕 Shownotes
让我猜猜，你是不是也想自己写个博客官网啥的？
来听听这期节目试试有没有其他有趣的方案吧～
感谢 Roy 的赞赏
也记得要关注 twitter 哦: https://twitter.com/AsyncTalk
欢迎评论留言 async.talk@gmail.com
名词解释
- 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