記事末にいいね（拍手）を置く (#1949)

scripts/likes.js

@@ -0,0 +1,40 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * いいねの数（#1949）。
+ *
+ * 数は Cloudflare Worker + KV が持ち、update-cache.yml が毎日ダンプして
+ * like_count_cache.json にコミットする。表示はここで焼き込むので、
+ * 読者のブラウザから数を読みに行くリクエストは発生しない。
+ */
+
+// permalink の :year:month:day:postid と同じ形。KV のキーもこの ID で、
+// _config.yml の alias で URL を付け替えても数が残る
+const POSTID = /^20\d{6}[a-z]?$/;
+
+// scripts/ はホットリロードされないので、プロセスの生存中は読み直さない
+let counts = null;
+
+function load() {
+  if (counts) return counts;
+  try {
+    const file = path.join(hexo.base_dir, 'like_count_cache.json');
+    counts = JSON.parse(fs.readFileSync(file, 'utf8')).likes || {};
+  } catch (e) {
+    // バッチが回るまでは存在しない。0本として描く
+    counts = {};
+  }
+  return counts;
+}
+
+hexo.extend.helper.register('like_post_id', function (post) {
+  const matched = /articles\/([^/]+)\//.exec((post && post.path) || '');
+  return matched && POSTID.test(matched[1]) ? matched[1] : '';
+});
+
+hexo.extend.helper.register('like_count', function (postid) {
+  return load()[postid] || 0;
+});

themes/future/_config.yml

@@ -14,6 +14,10 @@ featured_count: 10
 # min_count は旧実装（全期間シェア数順）の閾値で、置き換えに伴い廃止した
 tag_display_max_count: 10
 
+# いいねの送り先 (#1949)。Cloudflare Worker の URL。
+# 空なら押しても何も起きないのでボタンごと出さない
+likes_endpoint:
+
 # Integrations(GA4 プロパティ)
 google_analytics: G-X1C28R8H0M
 

themes/future/css-src/_variables.styl

@@ -460,6 +460,14 @@ footer-underline-speed = 0.25s
 // 間隔の 4px 刻みとは別の系統なので、space-step からは導かない
 link-underline-offset = 2px
 
+// いいねを押した瞬間の跳ね（#1949）。時間の段の2つ目の例外で、
+// いいねボタンでしか使わない。状態の変化（state-speed）と役が違う——
+// あちらは「切り替わったことが分かる程度で待たされない長さ」だが、
+// こちらは一度きりの合図なので、跳ねて戻るところまで見えないと意味が無い。
+// 0.18s では往復が潰れる。押せるのは1記事につき1回で、
+// 読んでいる途中に何度も出るものではない
+like-pop-speed = 0.3s
+
 // 状態が変わったことを見せる速さ。反応（hover-speed）とは役が違うので別に持つが、
 // **状態の変化の側も1つだけ**。タブの切り替え・ドロップダウンと引き出しの開閉・
 // 検索窓の伸縮・折りたたみの開閉が対象で、中身が入れ替わったことが分かる程度で