本文轉(zhuǎn)載自少數(shù)派：https://sspai.com/post/43579
作者：沨沄極客
相信大家對(duì)網(wǎng)址導(dǎo)航網(wǎng)站并不陌生。這類(lèi)網(wǎng)站通常將各類(lèi)網(wǎng)址集合起來(lái)，再按照一定條件進(jìn)行分類(lèi)有决。方便各類(lèi)用戶(hù)快速找到自己想要的網(wǎng)站。盡管他們經(jīng)常和一些軟件捆綁空盼，一些導(dǎo)航網(wǎng)站的口碑并不好书幕，但由于本身具有較高的實(shí)用性，長(zhǎng)期以來(lái)一直霸占著許多人的瀏覽器主頁(yè)揽趾。
來(lái)看看如何做一個(gè)桌面和手機(jī)同步的導(dǎo)航網(wǎng)頁(yè)台汇。
為什么要自己做一個(gè)導(dǎo)航頁(yè)面？
網(wǎng)頁(yè)導(dǎo)航為了滿(mǎn)足更多用戶(hù)的需求篱瞎，需要收錄大量網(wǎng)址苟呐，導(dǎo)致他們的界面千篇一律。再加上新聞俐筋、廣告牵素，看上去免不了有點(diǎn)雜亂。盡管網(wǎng)址導(dǎo)航眾多澄者，但是適配手機(jī)端的卻很少笆呆。許多手機(jī)的首頁(yè)導(dǎo)航頁(yè)面都是瀏覽器自帶的，不乏充斥著各種熱點(diǎn)新聞推送粱挡，很少收錄一些小眾站點(diǎn)赠幕。
今天介紹的自制導(dǎo)航網(wǎng)頁(yè)則不同，不需要服務(wù)器询筏，不需要繁瑣的操作榕堰，你只需安裝一個(gè) Chrome 插件：Infinity New Tab Pro。
Infinity New Tab Pro 本身是一個(gè)非常優(yōu)質(zhì)的 Chrome 新標(biāo)簽頁(yè)插件嫌套，但是它僅支持 Chrome 內(nèi)核的瀏覽器（官方頁(yè)面顯示支持 Chrome逆屡、360 極速瀏覽器、百度瀏覽器）灌危，其他瀏覽器的用戶(hù)只能望而卻步康二。但是它提供的「生成導(dǎo)航頁(yè)面」功能，完全可以用在其他的瀏覽器中勇蝙。
如何制作導(dǎo)航頁(yè)面沫勿？
通過(guò)?官網(wǎng)?下載并安裝 Infinity New Tab Pro 插件挨约，提供了?Chrome 應(yīng)用商店?和?Crx 離線(xiàn)下載?兩種下載方式。
在 Infinity New Tab Pro 中可以搜索網(wǎng)頁(yè)名稱(chēng)产雹、添加網(wǎng)頁(yè)鏈接诫惭，通過(guò)這種方式添加的網(wǎng)頁(yè)通常會(huì)有一個(gè)美觀(guān)的圖標(biāo)。
如果在這里搜不到網(wǎng)頁(yè)蔓挖，你也可以先打開(kāi)需要添加的網(wǎng)頁(yè)夕土，然后點(diǎn)擊右上角的 Infinity 圖標(biāo)，將該網(wǎng)頁(yè)添加到標(biāo)簽頁(yè)中瘟判。這里的圖標(biāo)默認(rèn)采用網(wǎng)頁(yè)的前兩個(gè)字怨绣，添加網(wǎng)頁(yè)后可以自行上傳圖標(biāo)。
做完所有的準(zhǔn)備工作拷获，你需要注冊(cè)一個(gè) Infinity 賬號(hào)篮撑。點(diǎn)擊右上角的 ∞ 標(biāo)志，點(diǎn)擊「我的」匆瓜，選擇「?jìng)浞輸?shù)據(jù)」赢笨，再選擇賬號(hào)右側(cè)的手機(jī)圖標(biāo)，會(huì)自動(dòng)生成一個(gè)二維碼和一個(gè)鏈接驮吱。
生成出來(lái)的以?http://m.infinitynewtab.com/?為開(kāi)頭的鏈接就是你的專(zhuān)屬導(dǎo)航頁(yè)了茧妒，用手機(jī)掃描二維碼，最終得到一個(gè)這樣的網(wǎng)頁(yè)左冬，你可以把它添加到主屏幕桐筏。如果你不確定是否喜歡這個(gè)效果，可以先看看我生成的導(dǎo)航頁(yè)又碌。
這個(gè)頁(yè)面除了適合手機(jī)端訪(fǎng)問(wèn)九昧，還可以在任何 PC 瀏覽器上訪(fǎng)問(wèn)，在 Edge毕匀、Safari铸鹰、Firefox 等瀏覽器中將這個(gè)網(wǎng)頁(yè)設(shè)置為瀏覽器首頁(yè)。不過(guò)要注意皂岔，由于這個(gè)鏈接是公開(kāi)的蹋笼，盡量不要在這個(gè)頁(yè)面上放置與隱私內(nèi)容相關(guān)的網(wǎng)頁(yè)。
注：評(píng)論區(qū)反應(yīng)手機(jī)端打開(kāi)網(wǎng)頁(yè)不顯示導(dǎo)航躁垛。那是因?yàn)檫@個(gè)頁(yè)面使用了一些 Google 提供的樣式文件剖毯，所以初次打開(kāi)時(shí)會(huì)非常慢，等文件緩存到本地即可教馆。
實(shí)時(shí)更新 + 定制化的導(dǎo)航網(wǎng)頁(yè)
我曾經(jīng)在自己的服務(wù)器上搭建過(guò)自己的導(dǎo)航網(wǎng)站逊谋，雖然并不復(fù)雜，但是距離「美觀(guān)又實(shí)用」還是有一定距離的土铺，而且每次想添加和修改網(wǎng)址都很繁瑣胶滋，對(duì)移動(dòng)端的優(yōu)化也不簡(jiǎn)單板鬓，不久就荒廢了。
而 Infinity New Tab Pro 則將用戶(hù)的備份數(shù)據(jù)轉(zhuǎn)為一個(gè)網(wǎng)頁(yè)究恤，通過(guò)這種方式生成的網(wǎng)頁(yè)與 Infinity 賬號(hào)關(guān)聯(lián)俭令，在 PC 端每次修改順序后只要進(jìn)行一次備份，這個(gè)頁(yè)面就會(huì)同步刷新一次部宿，手機(jī)端不需要重新掃描二維碼抄腔。無(wú)論是使用還是添加都非常直觀(guān)。同時(shí)保留了 Chrome 中的網(wǎng)頁(yè)順序理张，可以對(duì)圖標(biāo)進(jìn)行自定義赫蛇。實(shí)現(xiàn)了一個(gè)實(shí)用、美觀(guān)涯穷、方便調(diào)整的導(dǎo)航網(wǎng)頁(yè)棍掐，可以算得上是一個(gè)實(shí)用的方案。
