看到 Wei 的《我不想日更啦》提到寫作日曆，想到 Alex 的頁面也有，感覺做一個放在/about頁面也不錯，可以很直觀和即時數據放在一起，看自己部落格的寫作情況，又可以直接連到每篇文章，滿喜歡的。

1.隨機功能​

只是看到 Wiwi 和 Jaron 還有一些格友都有做，雖然我文章數不多，又都是廢文（？）但是自己用來隨機看一些小時候發的恥文，也滿有意思的，我參考的是 Jaron 的樣式。

2.小工具​

做完貼紙模擬器之後，發現好像累積了不少小網頁，但是有時候我自己都找不到，就新增了一個小工具頁面把它們統整起來，這裡全部都是 AI 生成來自己玩的小東西。

3.興趣​

新增了一個動漫清單，參考自《那些沒人在乎的事》的 Tier 表分類，動漫看的不太多，暫時沒想到還有沒有什麼作品忘記放上去。

4.貼文列表​

真的是一個超級小的更動，docusaurus 預設 /archive 頁面的順序是從最舊排到最新，我覺得非常的不直覺，最新的文章竟然不是出現在最上面，不舒服幾次之後就改掉了。

4.首頁​

另一個迷你級更動，我把首頁的隨機照片改成可以用滑的，不然手機的顯示點箭頭很不方便，電腦版兩種方式都可以。再來就是我把進入首頁的動畫調成兩倍速，因為自己等得很煩（到底誰設計的）。

後記​

發現大部份改動好像都是為了自己看自己的部落格更方便，畢竟我自己就是最常逛這個網頁的人 XD

傍晚又跟同事請特休躲避下班人潮，跑去逛街吃飯。

哲哲：「之前的錢算一算我還欠你 100，加上晚餐的 420，轉給你 520。」

我：「好哦，OKOK。」 （拿出銀行條碼給他掃）

排隊快輪到我們的時候：​

我：「耶，店裡的機器好像只收現金耶，可是我只帶手機。還是你給我 1000，然後我再傳給你 1000？」

哲哲：「好哦，OKOK。」 （哲哲拿出銀行條碼給我掃，然後從錢包拿 1000 元給我）

付完錢出去等的時候：​

哲哲：「耶，可是我傳給你的 520 已經包含餐錢了吧？」

我：「喔喔對耶，那我再轉 420 給你。」 （我又轉了 420 元給他）

吃完飯之後：​

我：「不對吧，可是轉 1000 前已經結清了吧？那我們互給 1000，是不是多轉了 420 給你？」

哲哲：「對耶，那是不是我再轉給你？」

我：「沒關係，買義大利三明治給我吃就好了！」

最近 Shuyu 大大的 Icon 圖庫上線了¹，等待好久果然沒有失望，超級可愛的！

昨天睡前突然想到一個點子，如果這些可愛的像素小圖是一張張貼紙的話，貼滿筆電或是行李箱不知道長什麼樣子？好像會很可愛耶，於是我生成了一個「貼紙模擬器」小工具，這樣就可以模擬看看貼滿貼紙的風格好不好看。

成果​

成品我覺得很可愛耶！滿好玩的，連結在這裡：貼紙模擬器，也可以用自己的圖片玩看看喲。

Footnotes​

1. 可以參考 shuyu 大大的架站心得 ↩

Photo by Alex Litvin on Unsplash

「費米推定」指的是用簡單地方法驗證一個假設的估算問題，命名自著名的科學家恩里科·費米(Enrico Fermi)，例如費米本人提出過：「在芝加哥有多少鋼琴調琴師」，計算出來差距非常小，有興趣可以參見維基百科的說明。

一個人一生能看多少電影？​

今天新增電影清單時，看到恰好整整四百部了，我就很好奇一件事，一個人一生到底能看多少電影？我看的電影到底算不算多？假設一個人的「有效觀影壽命」大約是 70 年（從 10 歲開始看到 80 歲），來算算看三種類型的人看電影的極限在哪。

1. 一般人​

這類型的觀眾主要是把電影當作休閒，有空才看，或者只追熱門大片，我覺得一個月兩部好像算滿平常的一個數字。

• 估算邏輯： 每個月看 2 部
• 總計： 12 x 2 x 70 = 1680 部
• 結論： 這個數字大概是看完所有漫威電影、年度熱門電影，再加上一些經典名片的量。

2. 愛看電影的人​

這類人會主動找片看，參加電影節，研究各個導演與演員，會用類型跟電影時期來選片。

• 估算邏輯： 平均一週看 3 部（平日看一部，週末兩部）。
• 總計： 3 x 52 x 70 = 10920 部
• 結論： 維持一直泡在電影世界的狀態，能達到一生一萬部這個數字，其實真的挺酷的！對各大導演的風格、各國影史流派應該都瞭若指掌的程度了。

3. 專業影評​

別用興趣挑戰別人的專業！除了日常觀影，還要做各種幕後背景的功課，剖析歷史故事、比較版本差異，參加影展等等（一天看 4~5 部可能都是常態）。

• 估算邏輯： 考慮到職業生涯可能比壽命短，假設高強度觀影為 60 年，平均每天 1.5 部。
• 總計： 1.5 x 365 x 60 = 32850 部
• 結論： 簡直就是靈魂與眼角膜的考驗，一輩子閱片量可以達到 3 萬部以上，簡直是超人（但認真想好像真的不是不可能辦到）。

我的觀影故事​

回想我開始熱衷電影的濫觴，是從小學開始，偶爾會到鄰居朋友家的地下室看電影，一直到現在偶爾還是會去。那裡有滿滿好幾面牆的 DVD，再加上沙發、冷氣和投影機，雖然沒有到很常去，但是讓我對觀影這件事有超棒的體驗和回憶，記得看過《型男飛行日誌》、《地心引力》、《意外》、《大娛樂家》、《模仿遊戲》、《下女的誘惑》等等好片。

後來大概大二左右，當時拉著對電影不感興趣的室友看了《頂尖對決》，成功推坑他後，我們常常晚上選電影，一起看到早上，再跑去吃早餐（有在認真讀書嗎？）有些是我推薦愛片給他再看一次，有些當時的我也沒看過，一起找有興趣的片來看，許多經典電影都是在那個時期看的，像是《鬥陣俱樂部》、《辛德勒的名單》、《火線追緝令》、《彗星來的那一夜》。

開始經營部落格記錄後，我才發現我看過的電影大概就四～五百部左右而已，假設算 10 歲開始看的話，一年也只看了 20~30 部而已，原來真的認真思考才驚覺到，我自認是個「愛看電影」的人，只是個美麗的誤會，自己好像只算是一般人的程度而已。

全世界的電影​

剛剛好奇查了一下 IMDb 的 Search filters，上面有記錄的電影目前是 737,007部。

這意味著：

就算你貴為專業影評，每天都在瘋狂看電影，一輩子也只能看完這世界上 5% 的電影。

所以，看的電影多不多好像也無所謂了，就算看了七千部片，也只僅僅佔了電影數量的百分之一，而且電影增加的速度，我想應該是比看的速度還要更快，重點在於選片阿，選到好電影真的很重要！人生苦短，把你的精力放在真正有意義的作品上面吧！

今天下班到無印良品找小物收納盒來收納鍵帽，大小很合適，可惜有點貴，不然想再買兩個來收其他多的軸體。

順便買了一個小滾筒放在隨身包包，黑衣服有救了～嗶寶你很多毛耶！

之前跟蝦波一起玩《REANIMAL》，就愛上這種兩人同機破關的遊戲，最近我們趁特價買了《雙人成行》，五年前的作品了，一直聽說是個神作，現在終於買來玩了，今天通關完的心得是：超好玩！

推薦理由​

1. 關卡設計非常具有創意與巧思，一起合作解謎的部份都讓人很驚喜，不會到太困難，卡關基本上不會超過十分鐘還想不到。
2. 劇情來說，我覺得普通，算中規中矩而已，但是畫面很美，場景很用心，會很開心欣賞的程度。
3. BOSS 很可愛，像是家裡會出現的吸塵器、工具箱、猩猩玩偶，不嚴肅富有童趣的風格我很喜歡。
4. 可以在地圖上尋找很多隱藏的小遊戲跟隊友競爭，甚至還有完整的西洋棋！（我毫不留情的把蝦波將殺）

注意事項​

1. 如果對遊戲完全沒概念的話，可能稍微需要熟悉一下操作，像是轉動視角跟跳來跳去，但不會像魂類遊戲那樣逼人，無限復活沒什麼壓力。
2. 解謎需要兩人高度合作，尊重友善包容，才不會吵架（也不錯，玩遊戲就可以測試伴侶是不是好隊友）
3. 打架的時候，只要一個人不死就可以一直繼續下去，存檔點也都離死的進度很近，不用太擔心。

後記​

我們大概十小時就全部通關了，真的體驗非常好，每天下班回家都迫不及待跟蝦波一起打開遊戲來玩，我們的目標已經鎖定同個公司的新作《雙影奇境》了，評價也很好，真的好期待呀！

今天走在路上看到路邊停著一台黑貓的貨車，我驚訝的跟蝦波說：

「哎，原來黑貓的 LOGO 是大黑貓叼著小黑貓的後頸耶！」，我們都是第一次發現。

昨天在 Leaf 的新文章〈Nebula探索系統？〉的留言板留言，馬上就被那個留言速度驚豔到了，後來逛到了〈第二個留言區測試〉這篇文章，看到 Leaf 跟皮皮的討論如獲至寶，馬上就如火如荼來進行改版了，這裡感謝 Leaf 和皮皮的啟發。

題外話，Leaf 的網站滿好看的，我最喜歡逆向系列，資安方面的實作對我這種程式麻瓜來說真的很有意思。

為什麼要改版？​

明明我一直在文章還有留言區宣傳這個自建留言板的方案，為什麼又要來改版呢？雖然真的已經足夠好用了，但還是有兩點我覺得可以雞蛋裡挑骨頭的地方。

1.速度稍慢了一點​

因為我使用的 Google Apps Script (GAS) 有「冷啟動」延遲的問題，每次送出留言通常要等五秒左右（我自己的體感）如果使用 Cloudflare Workers 的話，由於在全球都有伺服器節點，程式碼會直接在離讀者最近的那個節點執行，就沒有冷啟動問題，再搭配原生的 D1 資料庫，留言的速度自然快上非常多。

2.需要搭配 Google Sheet 使用​

雖然很簡易，也沒有什麼使用上的問題，但是我想盡量避免使用 Google 的服務（找逃生路線！），再來就是自從我加入 Telegram 留言版通知系統後，都能秒收到留言通知，但是在 Sheet 上用手機回留言實在不太方便，我要在小小的視窗內回覆完，再切到電腦版顯示，然後執行同步到 Gist 的程式（超難點），所以我的解法是：寫一個隱藏的管理介面（詳後文）。

改版架構說明​

使用 Cloudflare Workers（取代原本的 GAS） 搭配 Cloudflare D1（取代原本的 Sheet）

• 原始留言板：Docusaurus ➔ GAS ➔ Sheet ➔ 轉 JSON ➔ 存入 Gist ➔ Docusaurus 讀取

• 新留言板：Docusaurus ➔ Cloudflare Worker ➔ D1 資料庫 ➔ Docusaurus 讀取

使用 Cloudflare Workers+D1 能夠保持原本留言板的優點：無伺服器丶不需登入丶介面乾淨，並且加上速度變快，比之前的留言板速度大約快了一倍（之前的速度我偶爾測試的時候會懷疑有沒有當機）。

操作流程概述​

這個部份的細節不過多贅述了，其實不會太困難，因為每個人的框架不太相同，我認為記錄操作細節意義不是很大，相信使用 AI，稍微除錯一下就能成功了。

1. 建立 D1 資料庫與資料表（在 Cloudflare 準備好裝留言的「新倉庫」）

2. 建立與部署 Worker 後端程式（寫好 API，並加上專屬的「管理員金鑰」驗證）

3. 綁定 Worker 與 D1（讓 API 有權限讀寫那個資料庫）

4. 修改前端 index.js（換上新網址，並把隱藏的「管理員刪除/回覆按鈕」加進去）

5. 搬移舊留言（把舊的 Sheet/Gist 資料輸出再匯入新資料庫）

我最愛的新功能​

現在的留言板可以在前端顯示並進行回覆，實在太讚了！

只要設定一個「管理員金鑰 (Admin Key)」，當程式偵測到瀏覽器存有正確金鑰時，就會在留言下方顯示「刪除」和「編輯回覆」的按鈕。

最有趣的是，現在網站內有一個像是彩蛋的 「隱藏入口」，只要執行隱藏的動作，並輸入我設定好的金鑰，React 就會額外渲染出管理者模式。

▲像這樣出現有盾牌型式的管理者模式！超級有趣！

找找彩蛋​

歡迎去留言板找找看彩蛋在哪裡吧，靠自己找到的話來找我拿小禮物：一個👍。

公佈彩蛋在哪裡囉，要不要再自己找找看？

進入留言板找到標題的 「發表留言」 這四個字，對著它連續點擊 5 下試試吧！

這份筆記整理了在 VSCodium 中一個好用插件 Markdown All in One 的小技巧，能快速撰寫 Markdown 格式，真的是太晚發現了，我最愛的就是快速超連結功能，省事超多。

1. 超連結與網址快速貼上​

• 快速建立連結：複製好網址後，在編輯區選取要作為連結的文字，直接按 Ctrl + V 貼上，會自動轉化為 [選取文字](你的網址) 格式。

2. 格式快捷鍵​

無需手動輸入 Markdown 符號，直接選取文字（選取文字可用Shift + 方向鍵）後使用快捷鍵：

• 粗體：Ctrl + B (選取文字 -> **文字**)
• 斜體：Ctrl + I (選取文字 -> *文字*)
• 刪除線：Alt + S (選取文字 -> ~~文字~~)
• 標題升降級：
  • 增加等級 (H1 -> H2)：Ctrl + Shift + ]
  • 減少等級 (H2 -> H1)：Ctrl + Shift + [

不過標題我還是覺得直接打 # 最快。

3. 列表與任務清單自動化​

• 自動延續：輸入 - 項目 或 1. 項目 後按下 Enter，會自動補齊下一個符號或數字。
• 結束清單：在空白的清單行連續按兩次 Enter，即可自動刪除多餘符號並回到一般段落。
• 任務清單轉換：在清單項目上按 Alt + C，可以快速切換核取方塊的狀態（[ ] <-> [x]）。
  • 檢查結構計算書
  • 更新個人網站

4. 表格自動對齊​

手動排版表格非常耗時，利用格式化工具可以瞬間對齊。

1. 隨意輸入表格內容，用 | 分隔即可（無需在意空格）。
2. 按下格式化快捷鍵：Alt + Shift + F。
3. 表格的 | 符號會自動垂直對齊，提升程式碼原始碼的易讀性。

5. KaTeX 數學公式支援​

支援直接在 Markdown 中撰寫數學與物理公式，預覽時自動渲染。

• 行內公式：使用單個 $ 包裹。例如 $\sigma = \frac{M y}{I}$。
• 獨立區塊公式：使用雙 $$ 包裹。

$$\sigma = \frac{M y}{I}$$

6. 視窗預覽與游標導航​

• 全螢幕預覽：Ctrl + Shift + V
• 側邊同步預覽：Ctrl + K ，再按 V (編輯區與預覽區會同步捲動)。

不過我都直接用 npm run start 在網頁上預覽，所以用不太到就是了。