高颜值RSS.Beauty部署使用教程
原来Rss也能这么漂亮,rss.beauty是一个基于vue3.x的rss阅读器,可以快速搭建一个rss阅读器,并且可以很方便的定制自己的rss阅读器。
前言
抄到了 Astro主题 作业 咱就说作者:韩总 其中用到的Rss真的是眼前一亮
rss美化效果直接上教程
使用教程
rss.beauty 官网:https://rss.beauty/
这里就不讲部署教程了,咱们直接说使用 官方提供了三种使用教程 (我比较懒,咱就用一种)
- 使用rss.beauty的rss.xsl
- 下载样式文件
- RSS 2.0 格式:访问 http://your-domain.com/rss.xsl 下载
- Atom 格式:访问 http://your-domain.com/atom.xsl 下载
- 将样式文件放在您的静态资源目录中(注意:必须与 RSS 源在同一域名下)
- 在的 RSS 文件头部添加以下代码(在 之后):
<!-- RSS 2.0 格式使用这个 -->
<?xml-stylesheet type="text/xsl" href="/path/to/rss.xsl"?>
<!-- Atom 格式使用这个 -->
<?xml-stylesheet type="text/xsl" href="/path/to/atom.xsl"?>
直接访问即可。
Astro主题
下载 RSS 2.0 格式:访问 http://your-domain.com/rss.xsl
将下载的 rss.xsl 文件保存到的项目中的 public 目录下 建议 Restart 访问即可。