日開始正式在工作中使用Deepin系統(tǒng),但首先就遇到一個問題,之前在Windows平臺下的各個瀏覽器里各自收藏了大量的網(wǎng)址資料,原本分別利用2345瀏覽器、360急速瀏覽器等各自的云收藏夾同步各自瀏覽器的資料,但現(xiàn)在將平臺切換到Deepin后,原瀏覽器的地址無法同步到新的平臺下。原有場景下,辦公室電腦、家里電腦可以同步資料,現(xiàn)在跨平臺后,這個書簽的同步就成為第一個障礙。為解決此問題,我查閱并嘗試了各種方法,最終選擇了通過在瀏覽器中安裝floccus插件,并利用堅果云的Webdav功能實現(xiàn)在Windows平臺、Deepin平臺下的Chrome瀏覽器、2345瀏覽器、360急速瀏覽器、Firefox瀏覽器等之間書簽同步。具體操作如下(安裝教程以奇安信可信瀏覽器為例):
1、下載floccus插件(Firefox可以利用擴展商城直接安裝)。
2、打開奇安信可信瀏覽器,選擇更多工具里的高級工具,如下圖所示:
高級工具
3、選擇“擴展工具”后,打開開發(fā)者模式
開發(fā)者模式
4、將下載的floccus.crx文件拖動到擴展程序窗口,如下圖,選擇“添加擴展程序”
添加擴展程序
5、打開瀏覽器中的擴展程序工具欄,找到安裝的floccus插件
6、選擇新建賬戶
7、選擇WebDAV分享,以利用堅果云WebDAV。
8、根據(jù)堅果云里的信息,填寫WebDAV服務(wù)器參數(shù)。
WebDAV參數(shù)
9、輸入WebDAV服務(wù)器中的文件路徑,路徑需要在WebDAV服務(wù)器中創(chuàng)建,文件可以讓插件自動生成,要注意將來再不同瀏覽器中輸入相同的路徑名和文件名即可,本例中用的是“BookMarks/bookmarks.html”。文件格式可以根據(jù)需要自行選擇。在本地文件夾中選擇“/書簽欄”項即可。
10、設(shè)置同步間隔時間和選擇同步策略,保持默認即可。或可根據(jù)需要自行修改參數(shù)。
11、賬戶創(chuàng)建完成。
12、為保證書簽的安全性,我們可以重新打開賬戶,設(shè)置書簽密碼(要注意不同瀏覽器中采用相同密碼)。
設(shè)置書簽密碼
13、首次同步可以考慮單擊充值緩存或關(guān)閉安全保護。但首次同步完成后,建議開啟安全保護。
關(guān)閉或開啟安全保護
14、在其它瀏覽器中安裝剛才所做順序重復(fù)操作即可。個人建議通過新建賬戶右側(cè)的導(dǎo)入導(dǎo)出按鈕啟動導(dǎo)出和導(dǎo)入向?qū)Вㄟ^導(dǎo)出將第一個瀏覽器中的配置導(dǎo)出為JSON配置文件,將此配置文件在不同瀏覽器中導(dǎo)入即可(注意,導(dǎo)入后要打開配置文件,開啟同步行為下的自動同步選項)。
附錄:堅果云中創(chuàng)建WebDAV應(yīng)用。
1、打開堅果云的賬戶信息,切換至安全選項,在右側(cè)單擊添加應(yīng)用即可。注意,這里的第三方應(yīng)用的賬戶與堅果云的帳號相同,同為電子郵件賬戶,密碼可以單擊顯示密碼后復(fù)制即可。
2、在“我的文件”中新建文件夾“BookMarks”,這也是我之前第9步中所用的路徑名,具體可以根據(jù)需要自行設(shè)計。
3、首次同步后,即可在剛才的文件夾內(nèi)發(fā)現(xiàn)bookmarks.html文件,也是我之前第9步中所用的文件名。
TML 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連。
幾乎可以在所有的網(wǎng)頁中找到鏈接。點擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。
實例
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
<a href="/index.html">本文本</a> 是一個指向本網(wǎng)站中的一個頁面的鏈接。</p>
<p><a >本文本</a> 是一個指向萬維網(wǎng)上的頁面的鏈接。</p>
</body>
</html>
[/demo]
本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
將圖像作為鏈接
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
您也可以使用圖像來作鏈接:
<a href="/example/html/lastpage.html">
<img border="0" src="./imagecopy1234567890/test.gif" />
</a>
</p>
</body>
</html>
[/demo]
本例演示如何使用圖像作為鏈接。
(可以在本頁底端找到更多實例)
HTML 超鏈接(鏈接)
超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個部分。
當(dāng)您把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時,箭頭會變?yōu)橐恢恍∈帧?/p>
我們通過使用 <a> 標(biāo)簽在 HTML 中創(chuàng)建鏈接。
有兩種使用 <a> 標(biāo)簽的方式:
通過使用 href 屬性 - 創(chuàng)建指向另一個文檔的鏈接
通過使用 name 屬性 - 創(chuàng)建文檔內(nèi)的書簽
什么是超文本?
標(biāo)記語言的真正威力在于其收集能力,它可以將收集來的文檔組合成一個完整的信息庫,并且可以將文檔庫與世界上的其他文檔集合鏈接起來。
這樣的話,讀者不僅可以完全控制文檔在屏幕上的顯示,還可以通過超鏈接來控制瀏覽信息的順序。這就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext),就是它將整個 Web 網(wǎng)絡(luò)連接起來。
超文本的基礎(chǔ)知識
超文本的基本特征就是可以超鏈接文檔;你可以指向其他位置,該位置可以在當(dāng)前的文檔中、局域網(wǎng)中的其他文檔,也可以在因特網(wǎng)上的任何位置的文檔中。這些文檔組成了一個雜亂的信息網(wǎng)。目標(biāo)文檔通常與其來源有某些關(guān)聯(lián),并且豐富了來源;來源中的鏈接元素則將這種關(guān)系傳遞給瀏覽者。
超鏈接可以用于各種效果。超鏈接可以用在目錄和主題列表中。瀏覽者可以在瀏覽器屏幕上單擊鼠標(biāo)或在鍵盤上按下按鍵,從而選擇并自動跳轉(zhuǎn)到文檔中自己感興趣的那個主題,或跳轉(zhuǎn)到世界上某處完全不同的集合中的某個文檔。
超鏈接還可以向瀏覽者指出有關(guān)文檔中某個主題的更多信息。例如,“如果您想了解更詳細的信息,請參閱某某頁面。”。作者可以使用超鏈接來減少重復(fù)信息。例如,我們建議創(chuàng)作者在每個文檔中都簽署上自己的姓名。這樣就可以使用一個將名字和另一個包含地址、電話號碼等信息的單獨文檔鏈接起來的超鏈接,而不必在每個文檔中都包含完整的聯(lián)系信息。
超鏈接(hyper text),或者按照標(biāo)準(zhǔn)叫法稱為錨(anchor),是使用 <a> 標(biāo)簽標(biāo)記的,可以用兩種方式表示。錨的一種類型是在文檔中創(chuàng)建一個熱點,當(dāng)用戶激活或選中(通常是使用鼠標(biāo))這個熱點時,會導(dǎo)致瀏覽器進行鏈接。瀏覽器會自動加載并顯示同一文檔或其他文檔中的某個部分,或觸發(fā)某些與因特網(wǎng)服務(wù)相關(guān)的操作,例如發(fā)送電子郵件或下載特殊文件等。錨的另一種類型會在文檔中創(chuàng)建一個標(biāo)記,該標(biāo)記可以被超鏈接引用。
還有一些與超鏈接相關(guān)聯(lián)的鼠標(biāo)相關(guān)事件。這些事件與 JavaScript 結(jié)合使用可以產(chǎn)生一些令人激動的效果。
注釋
錨的這兩種類型都使用同樣的標(biāo)簽;也許這就是它們擁有同樣的名稱的原因。但是我們發(fā)現(xiàn),如果將它們區(qū)分開,把提供熱點和超鏈接地址的錨看作“鏈接”,而用于標(biāo)記文檔的目標(biāo)部分的錨稱為“錨”,那么您將更容易理解這兩種類型的錨。
HTML 鏈接語法
鏈接的 HTML 代碼很簡單。它類似這樣:
<a href="url">Link text</a>
href 屬性規(guī)定鏈接的目標(biāo)。
開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級鏈接來顯示。
實例
<a >Visit W3School</a>
上面這行代碼顯示為:Visit W3School
點擊這個超鏈接會把用戶帶到 W3School 的首頁。
提示:"鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:
<a target="_blank">Visit W3School!</a>
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a target="_blank">Visit W3School!</a>
<p>如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開。</p>
</body>
</html>
[/demo]
HTML 鏈接 - name 屬性
name 屬性規(guī)定錨(anchor)的名稱。
您可以使用 name 屬性創(chuàng)建 HTML 頁面中的書簽。
書簽不會以任何特殊方式顯示,它對讀者是不可見的。
當(dāng)使用命名錨(named anchors)時,我們可以創(chuàng)建直接跳至該命名錨(比如頁面中某個小節(jié))的鏈接,這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。
命名錨的語法:
<a name="label">錨(顯示在頁面上的文本)</a>
提示:錨的名稱可以是任何你喜歡的名字。
提示:您可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。
實例
首先,我們在 HTML 文檔中對錨進行命名(創(chuàng)建一個書簽):
<a name="tips">基本的注意事項 - 有用的提示</a>
然后,我們在同一個文檔中創(chuàng)建指向該錨的鏈接:
<a href="#tips">有用的提示</a>
您也可以在其他頁面中創(chuàng)建指向該錨的鏈接:
<a >有用的提示</a>
在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。
基本的注意事項 - 有用的提示:
注釋:請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因為服務(wù)器會添加正斜杠到這個地址,然后創(chuàng)建一個新的請求,就像這樣:。
提示:命名錨經(jīng)常用于在大型文檔開始位置上創(chuàng)建目錄。可以為每個章節(jié)賦予一個命名錨,然后把鏈接到這些錨的鏈接放到文檔的上部。如果您經(jīng)常訪問百度百科,您會發(fā)現(xiàn)其中幾乎每個詞條都采用這樣的導(dǎo)航方式。
提示:假如瀏覽器找不到已定義的命名錨,那么就會定位到文檔的頂端。不會有錯誤發(fā)生。
更多實例
在新的瀏覽器窗口打開鏈接
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a target="_blank">Visit W3School!</a>
<p>如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開。</p>
</body>
</html>
[/demo]
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開你的站點了。
鏈接到同一個頁面的不同位置
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
[/demo]
本例演示如何使用鏈接跳轉(zhuǎn)至文檔的另一個部分
跳出框架
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>被鎖在框架中了嗎?</p>
<a href="/index.html"
target="_top">請點擊這里!</a>
</body>
</html>
[/demo]
本例演示如何跳出框架,假如你的頁面被固定在框架之內(nèi)。
創(chuàng)建電子郵件鏈接
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
這是郵件鏈接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</a>
</p>
<p>
<b>注意:</b>應(yīng)該使用 %20 來替換單詞之間的空格,這樣瀏覽器就可以正確地顯示文本了。
</p>
</body>
</html>
[/demo]
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
創(chuàng)建電子郵件鏈接 2
[demo]
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>
這是另一個 mailto 鏈接:
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">發(fā)送郵件!</a>
</p>
<p>
<b>注意:</b>應(yīng)該使用 %20 來替換單詞之間的空格,這樣瀏覽器就可以正確地顯示文本了。
</p>
</body>
</html>
[/demo]
本例演示更加復(fù)雜的郵件鏈接。
HTML 鏈接標(biāo)簽
標(biāo)簽 描述
<a> 定義錨。
趣云書簽是一款非常實用的書簽工具,用戶可以在該軟件中收藏各種形式的文件,如書籍、歌曲、文章以及網(wǎng)頁等, 支持跨平臺同步內(nèi)容,非常的便捷,同時軟件中有著非常實用的分類列表,各位可以自定義列表的名次,幫助自己快速找到想要的內(nèi)容,有需要的小伙伴快來下載吧。
來源:http://www.3h3.com/soft/279042.html
New藏趣云 是保存所有您喜愛的書籍、歌曲、文章或您在瀏覽時遇到的任何其他內(nèi)容的最佳場所。
跨平臺瀏覽器書簽助手
一次收藏,多平臺同步管理。自動備份至云盤,數(shù)據(jù)永不丟失!
收藏網(wǎng)頁、圖片、文本
收藏網(wǎng)絡(luò)上的一切內(nèi)容
編輯標(biāo)題和簡介
自定義收藏的標(biāo)題和備注
多級菜單目錄
幫助您整理收藏的內(nèi)容
標(biāo)簽、星標(biāo)
橫向管理,與收藏集相輔相成
編輯模式
支持多選、拖拽
導(dǎo)航首頁
包羅萬象,尋找感興趣的內(nèi)容
導(dǎo)入/導(dǎo)出/云備份
一鍵導(dǎo)入瀏覽器書簽,并保留書簽結(jié)構(gòu);定時云盤百度網(wǎng)盤,防止數(shù)據(jù)丟失
回收站
放心地刪除收藏,它們都將自動進入回收站,隨時恢復(fù)
跨平臺支持
網(wǎng)頁 + 瀏覽器插件擴展
Q.
插件收費么?
目前不收費,如果你覺得此插件,對你有用或者可以幫到你了,歡迎進行 捐贈
Q.
數(shù)據(jù)的隱私問題?
您的數(shù)據(jù)安全是 藏趣云 的重要組成部分。后臺可以設(shè)置定時備份數(shù)據(jù)到個人云盤中。
Q.
導(dǎo)入/導(dǎo)出數(shù)據(jù)?
藏趣云支持從各種格式的 Web 瀏覽器和服務(wù)中導(dǎo)入書簽。支持導(dǎo)出瀏覽器可識別格式數(shù)據(jù),支持定時備份到百度云盤中
Q.
音頻、視頻可以同步過去么?
不好意思,目前只支持網(wǎng)頁,短文,圖片的同步,其次音視頻其它平臺有些也都不支持
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。