原文中文,约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。
🏷️