最近有很多关于社交网络Bluesky 的讨论。如果您在那里有帐户并希望在博客上显示最新的状态更新,这里有一个简单的方法。
Vincent Will编写了一个名为bsky-embed 的脚本。您所需要做的就是输入您的用户名并根据您的喜好修改设置。我已使用以下设置将其添加到页脚:
<div class="bluesky"> <script src="https://cdn.jsdelivr.net/npm/bsky-embed/dist/bsky-embed.es.js" async></script> <bsky-embed username="birming.com" limit="1" load-more="false" custom-styles=".border-slate-300 { border: none; }" > </bsky-embed> </div>
bluesky div 类是我自己添加的,为小部件提供了与Bearming Theme相匹配的样式。这是 CSS 样式:
/* Bluesky */ .bluesky { margin: 30px 0; padding: 10px; font-family: var(--font-secondary); font-size: inherit; text-align: left; background: var(--accent-color); border-radius: 10px; }
祝你好运!