服务器托管或者服务器租用如何基于IPFS建一个静态网站

　　用户将主机用作网站站点是最常见的做法了。这里介绍一个搭建静态网站的方法。

　　1 常见的html页面，通常由 html，css，js文件构成

　　创建一个文件夹来存放我们页面：demo

　　在文件夹下面创建一个文件 index.html

　　本文使用了bootstrap框架进行排版，把bootstrap文件同时放到文件夹demo下面。

　　于是你的文件夹结构如下：

　　demo:

　　--- index.html

　　--- bootstrap.min.

　　--- cssbootstrap.min.js

　　--- jquery.min.js

　　--- style.css

　　--- wechat_mp.jpeg

　　一个网站具备的全部元素都在这里了。

　　2 发布网站到IPFS上面

　　根据之前文章介绍的方法，如果你的IPFS节点没有启动，首先要执行 ipfs daemon 启动节点，只有节点启动才能与其它节点建立连接，把你的网站发布出去。

　　命令行定位到文件夹的上层文件夹，执行

　　ipfs add -r demo

　　返回值如下：

　　localhost:Desktop tt$ ipfs add -r demo

　　added QmYUaCPwvJWiueRXFSTTv8vdedWWzRhRdn8RMw35e7k67u demo/bootstrap.min.css

　　added QmNXRFREw7waGtKW9uBUze3PkR9E12HeeAQSkZQSiFUJqo demo/bootstrap.min.js

　　added QmaoVnNzLmM23M9EAGk7vPJMN2MHLUJQNT8Rs4nVWr2nPG demo/index.html

　　added QmWS8GZ4yk69ZHtBWx9RwSGc6WW7DMeCVmc74iVYnC5WQC demo/jquery.min.js

　　added QmZjV1QuvTkVcaR1qkvxM2RjCicYx2B8tVKLgEx8V7TUgV demo/style.css

　　added QmNrDoGiTMpZmmbMq1ocZvoQ7vRbZqybpe2vrvbnW6fvXb demo/wechat_mp.jpeg

　　added QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS demo

　　这是小编的电脑上的输出结果，你的可能会不一样。除非你严格的跟小编的内容一致，IPFS是内容寻址，只要内容完全一样，生成的哈希值就一样。

　　3 查看你发布的网站

　　上面输出的最后一行，demo的文件夹哈希值，就是你的网站的根目录，可以使用http://ipfs.io提供的网关查看https://ipfs.io/ipfs/QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　截止到现在我们完成了网站的发布，是不是很简单。

　　http://ipfs.io网关最近有点不太稳定，可能打开的时间稍长

　　4 IPNS

　　哈希跟ip地址一样难以记忆和传播，ipfs提供ipns来解决这个问题，ipns允许为哈希地址绑定域名，很简单，只需要在域名解析里面添加一条TXT记录即可：

　　dnslink=/ipfs/

　　例如小编的哈希地址是 QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　TXT解析的值为： dnslink=/ipfs/QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　一旦域名解析生效，那么我们可以通过 http://ipfs.io/ipfs/your.domain 来访问网站了。

　　5 域名绑定

　　每次发布，只要内容有变化（如果没变化，你也不会重新发布网站），那么生成的哈希一定是不一样的，那样我们是不是要每次都去设置一下DNS的TXT解析呢？当然不用，如果这样子，这个技术就没有存在的必要了，ipns支持现有的域名系统。

　　我们可以为我们的网站绑定已有的域名：

　　第一步：执行：ipfs name publish your_hash，your_hash是刚才生成的文章根目录demo文件的哈希地址

　　localhost:Desktop tt$ ipfs name publish QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　Published to QmaiXZeg5PQ2CqojCTCHi9ftmPJmhiC6kRYKDx4TJ3Frxu: /ipfs/QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　ipfs name publish命令后面的的哈希值就是网站根文件目录 demo的哈希值。命令的输出分为两部分，意思是把你的地址 /ipfs/QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS 发布到了你的 节点IDQmaiXZeg5PQ2CqojCTCHi9ftmPJmhiC6kRYKDx4TJ3Frxu下面。

　　第二步：查看解析是否生效 ipfs name resolve your_id_hash

　　localhost:Desktop tt$ ipfs name resolve QmaiXZeg5PQ2CqojCTCHi9ftmPJmhiC6kRYKDx4TJ3Frxu

　　/ipfs/QmYaGz9ChV3PcRuz3Zmr8XP34gxAe2gunZdtM7sKhDMqUS

　　可以执行 ipfs id随时查看你的节点ID。这个时候我们就可以使用节点ID来访问网站，http://ipfs.io/ipns/QmaiXZeg5PQ2CqojCTCHi9ftmPJmhiC6kRYKDx4TJ3Frxu/，注意这里使用的是ipns，而不是ipfs。

　　因为我们节点ID是不会发生变化的，以后每次更新完网站，只需要发布一次ipfs name publish就可以重新进行绑定。我们访问的地址就会一直保持不变。

　　第三步：绑定域名

　　既然我们有了一个不会发生变化哈希，那么域名绑定就变得简单了。修改我们上面的DNS的TXT解析值：

　　dnslink=/ipns/IDQmaiXZeg5PQ2CqojCTCHi9ftmPJmhiC6kRYKDx4TJ3Frxu

　　·如果你自己运行有ipfs节点，可以在域名解析里面添加A记录，指向自己运行ipfs节点的主机即可。

　　·如果你不想运行自己的ipfs节点，仍然可以借助于IPFS官网提供的网关地址 http://gateway.ipfs.io，在域名解析里面建立一条CNAME记录，将解析指向 http://gateway.ipfs.io，同时建立一条TXT记录指向 _dnslink.your.domain 指向 dnslink=/ipns/<你的节点id>

　　等待解析生效

　　然后，你就可以使用自己的域名来访问网站了。

　　最后，每次网站有更新，执行 ipfs add 后，需要执行一次 ipfs name publish重新发布一下，就可以了。

————————————————

版权声明：本文为CSDN博主「Souidc-hph」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/hephsouidc/article/details/103044095