https://blog.iusr.net/tags/sns/ Recent content in SNS on IUSR's Ughten of Silent Requiem Hugo zh-CN i-at-iusr.net (IUSR) i-at-iusr.net (IUSR) Tue, 21 Apr 2026 00:29:26 -0700 https://blog.iusr.net/2026/04/test-sns/ Tue, 21 Apr 2026 00:29:26 -0700i-at-iusr.net (IUSR) https://blog.iusr.net/2026/04/test-sns/ <p>新主题对Bluesky的支持匮乏得发指，抄了几个社交网络shortcode来试试看。</p> <p>Bluesky:</p> <div class="social-card-final social-card-platform-bluesky cnt-undo" style="margin: 1.5rem auto; max-width: 550px; border: 1px solid var(--color-neso-deco2); border-radius: 12px; padding: 16px; background: var(--color-neso-bg2); color: var(--color-neso-fg2); font-family: var(--font-sans); position: relative; overflow: hidden;"> <div style="display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 8px;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="https://blog.iusr.net/bafkreife7hom57ybkud4ms3prdhibblcc56s22twvjusnfpodvyieqfdzy_15251682172828709595_hu_68421a22839f298e.webp" style="width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; object-fit: cover;" /> <div style="display: flex; flex-direction: column; line-height: 1.2;"> <span class="social-card-author-name" style="font-weight: 700; color: var(--color-neso-fg1);">小径残雪</span> <span class="social-card-author-handle" style="color: var(--color-neso-fg3);">@xiaojingcanxue.bsky.social</span> </div> </div> <a href="https://bsky.app/profile/xiaojingcanxue.bsky.social/post/3mjxzasjkb227" target="_blank" style="color: #0085ff; align-self: flex-start; margin-top: 2px; transition: transform 0.2s ease-in-out; display: flex; flex-shrink: 0;" onmouseover="this.style.transform='scale(1.2)'" onmouseout="this.style.transform='scale(1)'"> <svg width="28" height="28" viewBox="0 0 48 48" fill="currentColor" style="display: block;"><path d="M10.971 6.76c5.274 4.008 10.947 12.134 13.03 16.495 2.082-4.36 7.754-12.487 13.028-16.495C40.834 3.868 47 1.63 47 8.75c0 1.422-.805 11.946-1.278 13.654-1.642 5.94-7.625 7.455-12.947 6.538 9.303 1.603 11.67 6.912 6.559 12.221-9.707 10.083-13.952-2.53-15.04-5.761-.2-.593-.293-.87-.294-.634-.001-.236-.095.041-.294.634-1.088 3.231-5.332 15.845-15.04 5.761-5.11-5.309-2.744-10.618 6.56-12.22-5.323.916-11.307-.599-12.948-6.539C1.805 20.697 1 10.172 1 8.75c0-7.12 6.166-4.882 9.97-1.99h.001Z"/></svg> </a> </div> <div class="social-card-body" style="margin-bottom: 12px; color: var(--color-neso-fg1);">雷颐：史书中“无关痛痒”的一句话，往往事关千百万人的悲欢离合。/1 </div><style>#sc-fb7c994ba2eef4f7241f2a7b8436ec0f::-webkit-scrollbar{display:none}</style> <div style="margin: 8px 0 4px; overflow: hidden;"> <div id="sc-fb7c994ba2eef4f7241f2a7b8436ec0f" style="display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-radius: 8px;"><img src="https://blog.iusr.net/bafkreidorgynutkl25zycy4nisfkljyxodopcqmqgqcy3ebcjd672ovkja_5783251667600188101_hu_8b58b6fd843bb7bf.webp" alt="" onclick="window.__scLb&&window.__scLb(this.src)" style="scroll-snap-align: start; flex-shrink: 0; width: 100%; height: 280px; object-fit: cover; border-radius: 8px; cursor: pointer; display: block; margin: 0 !important;" loading="lazy"><img src="https://blog.iusr.net/bafkreidnst552zud6arhzwkthlodhe3wnkb7we2bb7y7uqulribap6fyhy_3293380988476578388_hu_3df8fa22fb502bd3.webp" alt="" onclick="window.__scLb&&window.__scLb(this.src)" style="scroll-snap-align: start; flex-shrink: 0; width: 100%; height: 280px; object-fit: cover; border-radius: 8px; cursor: pointer; display: block; margin: 0 !important;" loading="lazy"><img src="https://blog.iusr.net/bafkreigvporqjqnematssf2h2tkzewfklc375ixu4qeuscnks36c447evu_15320410859544519486_hu_c7bf50d3dec259b8.webp" alt="" onclick="window.__scLb&&window.__scLb(this.src)" style="scroll-snap-align: start; flex-shrink: 0; width: 100%; height: 280px; object-fit: cover; border-radius: 8px; cursor: pointer; display: block; margin: 0 !important;" loading="lazy"><img src="https://blog.iusr.net/bafkreiaapnkzqm5ngcqcfbsahvepqi3lvkusogpxo7xvukbp2yyywnenmu_550112281179684710_hu_d4f4ed71e24a27f5.webp" alt="" onclick="window.__scLb&&window.__scLb(this.src)" style="scroll-snap-align: start; flex-shrink: 0; width: 100%; height: 280px; object-fit: cover; border-radius: 8px; cursor: pointer; display: block; margin: 0 !important;" loading="lazy"></div> <div id="sd-fb7c994ba2eef4f7241f2a7b8436ec0f" style="display: flex; justify-content: center; gap: 6px; margin-top: 8px; margin-bottom: 12px;"><button onclick="(function(){var c=document.getElementById('sc-fb7c994ba2eef4f7241f2a7b8436ec0f');c.scrollTo({left:c.children[ 0 ].offsetLeft,behavior:'smooth'});})()" aria-label="Image 1" style="width: 8px; height: 8px; border-radius: 50%; border: none; background: var(--color-neso-fg2); cursor: pointer; padding: 0; transition: background 0.2s;"></button><button onclick="(function(){var c=document.getElementById('sc-fb7c994ba2eef4f7241f2a7b8436ec0f');c.scrollTo({left:c.children[ 1 ].offsetLeft,behavior:'smooth'});})()" aria-label="Image 2" style="width: 8px; height: 8px; border-radius: 50%; border: none; background: var(--color-neso-deco2); cursor: pointer; padding: 0; transition: background 0.2s;"></button><button onclick="(function(){var c=document.getElementById('sc-fb7c994ba2eef4f7241f2a7b8436ec0f');c.scrollTo({left:c.children[ 2 ].offsetLeft,behavior:'smooth'});})()" aria-label="Image 3" style="width: 8px; height: 8px; border-radius: 50%; border: none; background: var(--color-neso-deco2); cursor: pointer; padding: 0; transition: background 0.2s;"></button><button onclick="(function(){var c=document.getElementById('sc-fb7c994ba2eef4f7241f2a7b8436ec0f');c.scrollTo({left:c.children[ 3 ].offsetLeft,behavior:'smooth'});})()" aria-label="Image 4" style="width: 8px; height: 8px; border-radius: 50%; border: none; background: var(--color-neso-deco2); cursor: pointer; padding: 0; transition: background 0.2s;"></button></div> </div> <script>(function(){var c=document.getElementById('sc-fb7c994ba2eef4f7241f2a7b8436ec0f'),ds=document.getElementById('sd-fb7c994ba2eef4f7241f2a7b8436ec0f').querySelectorAll('button');c.addEventListener('scroll',function(){var i=Math.round(c.scrollLeft/c.offsetWidth);ds.forEach(function(d,j){d.style.background=j===i?'var(--color-neso-fg2)':'var(--color-neso-deco2)';});},{passive:true});})()</script><div style="border-top: 1px solid var(--color-neso-deco3); padding-top: 12px; margin-top: 16px; display: flex; justify-content: space-between; align-items: center;"> <time class="social-card-time" datetime="2026-04-21T03:13:44Z" style="color: var(--color-neso-fg3);">Apr 21, 2026 at 3:13 AM UTC</time> <a class="social-card-footer-link" href="https://bsky.app/profile/xiaojingcanxue.bsky.social/post/3mjxzasjkb227" target="_blank" style="color: #0085ff; font-weight: 600; text-decoration: none; transition: color 0.2s ease-in-out;" onmouseover="this.style.color='#33a1ff'" onmouseout="this.style.color='#0085ff'">View on Bluesky</a> </div> </div><script> if (!window.__scLb) { var _lbImg = document.createElement('img'); _lbImg.style.cssText = 'max-width:92vw;max-height:92vh;object-fit:contain;border-radius:8px;cursor:default;'; _lbImg.addEventListener('click', function(e) { e.stopPropagation(); }); var _lbOv = document.createElement('div'); _lbOv.style.cssText = 'display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.88);cursor:zoom-out;align-items:center;justify-content:center;'; _lbOv.appendChild(_lbImg); _lbOv.addEventListener('click', function() { _lbOv.style.display = 'none'; document.body.style.overflow = ''; }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { _lbOv.style.display = 'none'; document.body.style.overflow = ''; } }); document.body.appendChild(_lbOv); window.__scLb = function(src) { _lbImg.src = src; _lbOv.style.display = 'flex'; document.body.style.overflow = 'hidden'; }; } </script>