让我猜猜,你是不是也想自己写个博客官网啥的?
来听听这期节目试试有没有其他有趣的方案吧~
感谢 Roy 的赞赏
也记得要关注 twitter 哦: twitter.com
欢迎评论留言 async.talk@gmail.com
名词解释
DSL: 专用领域语言 Domain-Specific Languages
ROI: 投资回报率 return on investment
主播
AnnatarHe: 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 账户: twitter.com
EP12 官网与 SEO: asynctalk.com
WebWorker No.48 和 Astro Maintainer 瑞丰科普 Astro 使用心得、参与开源和成长感悟**:** podcast.webworker.tech
Gatsby - 曾经的 JAMStack 老大哥: github.com
Astro: astro.build
NextJS: nextjs.org
Gatsby 5 is dead? github.com
Ruby on rails - 曾经的后端框架王者: rubyonrails.org
Jekyll - 静态站点生成: jekyllrb.com
MDX: mdxjs.com
The Open Graph Protocol: ogp.me
satori - JSX 转 SVG: github.com
sharp - JS 图像操作库: github.com
React Testing library: testing-library.com
Blurhash: blurha.sh
Cloudflare Pages: pages.cloudflare.com
Render.com: render.com
Vercel: vercel.com
DigitalOcean Apps: www.digitalocean.com
扩展阅读
Domain-Specific Languages www.jetbrains.com� 勘误
BGM by Otologic