Dandelion Bookmark System

hili.link Enhancement

hili.link 看起來像是個縮址服務。但…或許可以不只是這樣！

前言

hili.link 是 Fly 的 side project。目標是產生一個簡潔的短址。

但當我發現他做了搜尋功能時，我第一個想法是「為何要搜尋短址的結果？」

後來我發現事實上他搜尋的是你曾經綁定的關鍵字（或是一段話 note）。

操作時也發現點擊 hili.link 產生的短址後，網址列的最後會被加上奇怪的符號 #:~:text=，查了資料發現這是個能在網頁上標記特殊關鍵字的語法。

思考了一會後，我突然有個大膽的想法 XD

短址服務

通常人們使用縮網址服務的習慣比較像是一種「用過即丟」的方式。你可能為了「美觀」或是「方便輸入」而產生這個短址，但最終的目的還是為了連結到目標網站 – 一旦連結成功，原本的短址就可丟棄了，你不會特別想蒐集它，甚至搜尋它。

但如果目標網站是個重要或值得參考的連結，有些人會選擇再將它加入書籤。

而「書籤」或許是這個專案可以嘗試的另一個切入點。

書籤管理

我一直都有整理書籤（或是 IE 說的我的最愛）的習慣，但是…誠實面對自己吧，加入書籤這件事情，在這個時代其實是加心安的 XD

「將 URL 加入書籤」原本是一件很私人的事情，你找到了一個好資源，然後收藏起來，它記錄了你關注某些事情的脈絡。但在真實環境中，卻很少人會使用書籤，而是直接打開 google 下關鍵字，因為搜尋引擎的能力已經比你還強大了！

hili.link 的使用

hili.link 的使用語法是 https://hili.link/?i=關鍵字https://你要前往的網站

例如:

關鍵字=Positive Coin

網址=https://www.tzutung.com/positive-coin

只要在瀏覽器打

https://hili.link/?i=Positive Coinhttps://www.tzutung.com/positive-coin

就會產生一個連結: https://hili.link/Positive Coin

真實連結的時候，會透過特殊的標記語法 #:~:text=關鍵字 來標註網頁上的關鍵字。

https://www.tzutung.com/positive-coin#:~:text=Positive%20Coin

相比於一般的縮址服務最終只產出一個「短址」，hili.link 其實還多了一個 meta-data – keyword，而這個特殊性或許可以產生一些知識管理的應用。

Enhancement 發想

如果我們先把轉址這件事情忘了，從資料的角度來檢視使用 hili.link 的使用經驗。

hili.link 事實上將 keyword 和 url 做了一個資料的關聯綁定。這種行為就像是資料結構中的 Dictionary（字典）一樣 – 由一組 Key & Value 產生的 keypair。

也就是說如果將「透過 hili.link 產生一個短址」這件事情視為「在字典裡新增一筆 keyword-url pair」，那麼或許將會有有趣的應用產生。因為有了字典，就可以做檢索、分析。

事實上這件情跟「把 URL 加入書籤」也有點像。當你在瀏覽器將某個網站加入書籤時，你可能會給它一個資料夾名稱，再把那個 URL 歸檔在那個資料夾下。如果把資料夾名稱當作 keyword，事實上你也是在新增一筆 keyword-url pair。

但其實 chrome 書籤管理員所管理的書籤並沒有任何值得檢索的價值。甚至如果你是個有資料潔癖的人，你甚至希望一個 URL 只能屬於一個資料夾。你甚至還可以在 chrome extensions 上找到幫你清除重複 URL 的 app。

如果我們回想 google 原始設計的原理 – 很多人參考的網址就是好網址，它應該被排在前面。

那麼反思書籤裡所重複加入的 URL，是否也表示那是個經常被參考到的好網址呢？

實作想像 – 蒲公英書籤系統

現在我們知道 hili.link 可以把一個關鍵字對應到一個 URL。而這個關鍵字通常應該來自於該網站的網頁內文。

實作的重點在於 hili.link 可以輕易地做到「多個關鍵字對應同一個 URL」這件事情。這就是 Enhancement 真正的實作精神。

我目前想像的理想使用情境如下：

1. 使用者打開一個網頁 URL
2. 在網頁內容中任意用滑鼠框選關鍵字（ex: KeywordA）
3. 滑鼠右鍵出現選單 "add to hili.link" 點擊它
4. 此時 hili.link 就會建立一個 KeywordA 指向 URL 的連結
5. 使用者繼續瀏覽網頁，又框選了另一個關鍵字 KeywordB
6. 滑鼠右鍵選單選 "add to hili.link"
7. 此時 hili.link 就會建立一個 KeywordB -> URL
8. 依此類推你可以產生多個關鍵字，都指向同一個 URL

最後，你可以想像每個 URL 就像蒲公英的瘦果一樣，長出許多稱為 Keyword 的冠毛。不同的瘦果可能會交疊同樣的冠毛，就像同一個 keyword 可能出現在不同的 URL 一樣。最後 keyword-URL 的關係應該會像是一個交錯的網路圖一樣 – 一本屬於自己的知識字典。

然後我們可以透過檢索 keyword 的方式取得吻合的 URL，並且以 keyoword 的數量當排序 – keyword 越多表示畫越多重點的概念。這樣的感覺有點像是在客製化自己的書籤搜尋引擎。

ps: 滑鼠右鍵選單的功能可以先用簡單的網頁模擬，讓使用者填寫 URL 和任意數量的 keyword。

再想遠一點

那些 keywords 還能夠形成文字雲（當然這應該是小菜一疊）。

假設有一個社群，裡面的人都願意公開他們的字典檔，當我們瀏覽某個新的網頁時，就能夠看到這個網頁的熱門關鍵字。

我覺得查詢的方法可以是：

• 透過 chrome extension
• 一個專屬的查詢網站
• 一個 URL（ex: https://hili.link/?n=https://www.tzutung.com/positive-coin）