如何为 RSS 提要编写自己的样式

Question

我一直在使用 RSS.app 为 Instagram 帖子创建 RSS 提要。我确实通过他们的网站尽可能地定制了小部件，但这并不是客户想要的方式。所以我想到为 RSS 提要编写自定义 CSS。

所以我想我的问题是，有什么方法可以让我为该 RSS 提要编写自己的样式。如果没有，那么有没有一个网站可以让我根据自己的喜好生成和设置 RSS 提要的样式。

我使用 RSS.app 的原因是因为它允许您使用 public Instagram 帐户创建提要，而无需询问客户帐户的凭据。

下面是我从他们的网站生成的自定义 RSS 提要。这是一个codeSandbox

<rssapp-wall id="FBJdgbQhIgkwCJp3"></rssapp-wall>
    <script
      src="https://widget.rss.app/v1/wall.js"
      type="text/javascript"
      async
    ></script>

And this is the design I'm hoping to create.

如有任何帮助或建议，我们将不胜感激。谢谢！

Answer 1

您可以只使用 API 资源并构建您自己的 DOM，这可能比破解 Web 组件生成的 dom 更简单。

<pre id="feed"></pre>
<script>
  fetch("https://rss.app/api/widget/wall/FBJdgbQhIgkwCJp3?")
    .then(res => res.json())
    .then(v => document.getElementById("feed").innerHTML = JSON.stringify(v,null,2)
  );
</script>

如何为 RSS 提要编写自己的样式

How to write your own styles for RSS feeds

javascript

css

rss