1. 首页
  2. 实战操作

在 IPFS 上建立简易的网站

本文将关注如何创建一个简单的网站,并且将它发布在IPFS上。同时也可以轻松的完成对网站内容的更新。

Step 1. 安装 IPFS

参考如下文档完成 IPFS 的安装 https://ipfs.io/docs/install/

Step 2. 创建一个静态页面

首先,你需要创建一个 site 文件夹,包含一个静态的 html 页面,所有的资源都是可用的。

<!DOCTYPE html>
<html lang=”en”>
<head> 
<meta charset=”UTF-8"> 
<title>Hello IPFS!</title> 
<link rel=”stylesheet” href=”./style.css” />
</head>
<body> 
<h1>Hello IPFS!</h1>
</body>
</html>

之后可以再创建一个 css 文件:

h1 { color: green;}

Step 3. 将文件添加到 IPFS

接下来你需要把文件夹添加到 IPFS。

$ ipfs add -r site/

你将会看到如下内容:

added QmTVJ4XtUhqb6KMW8kxDwArVweACcy7VXAfinEks9Fd8cJ site/index.html
added QmfGLJ3mryLvicQqzdsghq4QRhptKJtBAPe7yDJxsBGSuy site/style.css
added QmPzuBfgH2ox4Eujj1THd6ykLiceyEqB9jecuAzPzd3nPV site

site 所对应的哈希值就是你的网页的根目录值,你可以通过https://gateway.ipfs.io/ipfs/<your hash here>访问该资源。上文的网页对应的地址是:https://gateway.ipfs.io/ipfs/QmeYxwj4CwCeGVhwi3xLrmBZUUFQdftshSiGLrTdTnWEVV

在 IPFS 上建立简易的网站

Step 4.发布到 IPNS

现在你已经把静态网页的资源发布到 IPFS 上了。但是这样也会带来一定的问题,如果你更新的网页内容,之前分享的哈希值不会自动更新。你需要持续分享最新的哈希值。为了解决这个问题,我们引入了 IPNS。通过 IPNS,我们可以将最新的IPFS上内容的哈希值映射到你的 peerID 命名空间(hash of your public key)。

$ ipfs name publish <your site hash>

这个命令会返回给你 peerID 和对应内容的哈希值。可以通过以下命令确认:

$ ipfs name resolve <peerId>

或者通过浏览 https://gateway.ipfs.io/ipns/<peerID> (注意在 ipns 目录下而不是 ipfs).

Step 5. 完成

好样的,你已经完成了所有的步骤。若需要对网页内容进行修改,则只要在此执行前四个步骤,重新发布 IPNS 就可以保证内容的一致。

原创文章,作者:Redwinam,如若转载,请注明出处:https://ipfsdrop.com/practice/105/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

(+86)18301922335

在线咨询:点击这里给我发消息

邮件:haskell@freechains.cn

工作时间:7×24小时

QR code