Merge pull request #36 from HomeofNever/phase2/embeds-comments

NeverBehave · web-flow · commit a73fb45d5dcc · 2026-04-02T00:41:59.000-07:00
diff --git a/eleventy.config.js b/eleventy.config.js
@@ -25,6 +25,20 @@ export default function (eleventyConfig) {
 
   eleventyConfig.setLibrary("md", md);
 
+  // --- Shortcodes ---
+  eleventyConfig.addShortcode("youtube", (id) => {
+    return `<div class="aspect-video my-4"><iframe src="https://www.youtube-nocookie.com/embed/${id}" title="YouTube video" frameborder="0" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="w-full h-full"></iframe></div>`;
+  });
+
+  eleventyConfig.addShortcode("tweet", (id, conversation) => {
+    const convoAttr = conversation === "none" ? ' data-conversation="none"' : "";
+    return `<blockquote class="twitter-tweet"${convoAttr}><a href="https://twitter.com/i/status/${id}">Tweet</a></blockquote>`;
+  });
+
+  eleventyConfig.addShortcode("telegram", (channel, msgid) => {
+    return `<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-post="${channel}/${msgid}" data-width="100%"></script>`;
+  });
+
   // --- Passthrough copy ---
   eleventyConfig.addPassthroughCopy("src/assets");
   eleventyConfig.addPassthroughCopy("src/static");
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -15,5 +15,8 @@
     {{ content | safe }}
   </main>
   {% include "footer.njk" %}
+  {% if "twitter-tweet" in content %}
+    <script async src="https://platform.twitter.com/widgets.js"></script>
+  {% endif %}
 </body>
 </html>
diff --git a/src/_includes/layouts/post.njk b/src/_includes/layouts/post.njk
@@ -31,4 +31,24 @@ layout: layouts/base.njk
   <div class="prose prose-lg max-w-none">
     {{ content | safe }}
   </div>
+
+  <hr class="my-12">
+
+  <section class="giscus-comments" aria-label="评论">
+    <script src="https://giscus.app/client.js"
+      data-repo="homeofnever/blog"
+      data-repo-id="MDEwOlJlcG9zaXRvcnkxNTI2NjcxNzQ="
+      data-category="Comments"
+      data-category-id="DIC_kwDOCRmEJs4C51bD"
+      data-mapping="pathname"
+      data-strict="0"
+      data-reactions-enabled="1"
+      data-emit-metadata="0"
+      data-input-position="top"
+      data-theme="light"
+      data-lang="zh-CN"
+      crossorigin="anonymous"
+      async>
+    </script>
+  </section>
 </article>
diff --git a/src/pages/about.md b/src/pages/about.md
@@ -17,7 +17,7 @@ permalink: /about/
 
 设定图做出来了
 
-<!-- TODO: Tweet embed, Phase 2 -->
+{% tweet "1162786240371937280" %}
 
 
 ### 2018.12.03
diff --git a/src/posts/2020-red-pack-writeup.md b/src/posts/2020-red-pack-writeup.md
@@ -12,7 +12,7 @@ date: 2021-01-01 20:00:01
 
 ## 剧情前提
 
-<!-- TODO: embed migration Phase 2 -->
+{% telegram "liyuans", "36350" %}
 
 
 在Leonn的博客频道看到这个, https://blog.berd.moe/archives/2020-review/
@@ -134,11 +134,9 @@ decrypt(h)
 
 🆒
 
-{% raw %}
 <pre>
-{{ cool_file }}
+🆕6️⃣🍿🍔🌭🥪🌮🍆🥑💬🍔💬🌭💬🥪💬🌮💬🍆💬🥑🛑🆕🔟🤔🖇🙃🍖🍟🥔🌽🥩🥕🌶️🌯🥥❓🆓⚖️🆓✖️🆓➗🙃🔢1️⃣8️⃣4️⃣7️⃣🔢🛑4️⃣🛑🔢2️⃣4️⃣8️⃣🔢🛑🆓🍿🌶️🥥🌽🥕🌽🥔🍿🌽🍖🌽🥩🌯🍟🛑🆓💬🔤🚫📥️🔛🔤🛑🛑💬🔤💻🔑🔑🔑🔑🔑🔑🔤🤔🎛️🔤9️⃣❤️9️⃣4️⃣🔤🔤1️⃣9️⃣7️⃣4️⃣🔤🔤4️⃣💜💛7️⃣🔤🔤➖🔤🔤🧡7️⃣9️⃣9️⃣🔤🔤8️⃣❤️4️⃣💛🔤🔤💚6️⃣0️⃣💛🔤🔤2️⃣5️⃣💙1️⃣🔤🔤2️⃣3️⃣7️⃣2️⃣🔤
 </pre>
-{% endraw %}
 
 首先我得说, 这个题目对Linux有点不友好, [🆒](https://gitlab.com/fogity/squared-cool) 是一个只能用emoji写的语言, Linux的emoji支持...
 
diff --git a/src/posts/2020-summary.md b/src/posts/2020-summary.md
@@ -9,7 +9,7 @@ description: 「さようなら」
 date: 2021-01-04 10:00:00
 ---
 
-<!-- TODO: embed migration Phase 2 -->
+{% youtube "RQsM2uvXow8" %}
 
 > ^背景音乐
 
@@ -25,7 +25,7 @@ date: 2021-01-04 10:00:00
 
 #### 毛装做出来了
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1218216503138451457" %}
 
 从国内运过来运费花了差不多1000RMB, 算是我在爱好上开销比较大的一次了  
 
@@ -143,9 +143,9 @@ date: 2021-01-04 10:00:00
 - 锁了 Instagram, 关闭大部分 Google 账户数据收集
 
 
-#### 转向了 FastMail  
+#### 转向了 FastMail
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1303101728921968641" %}
 
 在某个时间点开始, 我开始有意远离谷歌类的产品了, 第一件事就是把自己的邮箱彻底从谷歌搬走.
 
@@ -161,7 +161,7 @@ date: 2021-01-04 10:00:00
 
 #### 邮箱被人爆破了
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1286042436494655488" %}
 
 自己开了一个免费的邮箱托管服务, 结果自己设置了个弱密码, 没什么好说的
 
@@ -177,7 +177,7 @@ date: 2021-01-04 10:00:00
 
 #### 入了 3D 打印的坑
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1297718215003471874" %}
 
 搬家, 100刀从别人手里拿下了一台 Ender 3, 一通改装效果不错. 刷了 Klipper, 升级了 BLTouch
 
@@ -204,9 +204,9 @@ date: 2021-01-04 10:00:00
 
 不过好的是铁头给我的这个三手`86U`我出出去的时候居然还多了200RMB, ~~真的保值~~
 
-#### 拿到了ASN!  
+#### 拿到了ASN!
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1335886440874586113" %}
 
 https://bgp.he.net/AS212243
 
@@ -255,8 +255,7 @@ Honda CR-V 2021, 到落地差不多32k刀
 
 我倒不是说不想上, 家里给钱上学? 上学诶, 这可算是很轻松的活了好吧, 要是以前的我估计说不出这话, 但是看过这么多事情过来, 上学在其中可能算真的简单的了. 但是在研究生里要做什么确实得要好好想想了, 不能再过得浑浑噩噩的了
 
-<!-- TODO: embed migration Phase 2 -->  
-
+{% youtube "MBRqu0YOH14" %}
 
 > 在最后放上这个小视频结尾: 成就和错误终将回归烟云, 散落四周.   
 > 有起有落才是人生; 少年啊, 真正的愁苦是说不出来的.  
diff --git a/src/posts/keep-your-google-voice-with-sao.md b/src/posts/keep-your-google-voice-with-sao.md
@@ -74,11 +74,23 @@ Tasker 是我当时为了挂国内短信卡而购入的一款自动化软件, 
 
 自动回复指令: `/sao`, 不要多也不要少哦
 
-{% raw %}
-`(`{{ front }}`)`{{ middle }}`-`{{  end }}
-
-<!-- TODO: interactive widget, Phase 2 -->
-{% endraw %}
+<code>(<span id="gv-front">258</span>) <span id="gv-middle">1776</span>-<span id="gv-end">10000</span></code>
+
+<button id="gv-recal" style="padding: 4px 12px; cursor: pointer;">计算</button>
+
+<script>
+(function() {
+  var front = 258, middle = 1776, end = 10000;
+  document.getElementById('gv-recal').addEventListener('click', function() {
+    front -= 17;
+    middle /= 2;
+    end -= 160;
+    document.getElementById('gv-front').textContent = front;
+    document.getElementById('gv-middle').textContent = middle;
+    document.getElementById('gv-end').textContent = end;
+  });
+})();
+</script>
 
 就酱~
 
diff --git a/src/posts/my-lovely-hard-drives.md b/src/posts/my-lovely-hard-drives.md
@@ -46,7 +46,7 @@ description: Seagate Expansion, WD mybook, Elements, 12tb, 10tb, 8tb, 我都买
 
 ![10tb 174USD, 8tb 145USD](/assets/media/my-lovely-hard-drives/newegg_1.png)
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1254180643682095105" %}
 
 虽然很多人说希捷的盘不是很好, 到时候反正也要组个 raid, 我自己之前的希捷盘也用了 8000 个小时, 感觉问题不大
 
@@ -83,8 +83,8 @@ description: Seagate Expansion, WD mybook, Elements, 12tb, 10tb, 8tb, 我都买
 希捷的盘不掉速, WD 会有波动
 虽然说 https://post.smzdm.com/p/aoo6m4l6/ 这篇评测说不是 SMR, 但是掉速这个很奇怪
 
-<!-- TODO: embed migration Phase 2 -->
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1254287135106117632", "none" %}
+{% tweet "1254699445100384256", "none" %}
 
 测速原图, USB:
 
@@ -154,7 +154,7 @@ description: Seagate Expansion, WD mybook, Elements, 12tb, 10tb, 8tb, 我都买
 
 #### 开箱
 
-<!-- TODO: embed migration Phase 2 -->
+{% tweet "1258465154670436353", "none" %}
 ![](/assets/media/my-lovely-hard-drives/easystore_10tb_openbox.jpg)
 
 #### 拆
diff --git a/src/posts/nano-pi-neo2-first-experience.md b/src/posts/nano-pi-neo2-first-experience.md
@@ -57,7 +57,7 @@ Zerotier 黑箱子实在不好debug...
 
 淘宝店铺最低的是99，当我看上了准备买的时候，发现商家是广州的，一问是不是在岗顶的新赛格，还真的是，于是直接上门买了，省下10块钱邮费，嘻嘻
 
-<!-- TODO: embed migration Phase 2 -->
+{% telegram "ButNothingHappened", "2956" %}
 
 ## 跑！
 
@@ -81,7 +81,7 @@ NanoPI的卡槽是有弹簧的，这个比树莓派体验好上不少
 
 ### 开机
 
-<!-- TODO: embed migration Phase 2 -->
+{% telegram "ButNothingHappened", "2958" %}
 
 （见上图）开机直接飙到46度，是有点小难受，早知道就配上散热片了，开久了亚克力板还是有点烫的。因为是监控机要求长时间开着，这个算是有点失策。
 
diff --git a/src/posts/space-and-s-p-a-c-e.md b/src/posts/space-and-s-p-a-c-e.md
@@ -53,7 +53,7 @@ _注：本文不会过多描述编码，直接切入话题。如果不了解相
 str.split('').join(' ')
 ```
 
-<!-- TODO: embed migration Phase 2 -->
+{% telegram "ButNothingHappened", "3010" %}
 
 这个问题是啥呢？我们来看看[MDN - Split](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split#Syntax)的文档:
 
diff --git a/src/posts/tasker-messenger.md b/src/posts/tasker-messenger.md
@@ -92,7 +92,7 @@ WVDEVID
 
 其实是有的：
 
-<!-- TODO: embed migration Phase 2 -->
+{% telegram "ButNothingHappened", "2823" %}
 
 研究了一下`SIM`模块，发现……真的贵：至少国外的价格不便宜，~~想要找人从国内带开发板~~，于是就先这样了
 
