close

點擊上方藍字關注我們


一、由twilik所提供的用一個div和一個腳本標籤來製作的可嵌入式rss

官方:https://www.twilik.com/embed-your-medium-blog

只需在希望RSS顯示的任何位置放置一個帶有選項的 div 標籤作為屬性,並在頁面底部包含一個 javascript 文件即可

演示頁面:https://www.twilik.com/medium-embed-demo

例:1:https://codepen.io/chrisj74/pen/vvEppa

例2:https://codepen.io/chrisj74/pen/yGypqO

代碼演示:

<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>medium-embed-3</title> </head> <!-- Start embed --> <div id="retainable-rss-embed" data-rss="https://noisevip.cn/feed" data-maxcols="6" data-layout="grid" data-poststyle="inline" data-readmore="Read the rest" data-buttonclass="btn btn-primary" data-offset="-200"></div> <!-- End embed --> <!-- place near the bottom of your page --> <script src="https://www.twilik.com/assets/retainable/rss-embed/retainable-rss-embed.js"></script>>

現在,你可以試着將它製作或單獨託管或嵌入到如Markdown、Notion中去

二、使用p3k.org製作RSSBOX頁面

它是可定製化的,你可以在https://p3k.org/rss/ 中在線製作

它提供了一種簡單的方法,通過自動生成的JavaScript標籤將此類RSS框嵌入任何有效的HTML文檔中

只需輸入任何兼容的RSS提要的URL,根據需要修改布局設置,然後按「重新加載」按鈕即可完成

示例:RSS訂閱組件 (noisework.cn/widgets/rss/index.html)

同樣你可使用它來嵌入到其它頁面中

以上就是兩種完全免費快速嵌入的方法,找到我:www.noisework.cn

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 鑽石舞台 的頭像
    鑽石舞台

    鑽石舞台

    鑽石舞台 發表在 痞客邦 留言(0) 人氣()