rxliuli blog
·
使用 vitepress 时生成 rss
💡
原文中文，约4800字，阅读约需12分钟。
📝
内容提要
本文介绍了使用vitepress生成rss的方法。作者参考了网络教程和vue blog的思路，通过构建时获取所有html，并使用feed生成rss。文章还解决了一些问题，如生成的rss中包含特殊字符和图片链接不正确的问题。最后，作者总结了vitepress的性能优势。
🎯
关键要点
- 文章介绍了使用vitepress生成rss的方法。
- 作者参考了网络教程和vue blog的思路，通过构建时获取所有html并使用feed生成rss。
- 在安装依赖时使用了pnpm i -D feed命令。
- 在.vitepress/config.ts中编写了生成rss的逻辑。
- 生成的rss中包含特殊字符和图片链接不正确的问题。
- 解决特殊字符问题只需简单的字符串替换。
- 处理图片链接需要使用transformHtml hooks来获取最终渲染的地址。
- 安装node-html-parser依赖以处理html。
- 需要判断markdown中是否包含图片，才进行处理。
- 在生成rss时需要清理掉ssr相关的代码。
- 如果从node_modules下生成网站，createContentLoader可能无法正常工作，需覆盖glob.ignore选项。
- 作者总结了vitepress的性能优势，认为其性能优于docusaurus。
➡️
