MarkUp.io 就跟你說重點在這!可來回編修的網頁註解分享工具

markup-08

畢竟,時間就是金錢,相信會有朋友看到電腦玩物的長篇大論就覺得頭痛,即使有時候我會先用粗體、紅字幫大家畫好重點,但這一定也無法完全抓住所有人的不同需求。所以,假如當我們在瀏覽網頁時,也能夠在看到對自己來說的真正重點時,隨手劃記,接著不管是傳到自己信箱稍後細讀整理,或者是分享給朋友一起研究,相信都能增加知識傳遞互動的便利性。而今天要介紹的「MarkUp.io」,就是提供上述功能的免費、免註冊小工具。

我記得以前念書的時候,我是最喜歡畫重點的,有些是老師上課提醒的,有些是我自己複習時覺得重要的,當然我更喜歡邊讀邊把自己的想法、懷疑或整理寫在旁邊,所以有時候同學還會借我的課本,就是為了看看我的重點筆記(應該不是為了看我畫在旁邊的塗鴉,或是幫偉人們舉辦的變裝秀吧?)。

我還記得有一次傳了這種「畫好重點」的連結給朋友,清楚標明我想指出的問題點,朋友還回我說:第一次看到這麼清楚的溝通方式呢!也因此我就對「MarkUp」這樣的工具很有感覺,而且Markup還具備一個我特別喜愛的功能:可以讓多人之間來回增刪網頁註解、筆記、畫線內容!

 

01.

Markup.io不需註冊登入,免費提供你一個Bookmarklet書籤小工具,任何瀏覽器都可以使用,隨時上網都能和朋友分享網頁裡的重點心得。因為這個小工具刻意設計得非常簡單易用,所以它的網頁首頁也標榜著:

MarkUp(標記)、Share(分享)、Done(搞定!)

來到MarkUp首頁,右下方有一個〔Get Markup〕大按鈕,將其拖曳到你的書籤工具列,或者是在其上按右鍵把連結加入書籤,以後點擊這個新加入的「MarkUp」書籤就能啟動網頁筆記功能。

markup-01

 

02.

來到網頁中,看到重點想要和朋友分享,或者是想自己先做個簡單註記,都可以直接啟動剛剛添加的「MarkUp」書籤,稍等一下讓其啟動,就會在右上方看到MarkUp工具列,裡面有各種筆記工具

例如你可以畫方框、圓框,或是畫不規則線條,也可以畫方向指示箭頭。另外你也可以更換標記的顏色與粗細,任何的增添後續都可以刪除。

markup-02

markup-03

 

04.

在MarkUp中也可以輸入文字筆記,更重要的是它的註解支援中文輸入

想要輸入文字時,按下相應按鈕,然後在適當位置拉開你的文字輸入框,就可以在裡面輸入文字了。你後續還可以改變輸入框大小,或是刪除文字輸入框。

markup-04

 

05.

當你完成這個網頁的重點筆記後,可以點擊最右上方的〔Publish〕發佈,這時候會彈出一個「Publish This MarkUp?」對話盒,將裡面的〔Slide to publish〕綠色按鈕拉動到右方,就能發佈這個畫上重點的網頁。

這個拉桿設計還滿有趣的(雖然不一定有效率),我很喜歡的效能優化工具「Game Booster 2」也有這樣的設計。

markup-07

 

06.

獲得發佈網址後,你就可以進行分享或保存的動作。

markup-09

 

07.

進入發佈的網址,就能看到被畫上重點的網頁內容,這時候,右上方還會出現一個〔Respond〕按鈕,點擊後就可以在這個已經畫上重點的網頁繼續添加其它註解筆記

也就是說,假如是一個小團隊的內容分享,就能讓A的筆記再加上B的筆記,傳給C後,又可以加入C的筆記再回傳給A,這就具備了一個知識傳遞、合作的用途。

有興趣的朋友,可以試試看這個我已經畫上重點的網址:「http://markup.io/v/h8thf9ze76xg」。

markup-06

 

  • 小結:

Markup.io是一個免費、易用的小工具,讓你在網頁上隨意途塗畫畫,然後分享發佈出去,它的整個操控與設計都很順暢優秀,對於有這類需求的朋友,推薦可以試用看看,我自己覺得MarkUp可以用在下列用途:

  • 1.團隊作業時把畫上重點的網頁資料分享給伙伴,並且還能合作畫上不同重點。
  • 2.自己收集資料時先畫上臨時重點後mail給自己,後續再整理。
  • 3.討論網頁設計時,協助清楚指出目標,並且可以來回增刪重點作討論。

留言

  1. 我找這東西找好久,超感激!

    回覆刪除
  2. 这个和diggo有什么区别?

    回覆刪除
  3. 好像比 Awesome Highlighter 好用的樣子

    回覆刪除
  4. 我覺得和diggo的區別太多啦,
    例如diggo要註冊使用,但markup不用,功能上也有很多差異,
    基本上我覺得這兩個是用在不同用途上的~


    至於Markup和Awesome Highlighter就真的很接近,可以說是同類工具,
    但我也覺得MarkUp比較好用

    回覆刪除
  5. 刪除的功按鈕在哪?

    回覆刪除
  6. 刪除時,選取之前做好的某個標記,按下鍵盤上的〔Delete〕就可以刪除了。

    回覆刪除
  7. 之前異塵行者介紹過的SharedCopy好像更強大.
    但不知有沒有多人編輯的功能就是了....

    回覆刪除
  8. sharedcopy好像只能對前一人加上評註,無法直接修改。

    回覆刪除
  9. 这东西非常好用,特别是当需要对方的反馈时

    回覆刪除
  10. @玄:
    重新整理網頁就可以關掉~

    @Jerrey sung:
    Markup基本上功能比較簡單(雖然可以實現來回編修增減)
    但他的好處就是在於比較簡單^^

    回覆刪除
  11. 關不掉的樣子,因此在刪除或是編輯時,若你沒有點中那個物件,就會創一個新的…很麻煩啊…如果可以關掉,就更好了。

    回覆刪除
  12. 這邊確實是這樣,
    就是一旦你啟動markup開始編輯,那就表示要註解完成後發佈,

    而沒辦法編輯一半,重新回去使用網頁,然後繼續編輯~
    (這邊就要看不同用戶會不會真的需要這種編輯到一半、下次繼續編輯的情況了)

    但還是有替代方案,例如你可以編輯到一半,先發佈,獲得專屬網址後記下來,
    下次就能繼續編輯了。

    回覆刪除
  13. 開啟後就沒有辦法捲動網頁了,這樣就沒辦法畫整個網頁><

    回覆刪除
  14. 我這邊開啟後還是可以捲動網頁喔^^
    我是用Firefox,然後試驗台灣幾個不同部落格系統都能正常操作,

    不知道你使用哪個瀏覽器?或者試驗哪個網站遭遇問題呢?

    回覆刪除
  15. 不好意思,我試了其他網頁都正常,應該只有這個網頁不行。
    可能它不允許執行外部的javascrip吧:
    http://faq.csdn.net/read/89552.html

    這個MarkUp真的很方便~~多謝推薦~~

    回覆刪除
  16. 不給我發佈耶....沒有看到網址><

    回覆刪除
  17. 你有拉動拉桿啟動發佈功能嗎?

    回覆刪除
  18. 试用一下,这东西真不错。

    回覆刪除
  19. 謝謝又介紹一個這麼棒的工具,有時就是想要將一點東西標記起來並且告訴朋友,有這東西就方便多了。

    回覆刪除
  20. 多謝推薦....好用

    回覆刪除
  21. http://markup.io/v/ke2bh4dvehnx

    請參考

    回覆刪除
  22. 哈哈,大家開始發揮創意來玩了,讚~

    回覆刪除
  23. 請問我無法發佈該怎麼辦?
    按了停了好久><
    卻都跑不出網址
    我是用CHROME瀏覽器

    回覆刪除
  24. 特殊情況嗎? 還是好幾個網站、好幾次都這樣?

    回覆刪除
  25. Norton DNS 報告 :

    Malicious Web Site Blocked

    You attempted to access: markup.io

    This is a known malicious web site.

    It is recommended that you do NOT visit this site.

    回覆刪除
  26. Norton DNS報告的留言被刪了,大概是有網址原因

    回覆刪除
  27. 可能是^^我剛剛在垃圾留言裡看到了,發你回復了~~

    不過目前我利用URLVoid查了一下,檢測是正常的,
    Norton的這個檢查有沒有可能是誤報呢?

    http://vscan.urlvoid.com/analysis/059b7a1c47ecd97817ba76e044d7639e/bWFya3VwLWlv/

    回覆刪除
  28. 有可能誤判,當時有馬上利用其它服務檢查包含URLVoid,
    都沒有看到問題。

    但是印象中Norton是個只怕抓不到,但很少誤判的老牌子XD,
    所以還是把這個資訊分享給更多人知曉,過陣子再去試看看。

    回覆刪除
  29. 補上:

    http://safeweb.norton.com/report/show?url=markup.io

    回覆刪除
  30. 找这款软件好久了!!!感激~墙内人民要努力翻墙才看得到,于是转了这篇文普惠大众,谢谢啦~~

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

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

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

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

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