AwesomeHighlighter 分享網址連結前,先在網頁劃重點和貼便條

highlight-00

之前在「特輯」Special URL 我貼的連結就是和別人不一樣」裡面,曾經整理介紹了好幾種不同的網頁、網址分享方式。當然,如果我們在網路上看到什麼好康的,最快的就是直接把「網址連結」複製下來,然後傳送給他人分享;不過在許多不同的情況下,單單複製網址列的連結可能不完全符合我們的需求,所以我之前那邊文章裡面介紹了「基本縮網址」、「自訂有意義網址」、「點擊追蹤回報」、「將多條網址合成單一連結」、「可點擊圖片內連結的網頁擷圖」和「標記你要分享的網頁」

其中我對於讓圖片中連結可以點擊的「Kwout」,以及可以先標記網頁內容後再分享連結的「AwesomeHighlighter」最感興趣。今天要特別再介紹一次的是後者。試想這樣一種情況,當你想分享一篇文章、寄出某個參考,或詢問某個疑惑(好文、購物、學習、交流、工作.....),這時網頁裡面落落長的文字有某個段落你想要特別提醒朋友注意,而與其在電子郵件或即時通上面和朋友比手畫腳說明,不如直接在網頁上劃好高亮反白的重點段落,並且寫上便條標記,這樣不是更快更方便?

在我上次介紹過後,AwesomeHighlighter現在加上了「Note」便利貼筆記輸入功能,以及增加快捷分享按鈕(Twitter、Del.icio.us、facebook、電子郵件等等)而且也可以支援部份中文的網頁了!(UTF-8的網頁可以算是有支援了,但是Big5的目前看起來標記完還是會變亂碼)

  • 簡單快速:

首先來到「AwesomeHighlighter」首頁,在中間的輸入欄位填入你要分享寄送給朋友的網址,按下〔Highlight Page〕,就可以在AwesomeHighlighter網站裡面進行筆記、劃重點等編輯功能,然後獲得一個專屬的網址連結,你只要給朋友這個連結,他就能夠看到你編輯後的網頁了。

highlight-02

  • 瀏覽器外掛工具:

AwesomeHighlighter還提供了瀏覽器外掛工具來讓你更方便的進行分享、編輯工作。你只要來到「FireFox add-on and bookmarklet」就可以獲得這樣小工具。下圖中右方的是Firefox的擴充套件,直接安裝即可,支援Firefox 3.0。

左方的「Bookmarklet這是什麼?)」適用於各種瀏覽器(IE、Firefox),直接在「Highlighter」連結上點擊滑鼠右鍵,把連結加入瀏覽器書籤(我的最愛)裡面即可。

highlight-03

以後如果看到想要在分享前先編輯好重點的網頁,只要打開你的書籤按下這個「Highlighter」的連結,就可以在瀏覽器頁面中直接啟動「AwesomeHighlighter工作列」囉!

highlight-04

  • 選擇劃重點的顏色:

在AwesomeHighlighter工作列中,你可以到右上角的顏色選擇按鈕,在四種顏色裡面選擇你想要拿來劃重點的顏色。當然同一個網頁裡面你可以搭配不同的顏色來區分段落。

highlight-05

  • 增添便利貼:

另外你可以在工作列選擇〔+add a note〕來增加一個黃色的便利貼,你可以在裡面輸入中文筆記,也可以用滑鼠左鍵按住便利貼上方的抬頭功能列後,隨意的拖曳移動便利貼的位置。而如果選擇功能列裡的「Hide」可以把便利貼「縮」起來變成一個顯示「Read」的小標籤。以後朋友想要看你的筆記時,按下「Read」就能打開便利貼閱讀了。

highlight-06

  • 預覽編輯結果:

如果你的重點都劃好,筆記也都寫好後,就可以到最上方的AwesomeHighlighter工作列裡,複製專屬的網指給朋友,或是按下網址列右方的箭頭來預覽看看編輯後的結果。

highlight-07

  • 快速分享按鈕:

或者妳可以到「AwesomeHighlighter工作列」的最右方,可以看到一個〔Post it on〕,裡面有一個快捷分享清單,可以讓妳快速將製作好的網頁分享到電子郵件Email、facebook、Del.icio.us、twitter、Tumblr、LiveJournal。

分享到Twitter為例,還會開啟一個簡易的編輯視窗,妳可以勾選「Select highlight to post」裡面的項目(剛剛你有劃重點的幾個段落文字),就會直接把摘要和網址輸出到Twitter上分享

highlight-08

  • AwesomeHighlighter編輯後:

而朋友點擊專屬網址後,看到的就是下圖的樣子,這樣一來,是不是每篇文章裡你想講的重點都立刻一目瞭然呢?再也不用怕傳連結後朋友還搞不清楚你要幹麼了!

highlight-09

  • 不需登入也有歷史紀錄:

另外在AwesomeHighlighter的網站右上方,你可以註冊或登入這個網站,但是即使不登入和註冊也可以使用完整的功能;而且就算是沒有登入的情況下,如果點擊「Your highlighted pages」,一樣可以看到你之前編輯過的網頁資料喔!你甚至可以繼續修改前面已經標記過的網頁!(只要你沒有把瀏覽器的紀錄清空的話)

highlight-10

  • 小結:

AwesomeHighlighter」提供了一個很棒的「網頁分享」服務,雖然如果它目前在中文網頁上的操作還不算很穩定,有時候會有一些劃的重點消失的小問題對於「非UTF-8」的網頁還是會顯示亂碼;但是整體來說這仍然是一個你值得放進書籤裡備用的工具。因為傳連結、傳網頁,這樣的動作在現在的網路交流裡面是很常見的,而「AwesomeHighlighter」提供了一種比起隨便丟一個網址來說,更為「聚焦」和「有意義」的分享方式,或許你下次有重要資料要傳給朋友前,也可以先試試看「AwesomeHighlighter」的功能喔!

留言

  1. 在firefox3上,標籤會跑位,顏色會錯誤甚至消失。

    將來bug少一點的話,應該是不錯用的功能。

    回覆刪除
  2. 我文章裡面提到會有這樣的小問題,

    不過似乎英文網站好一點,我試了很多個都沒出現錯誤,

    而中文網站有些會有bug,有些不會

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

最簡單養成習慣方法是「解決問題」,不靠時間表、獎懲與意志力

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱