静态网页托管_视频教程:如何在IPFS上托管网站!
最近,一些朋友問我,這個IPFS項目,被說得那么好,那么大,它具體是怎樣的呢?
有沒有實際的東西,來展示它的理念呢?這里,暢賽君整理了官方的資料,以視頻和文字的形式,向大家展現,IPFS是如何應用到實際中去的。
視頻內容:
教程:如何使用ENS+IPFS托管網站
How to Host Your Website Using ENS+IPFS
使用IPFS托管網站的很多,以下有更具體的操作介紹。
使用IPFS,IPNS和DNSLink托管網站
這是一個快速教程,將教您如何:
- 在IPFS上托管一個簡單的靜態網站。 
- 更改網站內容時,使用IPNS保留一個id(地址) 
- 使用DNSLink將IPNS ID替換為可讀的地址 
1、安裝,初始化IPFS并將其連接到公用網絡
您可以點擊下方鏈接,跟著教程安裝。
這是暢賽君之前出的教程。騰訊視頻標題為:
8個步驟,教會你輕松接入IPFS主網!
2、創建一個簡單的靜態站點
只要所有鏈接都是相對的,您所需要的只是一個簡單的靜態HTML頁面。例如,寫一個很簡單的網頁,如下圖所示:
這是一個很簡單的網頁,由下面網頁代碼寫成
將這些文件保存在名為site的文件夾中。
index.html
style.css
3、添加到IPFS
接下來,您需要將站點添加到IPFS。
您應該會看到以下內容:
ipfs / 來訪問。
您也可以從公共IPFS網關查看網站,但是該網站可能需要幾分鐘到幾小時才能在公共網關上可用。
https://gateway.ipfs.io/ipfs/QmQToNGFsGMkQe76mRirCvRykJSiRB1JPpRLumyMN7N67T
4、發布到IPNS
現在,您在IPFS上托管了一個簡單的靜態站點。問題是,每當您更新站點時,哈希值都會更改,并且您共享的任何鏈接將繼續指向舊版本。
您需要一種始終共享最新哈希的方法。這就是IPNS的用處。它允許您將對IPFS哈希的引用存儲在peerID的名稱空間(公共密鑰的哈希)下。
如果您想進一步了解IPNS及其工作原理,請訪問這條連接:https://simpleaswater.com/ipns/
這可能需要幾分鐘的時間。我們將在下面看到如何使用DNSLink更快地執行此操作。使用IPNS發布網站后,您會看到一些鏈接。
這將返回您的peerID(上面的粗體文本)和要向其發布的哈希。您可以通過運行以下命令進行確認:
這也需要幾分鐘。執行此操作后,您將看到以下內容:
或者,您可以查看https://gateway.ipfs.io/ipns/ (注意目錄是ipns而不是ipfs)。這也需要幾分鐘。
幾分鐘后,您將能夠看到您的網站:
https://gateway.ipfs.io/ipns/QmdZZgjYoh9sQUonNyefkMyXhEMXFC2rGvhXsJAbAPsF55
IPNS在大約12個小時后忘記了(Time to Live System)發布的名稱。您可能要運行cron作業以在12小時內重新發布。
5、使用DNSLink
您必須將網站托管在AWS,GoDaddy等托管服務上,才能完成本教程的其余部分。否則,您可以在這里結束教程:)
IPNS不是在IPFS上創建可變地址的唯一方法。您還可以使用DNSLink,它現在比IPNS快得多,并且還使用更易讀的名稱。
DNSLink地址看起來像IPNS地址,但是它使用域名代替哈希公鑰:
漂亮吧?讓我們看看它是如何完成的。
我正在使用GoDaddy托管我們的靜態網站。您也可以使用任何其他托管服務。
您必須添加DNS TXT記錄,如下所示。
如果您不知道如何添加TXT記錄,只需搜索“將DNS txt記錄添加到”。
現在,請等待幾分鐘,以使更改生效。
還有,瞧!現在,我們可以使用漂亮的鏈接訪問我們可愛的小網站。
https://gateway.pinata.cloud/ipfs/QmWcLKHWqrRB95zQnb4vX8RRgoGsVm5YAUHyZyiAw4mCMQ/?
往期精彩內容:
IPFS科普 | 3個短視頻,帶你讀懂“百倍幣”項目——IPFS&Filecoin
協議實驗室團隊成員背景曝光,陣容竟然如此強大!
月月醬第15期:數據存儲的成本有多高?
80%資金流向比特幣,即將上線的Filecoin是破局者?!
IPFS,一個連阿里云都忌憚的項目!
月月醬解碼IPFS第17期:手機短視頻背后,數據是存儲和傳輸的呢?
月月醬第19期:IPFS的應用場景都有哪些?
全方位了解IPFS
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的静态网页托管_视频教程:如何在IPFS上托管网站!的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 【LeetCode笔记】117.填充每个
- 下一篇: 【LeetCode笔记】48. 旋转图像
