對於有觀點輸出習慣的 Web3 愛好者而言,將內容 「寄存」在 Twitter 等 Web2 社交媒體上,似乎還不夠 「抗審查」,也缺些專屬感和獨立性;對於 Web3 協議團隊或項目方而言,從產品服務到前端呈現全流程的去中心化,也在敘事上更具吸引力。

而無論是抱著何種動力,將個人或項目官方網站製作為去中心化網站,在成本、匿名性、隱私保護等方面都有一定優勢。

因此,本文將帶你一步步將個人網站(以 Notion 生成的網頁為例)部署到 IPFS 上,建立一個只屬於你的、真正去中心化的網站(Dweb)。

文章一共分為介紹、實操、建議三部分。我會先介紹去中心化網路 Dweb 的概念及代表,再手把手教學將個人名片網站署到 Dweb 上的方法,最後,我也會總結下當前方案的優劣勢。

考慮到文章篇幅和上手難度,在實操部分,我只介紹最簡單的一種 Html 網頁框架部署方法。同時,這一教學主要靠 Fleek 工具來實現部署。Fleek 的功能強大,能打包多種網頁框架(如 WordPress、Next. js 等),有一定技術基礎的朋友,可以縱深探索。

什麼是去中心化網站?
去中心化網站(Dweb),字面上看就是部署在去中心化網路上的網站。

從構成部分看,Dweb 和傳統互聯網網站類似,都需要擁有一個入口 —— 域名、一個承載主體 —— 託管伺服器。在 Web3 世界,與這兩項 「功能」相對應的代表項目分別是 ENS、IPFS 和 Arweave(本文重點介紹前者,也是較多項目在使用的方案)。

ENS(Ethereum Name Service)是基於以太坊的分佈式、可擴展、開放的命名系統;通俗講,就是區塊鏈域名系統。

IPFS 的理念是將數據分佈存儲在世界各地、任何人可運行的節點上;本質上是項抗審查、點對點的數據存儲服務。此外,由於 IPFS 跨節點分發數據並指向特定數據,可以確保資源來自最近更新的來源,實際體驗會更快捷和可靠。

在 ENS 和 IPFS 的共同支援下,分佈式的區塊鏈基礎架構可以將內容直接存儲到智能合約(容器)中。

基於 ENS+IPFS 的代表網站
雖然在感知層面並不明顯,但用戶如果留意一些主流的 Web 3 應用,可以從他們的官方文檔中發現,Uniswap、 1inch 等頭部 Web3 協議已經將其網站同步至 IPFS 上。

其 ENS 連結地址分別是 1inch . eth 、uniswapexchange.eth ,對於原生 Web3 瀏覽器可以直接輸入以上地址訪問,對於非原生瀏覽器,可以使用兼容地址訪問:

1inch: https://1inch.eth.link/

uniswap:https://uniswapexchange.eth.link

更多採用 ENS+IPFS 技術部署的網站,Almonit 做過 Dweb 網站整理,連結如下:https://almonit.eth.link/#/discover/,感興趣的讀者歡迎訪問查看。

如何部署
本文我們主要使用 Fleek 工具提供的方案,該方案優點是部署簡單,支援多種 Web 框架,除了支援 Html 頁面外,也支援如 Next.js 、Hugo.js 、Wordpress 等多種語言的網頁框架。

本文聚焦在 Fleek 支援的諸多功能中最簡單的一種 ——Html 頁面框架部署方案,並且做了分步講解,希望小白看完能快速上手;對於高手而言,也能起到拋磚引玉的作用。

剛剛提到需要準備一個 Html 網頁,因此會用到 notion 來生成這個 Html 網頁文件,原因主要是 notion 操作簡便,且自帶了 html 導出功能,可以將其作為一個可視化的 Html 網頁製作器。

由於使用的工具 Fleek 採用的是自動同步 Github 的方式,因此也需要準備好一個 Github 帳號以及對應的 Repo(庫)。

部署到 IPFS 網路本身不需要域名,上傳到網路中會生成一段 hash,類似於 Web2 中的 IP 地址,因此還需要準備一個 ENS 來映射這段 IPFS hash。

概括一下,事前準備三樣東西:

一個 github 帳號;
一個 ENS 域名,以及對應的錢包和少量 ETH 作為 gas;
一個 notion 帳號,並製作一個個人 profile 頁面。

******未完參考******

******出處:https://www.blocktempo.com/deploy-your-notion-data-on-ipfs/******


 

 

 

 

 

 

 

 

 

 

 

 

...............​​​​​​​...

arrow
arrow
    文章標籤
    去中心化 個人網站
    全站熱搜
    創作者介紹
    創作者 音潔 的頭像
    音潔

    音潔 工作室

    音潔 發表在 痞客邦 留言(0) 人氣()