強森之家

痞客邦（PIXNET）是大家熟悉的部落格平台，寫文章、分享生活、互動留言都很方便，但最近我發現一個使用體驗上的小痛點：

👉 在新版痞客邦前台，留言區的大頭貼 不能直接點進對方名片頁 了

→ 這對我們想回訪留言格友、看看他們的部落格動態來說，真的是一個蠻大的不便 😅

為了解決這個小困擾，我自己做了一個 簡單好用的瀏覽器小工具（bookmarklet），讓留言大頭貼可以重新變成可點連結。

這個工具放在 Google Sites 上，任何人都可以拿去用：

🔗 留言回訪工具頁面

使用前小提醒：這是瀏覽器書籤工具，要先安裝書籤，每次進入或重新整理文章後都要再點一次書籤啟動，看到提示窗顯示抓到留言數量並按確認後，留言大頭貼回訪、換行與連結才會生效

✨ 為什麼要做這個工具

以往在痞客邦文章下看留言時，看到某個格友的名字或大頭貼想回訪時，只要點大頭貼就能跳到他的名片頁繼續逛一逛。

但新版介面改版後，留言大頭貼變成了純圖片，不能點進去看對方的名片內容，訪客之間的互動因此變得更不直覺。

尤其當留言很多，不想一條一條複製帳號再去找名片時，就會覺得很浪費時間。

所以我弄了一個小妙招，讓它重新變得可點 🔍！

💡 這個工具怎麼用

1. 進入工具頁面

2. 把 「👤 留言跳名片」 按鈕 拖曳到瀏覽器的書籤列

   　（就是把它拖到瀏覽器上面那一排書籤位置）

3. 開啟任何痞客邦文章頁面（有留言的那種）

4. 點一下書籤列上的「👤 留言跳名片」按鈕

5. 這一頁的留言大頭貼就會變成可點 → 點一下就會跳到對方的 PIXNET 名片頁

簡單說，就是把每個留言的大頭貼「貼上」可點事件，利用 avatar 連結裡的帳號資訊幫你拼出名片頁網址。

🧠 背後原理（簡單一看就懂）

痞客邦留言區的頭像圖片本身是這樣的網址：

https://pimg.1px.tw/<帳號>/logo/<帳號>.png

它雖然不能點，但裡面包含了留言者的帳號。

我們把這個帳號抓出來之後，組成名片頁的連結：

https://www.pixnet.net/pcard/<帳號>

點大頭貼就能跳了 ✨

這段邏輯都包在工具裡面，你不用自己手動抓、拼網址。

🚀 使用心得

• 這個工具不需要安裝任何軟體、也不會改變網站內容，只是在你瀏覽器上短暫「加上事件」。

• 用過之後，留言互動體驗真的方便很多，尤其看到有意思的留言想回訪時超實用 👍

• 支援各種主流瀏覽器（Safari / Chrome / Edge / Firefox 等），新增書籤時用電腦比較方便

• 已用 iPhone Safari 測試，手機或平板也可以使用，可以先用電腦把書籤加入後同步到手機或平板（手機也可以拖曳到書籤，但沒這麼直覺比較麻煩），然後在瀏覽文章的時候，開啟書籤就會生效！

📌 小提醒

• 這個工具只是把大頭貼「變成可點」→ 實際開啟的是 PIXNET 名片頁

  　因此對方可能設定了隱私或沒有公開名片資訊，那種就會依照 PIXNET 的行為顯示。

• 它不會修改痞客邦網站本身，也不會收集你的帳密或資料。

✅ 另外順手補了兩個「留言可讀性」問題：換行 & 連結可點

除了讓留言區的大頭貼可以一鍵跳名片，我也順手把新版留言區兩個很惱人的小問題一起處理掉：

1) 留言按 Enter 換行，顯示卻黏在一起

有些情況下，你在留言框明明按了 Enter 分行，送出後顯示卻變成一整段黏在一起，像這樣：

我現在現在按ENTER換行
結果是沒換行的
真是奇怪！！

所以工具會把留言內容改成「保留原始換行」的顯示方式，讓留言閱讀更正常。

2) 留言裡的 URL 變成可點連結（藍色）

現在很多人留言會貼網址，但顯示是純文字，不好點也不直覺。
工具會自動把留言中的 https://... 或 www... 轉成藍色可點連結，點一下會在新視窗打開，回訪文章或補充資訊更方便。

小提醒：以上兩個處理都只作用在「留言區」本身，不會影響網頁其他地方（例如右上角自己的大頭貼，原本會跳出痞客邦後台選單，那個功能會保留）。

如果你喜歡這個小工具，也歡迎分享給你常用痞客邦的朋友一起用 🚀

有什麼問題也歡迎留言給強森

以後看到留言想回訪，就不用再手動去找名片啦！

📝 工具頁連結