Deploy from Siya-33/blog-file@12347a5 🚀

index.xml

@@ -268,6 +268,7 @@ data-flex-basis="639px"
 <p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>
 还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>
 好处也有，以前的文章先不用管了哈哈</p>
+<p>。。。第一次部署的时候把bluesky简写成bsky了🥲</p>
 <h2 id="致谢">致谢
 </h2><p>Cover:<a class="link" href="https://x.com/makeine_anime" target="_blank" rel="noopener"
 >負けヒロインが多すぎる！</a><br>

post/bluesky-comments/index.html

@@ -9,7 +9,7 @@
 <span>暗色模式</span></li></ol></li></ol></aside><main class="main full-width"><article class="has-image main-article"><header class=article-header><div class=article-image><a href=/post/bluesky-comments/><img src=/post/bluesky-comments/cover.webp width=1920 height=1080 loading=lazy alt="Featured image of post 在博客中集成 Bluesky 评论"></a></div><div class=article-details><div class=article-title-wrapper><h2 class=article-title><a href=/post/bluesky-comments/>在博客中集成 Bluesky 评论</a></h2></div><footer class=article-time><div><svg class="icon icon-tabler icon-tabler-calendar-time" width="56" height="56" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><path d="M11.795 21H5a2 2 0 01-2-2V7a2 2 0 012-2h12a2 2 0 012 2v4"/><circle cx="18" cy="18" r="4"/><path d="M15 3v4"/><path d="M7 3v4"/><path d="M3 11h16"/><path d="M18 16.496V18l1 1"/></svg>
 <time class=article-time--published>2024-12-23</time></div><div><svg class="icon icon-tabler icon-tabler-clock" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 15"/></svg>
 <time class=article-time--reading>阅读时长: 3 分钟</time></div><div><svg class="icon icon-tabler icon-tabler-file-description" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 001 1h4"/><path d="M17 21H7a2 2 0 01-2-2V5a2 2 0 012-2h7l5 5v11a2 2 0 01-2 2z"/><path d="M9 17h6"/><path d="M9 13h6"/></svg>
-<time class=article-words>1017字</time></div></footer></div></header><section class=article-content><blockquote><p>有一天我看到了<a class=link href=https://passivestar.xyz/posts/hugo/ target=_blank rel=noopener>passivestar</a>的博客，发现他把 <code>Bluesky</code> 的评论集成到了博客内，但是看到<a class=link href=https://github.com/czue/bluesky-comments target=_blank rel=noopener>文末项目</a>的使用对我来说太过复杂和繁琐。<br>因此我在<a class=link href=https://bsky.app/profile/did:plc:q7w52744vwysd6iobeqo5tni/post/3lbsizqjik22o target=_blank rel=noopener>Lou</a>的启发下，想结合Hugo模板尽量方便地在网站内使用</p></blockquote><p>接下来我以当前使用的 Stack 主题为例</p><p>首先我想向原先的评论系统一样在正文下方单开一个card，复制 <code>single.html</code> 到 <code>layouts\_default</code>，并在28至34行处插入代码</p><details><summary class=toggle-button>single.html</summary><p></p><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
+<time class=article-words>1045字</time></div></footer></div></header><section class=article-content><blockquote><p>有一天我看到了<a class=link href=https://passivestar.xyz/posts/hugo/ target=_blank rel=noopener>passivestar</a>的博客，发现他把 <code>Bluesky</code> 的评论集成到了博客内，但是看到<a class=link href=https://github.com/czue/bluesky-comments target=_blank rel=noopener>文末项目</a>的使用对我来说太过复杂和繁琐。<br>因此我在<a class=link href=https://bsky.app/profile/did:plc:q7w52744vwysd6iobeqo5tni/post/3lbsizqjik22o target=_blank rel=noopener>Lou</a>的启发下，想结合Hugo模板尽量方便地在网站内使用</p></blockquote><p>接下来我以当前使用的 Stack 主题为例</p><p>首先我想向原先的评论系统一样在正文下方单开一个card，复制 <code>single.html</code> 到 <code>layouts\_default</code>，并在28至34行处插入代码</p><details><summary class=toggle-button>single.html</summary><p></p><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
 </span><span class=lnt> 2
 </span><span class=lnt> 3
 </span><span class=lnt> 4
@@ -225,10 +225,10 @@
 </span></span><span class=line><span class=cl>      <span class=p>}</span>
 </span></span><span class=line><span class=cl>    <span class=p>});</span>
 </span></span><span class=line><span class=cl>  <span class=p>&lt;/</span><span class=nt>script</span><span class=p>&gt;</span>
-</span></span></code></pre></td></tr></table></div></div></details></p><p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>好处也有，以前的文章先不用管了哈哈</p><h2 id=致谢>致谢</h2><p>Cover:<a class=link href=https://x.com/makeine_anime target=_blank rel=noopener>負けヒロインが多すぎる！</a><br><a class=link href=https://docs.bsky.app/ target=_blank rel=noopener>BlueSky API文档</a><br><a class=link href=https://bsky.app/profile/did:plc:q7w52744vwysd6iobeqo5tni/post/3lbsizqjik22o target=_blank rel=noopener>@Lou</a><br><a class=link href=https://passivestar.xyz/posts/hugo/ target=_blank rel=noopener>@passivestar</a><br><a class=link href=https://github.com/czue/bluesky-comments target=_blank rel=noopener>@Cory Zue</a></p></section><footer class=article-footer><section class=article-tags><a href=/tags/comments/>Comments</a>
+</span></span></code></pre></td></tr></table></div></div></details></p><p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>好处也有，以前的文章先不用管了哈哈</p><p>。。。第一次部署的时候把bluesky简写成bsky了🥲</p><h2 id=致谢>致谢</h2><p>Cover:<a class=link href=https://x.com/makeine_anime target=_blank rel=noopener>負けヒロインが多すぎる！</a><br><a class=link href=https://docs.bsky.app/ target=_blank rel=noopener>BlueSky API文档</a><br><a class=link href=https://bsky.app/profile/did:plc:q7w52744vwysd6iobeqo5tni/post/3lbsizqjik22o target=_blank rel=noopener>@Lou</a><br><a class=link href=https://passivestar.xyz/posts/hugo/ target=_blank rel=noopener>@passivestar</a><br><a class=link href=https://github.com/czue/bluesky-comments target=_blank rel=noopener>@Cory Zue</a></p></section><footer class=article-footer><section class=article-tags><a href=/tags/comments/>Comments</a>
 <a href=/tags/hugo/>Hugo</a></section><section class=article-copyright><svg class="icon icon-tabler icon-tabler-copyright" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="12" cy="12" r="9"/><path d="M14.5 9a3.5 4 0 100 6"/></svg>
 <span>Licensed under CC BY-NC-SA 4.0</span></section><section class=article-lastmod><svg class="icon icon-tabler icon-tabler-clock" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 15"/></svg>
-<span>最后更新于 2024-12-24 04:01 CST</span></section></footer></article><script type=module src=https://cdn.jsdelivr.net/gh/Siya-33/static@1.2.6/js/bsky-comments.js></script><bsky-comments post=at://did:plc:ne3g57sdd2e2zljt3ra2wmwe/app.bsky.feed.post/3ldyptk7lo22y></bsky-comments><style>bsky-comments{--background-color:var(--card-background);--text-color:var(--card-text-color-main);--link-color:var(--code-text-color);--link-hover-color:#be1df8;--comment-meta-color:#5E9595;--error-color:red;--reply-border-color:var(--body-text-color)
+<span>最后更新于 2024-12-24 04:01 CST</span></section></footer></article><script type=module src=https://cdn.jsdelivr.net/gh/Siya-33/static@1.2.6/js/bsky-comments.js></script><bsky-comments post=at://did:plc:ne3g57sdd2e2zljt3ra2wmwe/app.bsky.feed.post/3ldytsqppxc2t></bsky-comments><style>bsky-comments{--background-color:var(--card-background);--text-color:var(--card-text-color-main);--link-color:var(--code-text-color);--link-hover-color:#be1df8;--comment-meta-color:#5E9595;--error-color:red;--reply-border-color:var(--body-text-color)
         --button-background-color: var(--card-background);--button-hover-background-color:var(--card-background);--author-avatar-border-radius:100%}</style><script>document.addEventListener("DOMContentLoaded",function(){const e=document.querySelector("bsky-comments");if(e){const t=document.createElement("style");t.textContent=`
           comments {
             border-radius: var(--card-border-radius);

post/index.xml

@@ -268,6 +268,7 @@ data-flex-basis="639px"
 <p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>
 还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>
 好处也有，以前的文章先不用管了哈哈</p>
+<p>。。。第一次部署的时候把bluesky简写成bsky了🥲</p>
 <h2 id="致谢">致谢
 </h2><p>Cover:<a class="link" href="https://x.com/makeine_anime" target="_blank" rel="noopener"
 >負けヒロインが多すぎる！</a><br>

tags/comments/index.xml

@@ -268,6 +268,7 @@ data-flex-basis="639px"
 <p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>
 还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>
 好处也有，以前的文章先不用管了哈哈</p>
+<p>。。。第一次部署的时候把bluesky简写成bsky了🥲</p>
 <h2 id="致谢">致谢
 </h2><p>Cover:<a class="link" href="https://x.com/makeine_anime" target="_blank" rel="noopener"
 >負けヒロインが多すぎる！</a><br>

tags/hugo/index.xml

@@ -268,6 +268,7 @@ data-flex-basis="639px"
 <p>目前还没将这个功能pull到原主题，因为和原来的评论系统有点割裂，需要单独加一个参数而不是放到provider里，暂时好像只能这样做。<br>
 还有点可惜的是这个js现在不能显示该帖子的点赞数，过滤评论之类的功能都没有提及的那个项目完善，不过对我来说小巧易用就行<br>
 好处也有，以前的文章先不用管了哈哈</p>
+<p>。。。第一次部署的时候把bluesky简写成bsky了🥲</p>
 <h2 id="致谢">致谢
 </h2><p>Cover:<a class="link" href="https://x.com/makeine_anime" target="_blank" rel="noopener"
 >負けヒロインが多すぎる！</a><br>