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. 找这款软件好久了!!!感激~墙内人民要努力翻墙才看得到,于是转了这篇文普惠大众,谢谢啦~~

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

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

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google 表單的 10 個專業問卷調查設計秘密教學

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

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