手把手教你建立去中心化個人網站_WEB

對于有觀點輸出習慣的Web3愛好者而言，將內容“寄存”在Twitter等Web2社交媒體上，似乎還不夠“抗審查”，也缺些專屬感和獨立性；對于Web3協議團隊或項目方而言，從產品服務到前端呈現全流程的去中心化，也在敘事上更具吸引力。而無論是抱著何種動力，將個人或項目官方網站制作為去中心化網站，在成本、匿名性、隱私保護等方面都有一定優勢。因此，本文將帶你一步步將個人網站部署到IPFS上，建立一個只屬于你的、真正去中心化的網站。文章一共分為介紹、實操、建議三部分。我會先介紹去中心化網絡Dweb的概念及代表，再手把手教學將個人名片網站署到Dweb上的方法，最后，我也會總結下當前方案的優劣勢。考慮到文章篇幅和上手難度，在實操部分，我只介紹最簡單的一種Html網頁框架部署方法。同時，這一教程主要靠Fleek工具來實現部署。Fleek的功能強大，能打包多種網頁框架，有一定技術基礎的朋友，可以縱深探索。什么是去中心化網站？

去中心化網站，字面上看就是部署在去中心化網絡上的網站。從構成部分看，Dweb和傳統互聯網網站類似，都需要擁有一個入口——域名、一個承載主體——托管服務器。在Web3世界，與這兩項“功能”相對應的代表項目分別是ENS、IPFS和Arweave。ENS是基于以太坊的分布式、可擴展、開放的命名系統；通俗講，就是區塊鏈域名系統。IPFS的理念是將數據分布存儲在世界各地、任何人可運行的節點上；本質上是項抗審查、點對點的數據存儲服務。此外，由于IPFS跨節點分發數據并指向特定數據，可以確保資源來自最近更新的來源，實際體驗會更快捷和可靠。關于ENS和IPFS的進一步釋義，感興趣的讀者可以閱讀《一文了解迄今為止最成功的非金融類以太坊應用程序ENS》《深度解析IPFS：新一代互聯網底層協議》。在ENS和IPFS的共同支持下，分布式的區塊鏈基礎架構可以將內容直接存儲到智能合約中。基于ENS+IPFS的代表網站

Ripple報告：一季度XRP凈銷售額逾3.6億美元:4月28日消息，Ripple在發布的一季度報告中指出，2023年第一季度的XRP總銷售額（扣除購買量）為3.6106億美元，而上一季度為2.2631億美元；XRPLedger鏈上交易量增長了9%至1.16億，而上一季度為1.06億。關于美國證券交易委員會針對Ripple的訴訟更新，Ripple預計將在2023年做出簡易判決的決定，但具體時間最終取決于法院。[2023/4/28 14:32:21]

雖然在感知層面并不明顯，但用戶如果留意一些主流的Web3應用，可以從他們的官方文檔中發現，Uniswap、1inch等頭部Web3協議已經將其網站同步至IPFS上。其ENS鏈接地址分別是1inch.eth、uniswapexchange.eth，對于原生Web3瀏覽器可以直接輸入以上地址訪問，對于非原生瀏覽器，可以使用兼容地址訪問：1inch：1inch.eth.link/\"_src=\"https://1inch.eth.link/\">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來映射這段IPFShash。概括一下，事前準備三樣東西：一個github賬號；一個ENS域名，以及對應的錢包和少量ETH作為gas；一個notion賬號，并制作一個個人profile頁面。1.從Notion導出Html

BlockFi債權人反對將錢包中的加密貨幣作為破產索賠被扣押:金色財經報道，根據美國破產法官Michael Kaplan的命令，BlockFi歸還客戶錢包中的數字資產的建議被推遲，同時雙方試圖解決他們的分歧。爭端已經升級到BlockFi指責債權人\"脫離現實\"，而債權人則指責BlockFi在發\"脾氣\"。

BlockFi的用戶可以使用該平臺來存儲他們的加密貨幣，與生息（借貸）活動分開。正在爭議的關鍵問題包括客戶錢包中的某些加密貨幣是否可以作為破產索賠的一部分被扣押，這一觀點遭到一些債權人的反對。無擔保債權人官方委員會和其他債權人和個人的特設委員會提出了反對意見。[2023/2/25 12:28:30]

1.1在notion設計一個profile，Demo如下圖。

1.2從notionexport功能導出我們準備好的頁面，由于IPFS對于靜態網頁支持的能力有限，暫時只能選擇單頁面導出。。

1.3獲得了導出的壓縮文件后會自動下載到本地。在本地解壓后，會得到下圖中的一個文件夾和一個Html文件。將“xxx.html”結尾的文件更名為“index.html”。

Cosmostation公布2023年路線圖，計劃將Mintscan發展為跨鏈分析和儀表盤應用程序:1月5日消息，Cosmos網絡區塊瀏覽器服務商Cosmostation公布其2023年路線圖。其表示，2023年將致力于構建協議基礎設施，將其基于Cosmos-SDK網絡的區塊瀏覽器Mintscan發展成為跨鏈分析和儀表盤應用程序，并添加如下新功能：跨鏈安全、鏈間安全、跨鏈及其他領域的綜合API/RPC服務、為Interchain及其他領域提供動力、專注于智能合約和DApp可訪問性等。[2023/1/5 10:23:20]

2.上傳到Github

2.1進入到GitHub主頁，登陸進入如下頁面，點擊“New”新建一個Repo。

2.2對于這個新建的Repo建議采用Private庫的方式。因為這樣可以避免除了Fleek工具和創建者的其他人訪問到原始文件。

2.3接下來需要用到Github客戶端。登陸Github客戶端后，回到剛剛創建之后的Github網頁，點擊藍色框內的“Setupindesktop”。

Paradigm 提出新代幣發行機制VRGDAs：NFT 銷售價格隨需求變化而波動:8月25日消息，Paradigm 發布新文章《Variable Rate GDAs》，稱提出了一種新穎的代幣（NFT）發行機制，可變利率GDAs（VRGDAs），為Art Gobblers設計的，并在0xMonaco中使用，，當銷售需求旺盛時提高價格，當銷售需求不足時降低價格，VRGDAs提供了一種使用幾乎任何你想要的時間來發行NFT的方法，同時仍然允許用戶在任何時候無縫購買。[2022/8/25 12:46:57]

2.4安裝了桌面客戶端后，會有如下提示。

2.5來到桌面客戶端，按照提示設定好一個本地目錄并記錄這個本地目錄的路徑。將第一步“從Notion導出資料”中我們在下載的文件，復制到該本地目錄中。

2.5復制完成后，回到客戶端會有如下提示。填寫一些描述內容并點擊commit。

2.6點擊pushorigin把文檔推送到GithubRepo中。

Ava Labs瀏覽器插件錢包Core增加對以太坊、Avalanche子網和EVM兼容鏈的支持:8月9日消息，Ava Labs發布的瀏覽器插件錢包Core發布新版本，添加了對以太坊、自定義 Avalanche 子網以及所有 EVM 兼容鏈的支持，允許用戶跨多個區塊鏈查看、管理和使用資產，包括 Avalanche、BNB Chain、Tron、Fantom 以與 EVM 兼容的 Layer2 區塊鏈。

Core是由Ava Labs最近推出的免費非托管 Web3 瀏覽器插件，功能包括顯示投資組合、橋、交易、購買等。[2022/8/9 12:12:38]

3.使用Fleek新建一個項目

“Fleek是一套工具，包含在開放網絡及其協議上無縫構建現代站點和應用程序所需的一切。”簡單來說，Fleek這個工具可以將個人網站簡便地部署到去中心化網絡上。3.1首次進入Fleek需要注冊，建議采用Etheretrum小狐貍錢包直接一鍵注冊并登錄，比較方便。

3.2注冊并登陸之后來到項目主頁，接下來需要創建一個網站項目。

3.3我們選擇剛剛第二步中創建的GithubRepo，并進入到下一步。

3.4我們選擇Hostingservices選項中的IPFS，選擇Cointinue進入下一步。

3.5選擇剛剛創建完成的網站，進入詳細配置頁面。

3.6現在網站已經部署到IPFS上面了，Fleek工具還很貼心的關聯了一個映射域名，如圖所示。

3.7接下來，綁定ENS域名，選擇“Setting”，并找到“ENS”。

3.8下拉到“AddENS”。

3.9輸入ENS域名。

3.10進入到如下界面，再次點擊剛剛輸入的ENS地址。并選擇“Setcontenthash”，最后支付一筆Gas費完成綁定。

3.11此時我們看到之前是灰色的ENS域名已經轉變成為藍色，綁定成功。

3.12對于支持去中心化域名的瀏覽器，如brave，小狐貍錢包手機APP等，直接輸入ENS如我這里設置的yyzfish.eth即可以直接訪問部署的Dweb，對于Web2的瀏覽器，ENS也有兼容方案，可以直接訪問https://yyzfish.eth.link/。

建站過程中的一些思考

走完這套流程后，我體會到了去中心化網站相較于傳統網站的一些優劣勢。優勢

成本低廉穩定傳統的Web2網頁需要部署到服務器上，不僅需要維護，而且花費隨著用戶數量而增加，但是通過本文部署到Web3的流程，不難發現，部署到IFPS的花費是極其便宜的，且無論用戶量大小如何，花費不會有變化。更完整的Web3敘事早期，由于鏈上gas高很難把完整的項目同時部署到如以太坊網絡上。而如今，隨著IPFS網絡協議的完善，龐大的前端交互頁面也有了自己專屬的去中心化網絡。這在敘事上符合真正的“去中心化”理念。目前Uniswap、1inch等頭部DeFi協議都陸續部署到了去中心化網絡上面，未來或許完整部署到去中心化網絡將成為Web3項目的標配。對個人來說很酷ENS域名在社交媒體上很受歡迎，不少KOL的昵稱為xxx.eth，而在此基礎上實現了進一步延伸——把自己的博客部署到IPFS網絡，并以ENS域名作為入口，對于加密愛好者來說會是件很酷的事。匿名性與隱私保護由于Dweb在早期設計階段就充分考慮了“去中心化”與“隱私”結合，其實和Tor網絡有些許類似之處，都具有不可追蹤、匿名性的特點。不足

對于Web2的兼容性仍然有待提高雖然工具已經支持很多主流框架，但還不是全部，對于像PHP這種的動態網頁框架仍然是不支持的狀態。整體兼容度還有待提高。對國內用戶不友好由于當前IPFS的節點還遠未達到白皮書中所計劃的數量，因此，Dweb在國內的訪問有一定的阻礙。希望未來能夠看到更加完善的方案，以及技術的迭代。

Tags：WEBENSETHLEEbitwebTEMCO tokensCOMSA-ETHSLEEPEE價格

Polygon