WEB:手把手教你建立去中心化個人網站_HUB

對于有觀點輸出習慣的?Web3?愛好者而言，將內容“寄存”在?Twitter?等?Web2?社交媒體上，似乎還不夠“抗審查”，也缺些專屬感和獨立性；對于?Web3?協議團隊或項目方而言，從產品服務到前端呈現全流程的去中心化，也在敘事上更具吸引力。而無論是抱著何種動力，將個人或項目官方網站制作為去中心化網站，在成本、匿名性、隱私保護等方面都有一定優勢。

因此，本文將帶你一步步將個人網站部署到IPFS上，建立一個只屬于你的、真正去中心化的網站。

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

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

什么是去中心化網站？

去中心化網站，字面上看就是部署在去中心化網絡上的網站。

從構成部分看，Dweb?和傳統互聯網網站類似，都需要擁有一個入口——域名、一個承載主體——托管服務器。在?Web3?世界，與這兩項“功能”相對應的代表項目分別是?ENS、IPFS?和?Arweave。

ENS是基于以太坊的分布式、可擴展、開放的命名系統；通俗講，就是區塊鏈域名系統。

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

Chainlink在以太坊等網絡上推出跨鏈互操作協議:金色財經報道，Chainlink用于構建跨鏈應用程序的CCIP協議在Avalanche、Ethereum、Optimism和Polygon上進入早期訪問階段。Chainlink表示，這將為無縫交互提供統一的界面。CCIP已被主網上的去中心化金融協議Synthetix采用，以支持以太坊、Optimism和其他鏈之間的跨鏈傳輸。

該團隊表示，CCIP系統可以使跨鏈借貸應用程序受益，允許用戶在一個區塊鏈上存入抵押品，并在另一個區塊鏈上借入資產。它還可以協助跨鏈數據存儲、流動性質押和多個鏈之間的游戲應用程序。[2023/7/18 11:00:19]

關于?ENS?和?IPFS?的進一步釋義，感興趣的讀者可以閱讀《一文了解迄今為止最成功的非金融類以太坊應用程序?ENS》《深度解析?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。

Coinbase NFT推出創作者中心“Creator Hub”:3月17日消息，Coinbase NFT宣布推出創作者中心“Creator Hub”，旨在簡化啟動NFT集合和構建Web3社區的過程。“Creator Hub”將扮演創作者工具一站店的角色，用戶使用這些工具只需三步即可啟動NFT藏品，包括選擇合約、鑄幣偏好、以及自定義圖像、描述、定價和鑄幣時間，然后添加錢包即可在市場上列出。此外，創作者中心還可以幫助用戶創建Discord機器人來追蹤NFT銷售情況、查詢下載NFT持有者明細列表，以及在個人網站上嵌入NFT藏品并創建代幣門控體驗。[2023/3/17 13:10:01]

更多采用?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。

Aptos和谷歌云合作計劃推出加速器項目:金色財經報道，公鏈項目 Aptos 宣布與 Google Cloud 達成合作，Google Cloud 將為其部分驗證節點和其他服務提供支持。Aptos 區塊鏈也將被編入索引并加入 Google Cloud 的 BigQuery 服務。

此外，Google 和 Aptos 基金會將啟動加速器計劃，并在明年共同舉辦黑客馬拉松。[2022/11/11 12:46:43]

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

概括一下，事前準備三樣東西：

一個github賬號；

一個ENS域名，以及對應的錢包和少量?ETH?作為?gas；

一個notion賬號，并制作一個個人profile頁面。

?1.從Notion導出Html

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

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

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

Yuga Labs聯合創始人：Otherside官方推特賬號出現異常:10月12日消息，Yuga Labs聯合創始人Greg Solano在推特上表示，元宇宙項目Otherside的官方推特賬號出現異常，并請用戶目前不要相信該賬號發布的消息。

目前，Otherside推特簡介內容已清空，推特名也已改為無實際意義的“-”字符。

此前報道，美國證券交易委員會（SEC）正針對Yuga Labs發布的部分NFT是否更類似股票，以及ApeCoin是否違反聯邦法律的問題展開調查。Yuga Labs表示將全力配合相關調查。[2022/10/12 10:31:52]

?2.上傳到?Github

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

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

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

加密貨幣低迷導致以太坊的用電量暴跌50%:金色財經消息，據《衛報》報道，由于代幣價格低迷迫使礦工關門，一些最大的加密網絡的用電量下降了多達50%。Digiconomist的估計顯示，最耗能的網絡比特幣的用電量急劇下降，從6月11日的每年204.5TW/h的高位下降到截至周四的每年132.07TW/h，在不到三周的時間內下降了35%。以太坊網絡的用電量下降更為明顯，從每年93.98TW/h的下降到每年47.73TW/h，32天內下降了49%。（cryptoslate）[2022/6/26 1:32:34]

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

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

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

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

?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?網絡有些許類似之處，都具有不可追蹤、匿名性的特點。

不足

對于?Web?2?的兼容性仍然有待提高

雖然工具已經支持很多主流框架，但還不是全部，對于像?PHP?這種的動態網頁框架仍然是不支持的狀態。整體兼容度還有待提高。

對國內用戶不友好

由于當前?IPFS?的節點還遠未達到白皮書中所計劃的數量，因此，Dweb?在國內的訪問有一定的阻礙。

希望未來能夠看到更加完善的方案，以及技術的迭代。

Tags：WEBENSHUBHTMLWEBFOURQUEENSHIBA幣LendHubHTML價格

USDT