如何修改创建的html文件的ip,IPFS+IPNS+个人博客搭建

最新推荐文章于 2023-01-31 13:17:04 发布
最新推荐文章于 2023-01-31 13:17:04 发布
阅读量1.6k 收藏
点赞数
文章标签： 如何修改创建的html文件的ip

目录

1. 如何在IPFS新增一个文件

1.1 新建file.txt文件

1.2 查看ipfs相关命令

1.3 将file.txt添加到ipfs节点

2. 通过ipfs创建目录存储文件

3. 如何在IPFS新增一个目录

3.1 使用ipfs add -r可以上传一整个目录

3.2 通过路径访问contactme.txt文件数据

3.3 通过Hash查看数据IPFS网络数据

4. 创建简易的网页发布到IPFS

4.1 创建一个index.html文件

4.2 创建一个style.css文件

4.3 添加到ipfs

4.4 网络同步

4.5 访问网站

4.6 发布到IPNS

5. 发布个人博客

5.1 搭建静态博客

5.2 节点ID替换

5.3 浏览博客

6. 下篇预报

6.1

ipfs + ethereum``Dapp开发入门

1. 如何在IPFS新增一个文件

1.1 新建file.txt文件

打开终端，切换到桌面，新建一个文件夹1121，切换到1121中，通过vi新建一个文件file.txt，文件里面输入春哥微信号liyc1215保存并且退出。

localhost:Desktop yuechunli$ pwd

/Users/liyuechun/Desktop

localhost:Desktop yuechunli$ mkdir 1121

localhost:Desktop yuechunli$ cd 1121/

localhost:1121 yuechunli$ vi file.txt

localhost:1121 yuechunli$ cat file.txt

liyc1215

localhost:1121 yuechunli$

1.2 查看ipfs相关命令

localhost:1121 yuechunli$ ipfs help

USAGE

ipfs - Global p2p merkle-dag filesystem.

ipfs [--config= | -c] [--debug= | -D] [--help=] [-h=] [--local= | -L] [--api=] ...

SUBCOMMANDS

BASIC COMMANDS

init Initialize ipfs local configuration

add Add a file to IPFS

cat Show IPFS object data

get Download IPFS objects

ls List links from an object

refs List hashes of links from an object

DATA STRUCTURE COMMANDS

block Interact with raw blocks in the datastore

object Interact with raw dag nodes

files Interact with objects as if they were a unix filesystem

dag Interact with IPLD documents (experimental)

ADVANCED COMMANDS

daemon Start a long-running daemon process

mount Mount an IPFS read-only mountpoint

resolve Resolve any type of name

name Publish and resolve IPNS names

key Create and list IPNS name keypairs

dns Resolve DNS links

pin Pin objects to local storage

repo Manipulate the IPFS repository

stats Various operational stats

p2p Libp2p stream mounting

filestore Manage the filestore (experimental)

NETWORK COMMANDS

id Show info about IPFS peers

bootstrap Add or remove bootstrap peers

swarm Manage connections to the p2p network

dht Query the DHT for values or peers

ping Measure the latency of a connection

diag Print diagnostics

TOOL COMMANDS

config Manage configuration

version Show ipfs version information

update Download and apply go-ipfs updates

commands List all available commands

1.3 将file.txt添加到ipfs节点

localhost:1121 yuechunli$ ls

file.txt

localhost:1121 yuechunli$ ipfs add file.txt

added QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T file.txt

localhost:1121 yuechunli$ cat file.txt

liyc1215

localhost:1121 yuechunli$ ipfs cat QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T

liyc1215

localhost:1121 yuechunli$

当执行完ipfs add file.txt这个命令以后，会将file.txt添加到ipfs当前的节点中，并且会对file.txt文件生成一个唯一的hash``QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T，如果想查看本地ipfs节点的数据，可以通过ipfs cat QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T进行查看。

⚠️：当我试图通过http://ipfs.io/ipfs/QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T进行数据访问时，无法访问，如下图所示：

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

image

⚠️：虽然数据已经添加到当前的你自己的IPFS节点中，但是并没有同步到IPFS网络，所以暂时在网络上无法访问。

⚠️：重要：接下来执行下面的命令同步节点数据到IPFS网络，再试图在网络上查看数据。

同步节点

新建一个终端，执行ipfs daemon。

localhost:.ipfs yuechunli$ ipfs daemon

Initializing daemon...

Adjusting current ulimit to 2048...

Successfully raised file descriptor limit to 2048.

Swarm listening on /ip4/111.196.246.151/tcp/3637

Swarm listening on /ip4/127.0.0.1/tcp/4001

Swarm listening on /ip4/169.254.170.167/tcp/4001

Swarm listening on /ip4/192.168.0.107/tcp/4001

Swarm listening on /ip6/::1/tcp/4001

API server listening on /ip4/127.0.0.1/tcp/5001

Gateway (readonly) server listening on /ip4/127.0.0.1/tcp/8080

Daemon is ready

从IPFS网络查看数据

2. 通过ipfs创建目录存储文件

在着上面的步骤走，我们可以通过ipfs cat QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T liyc1215查看添加到ipfs网络的file.txt文件的内容，如下：

localhost:1121 yuechunli$ ipfs cat QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T

liyc1215

localhost:1121 yuechunli$

当然，我们也可以通过ipfs的相关命令在ipfs的根目录下面创建文件夹，并且将file.txt文件移动或者拷贝到我们创建的文件夹中。

⚠️：cp不会改变文件hash，mv会改变hash寻址。

localhost:1121 yuechunli$ ipfs cat QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T

liyc1215

localhost:1121 yuechunli$ ipfs files mkdir /LiYueChun

localhost:1121 yuechunli$ ipfs files cp /ipfs/QmbrevseVQKf1vsYMsxCscRf6D7S2dftYpHwxkYf94pc7T /LiYueChun/file.txt

localhost:1121 yuechunli$ ipfs files ls /

LiYueChun

localhost:1121 yuechunli$ ipfs files ls /LiYueChun/

file.txt

localhost:1121 yuechunli$ ipfs files read /LiYueChun/file.txt

liyc1215

localhost:1121 yuechunli$

3. 如何在IPFS新增一个目录

3.1 使用ipfs add -r可以上传一整个目录

localhost:1121 yuechunli$ ipfs add -r ipfs-tutorial/

added QmYx4BnhnLXeMWF5mKu16fJgUBiVP7ECXh7qcsUZnXiRxc ipfs-tutorial/contactme.txt

added QmfKdWsguobA3aDPvSxLB3Bq4HMKyqKSgFr2NFUuVH8n31 ipfs-tutorial/eth-fabric.png

added QmXe8jTxTh5MZP6BK5cnj19mXNTKVMzNyUJZUHuYyr5dk1 ipfs-tutorial/gongzhonghao.png

added QmSsjQDVw1fvmG5RsZMgp2GjihiXn2zDv64mfHZN3AREek ipfs-tutorial

3.2 通过路径访问contactme.txt文件数据

如果我们上传的是目录，那么可以通过下面几种方式访问到contactme.txt文件的数据。

localhost:1121 yuechunli$ ipfs cat QmYx4BnhnLXeMWF5mKu16fJgUBiVP7ECXh7qcsUZnXiRxc

localhost:1121 yuechunli$ ipfs cat /ipfs/QmYx4BnhnLXeMWF5mKu16fJgUBiVP7ECXh7qcsUZnXiRxc

localhost:1121 yuechunli$ ipfs cat /ipfs/QmSsjQDVw1fvmG5RsZMgp2GjihiXn2zDv64mfHZN3AREek/contactme.txt

localhost:1121 yuechunli$

3.3 通过Hash查看数据IPFS网络数据

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

image

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

image

4. 创建简易的网页发布到IPFS

在这里我先自己写一个简单的网页给大家演示，先在桌面新建一个site文件夹，然后按照下面的步骤在site文件夹中建立index.html和style.css文件。

4.1 创建一个index.html文件

Hello IPFS!

Hello IPFS!

4.2 创建一个style.css文件

h1 {

color: green;

}

4.3 添加到ipfs

localhost:Desktop yuechunli$ ipfs add -r site/

added QmWG5rbgT9H77TGq49RXNoqN8M7DNKMnMX425nkmCB6BjS site/index.html

added QmfGLJ3mryLvicQqzdsghq4QRhptKJtBAPe7yDJxsBGSuy site/style.css

added QmdVEGkT5u7LtzzatTrn8JGNEF3fpuMPVs2rPCfvqRykRp site

最后一行是项目根目录的hash，你先通过ipfs daemon同步网络，然后可以通过https://ipfs.io/ipfs/，即https://ipfs.io/ipfs/QmdVEGkT5u7LtzzatTrn8JGNEF3fpuMPVs2rPCfvqRykRp访问项目。

4.4 网络同步

localhost:Desktop yuechunli$ ipfs daemon

4.5 访问网站

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

image

4.6 发布到IPNS

当我们修改网站内容重新添加到ipfs时，hash会发生变化，当我们网站更新时，我们可以将网站发布到IPNS，在IPNS中，允许我们节点的域名空间中引用一个IPFS hash，也就是说我们可以通过节点ID对项目根目录的IPFS HASH进行绑定，以后我们访问网站时直接通过节点·ID访问即可，当我们更新博客时，重新发布到IPNS`即可。

localhost:~ yuechunli$ ipfs name publish QmdVEGkT5u7LtzzatTrn8JGNEF3fpuMPVs2rPCfvqRykRp

Published to QmdKXkeEWcuRw9oqBwopKUa8CgK1iBktPGYaMoJ4UNt1MP: /ipfs/QmdVEGkT5u7LtzzatTrn8JGNEF3fpuMPVs2rPCfvqRykRp

localhost:~ yuechunli$ ipfs id

{

"ID": "QmdKXkeEWcuRw9oqBwopKUa8CgK1iBktPGYaMoJ4UNt1MP"

}

当我们执行ipfs name publish命令时，会返回我们的节点ID，你可以通过ipfs id进行查看验证是否是你的节点ID。

⚠️：验证

$ ipfs name resolve

localhost:~ yuechunli$ ipfs name resolve QmdKXkeEWcuRw9oqBwopKUa8CgK1iBktPGYaMoJ4UNt1MP

/ipfs/QmdVEGkT5u7LtzzatTrn8JGNEF3fpuMPVs2rPCfvqRykRp

localhost:~ yuechunli$

⚠️：当然我们现在就可以通过IPNS进行访问了。

https://ipfs.io/ipns/QmdKXkeEWcuRw9oqBwopKUa8CgK1iBktPGYaMoJ4UNt1MP

⚠️⚠️⚠️：注意上面是ipns而不是ipfs。

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

image

⚠️：如果你网站数据修改，需要重新发布到IPNS。

5. 发布个人博客

你可以通过Hugo按照官方文档创建一个漂亮的静态博客Hugo官方网站，当然你也可以自己编写，或者使用其他开源项目搭建。

5.1 搭建静态博客

大家可以自己搭建，也可以直接下载我的博客源码直接搭建。

5.2 节点ID替换

查看你的节点ID

localhost:ipfs_pin yuechunli$ ipfs id

{

"ID": "《your peer id》"

}

localhost:ipfs_pin yuechunli$

在上面的源码中全局搜索将源码里面的QmdKXkeEWcuRw9oqBwopKUa8CgK1iBktPGYaMoJ4UNt1MP替换成你自己的ID。

5.3 浏览博客

d428dce0e390?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin

IPFS 博客项目效果图

6. 下篇预报

6.1

ipfs + ethereum``Dapp开发入门

weixin_39581945
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ipfs-sync:使用ipfs + ipns的目录同步守护程序
05-06
IPFS同步在IPFS和IPNS之上构建的目录同步守护程序。 您运行守护程序并指定谁可以更新内容，当其中一个更新其ipns值时，您也可以这样做！正在安装警告：该程序还没有解决冲突的方法，它不会自动缓存应该提供的数据...
ipfs html5,IPFS网络详解
weixin_34803977的博客
07-22 262
回顾IPFS - InterPlanetary File System 星际文件系统，是一个点对点的分布式文件存储系统，IPFS的愿景是构建一个全世界的分布式网络，用来替代传统中心化的服务器模式，所有的IPFS节点组成一个分布式网络，每个节点都可以存储文件，用户可以从IPFS构建的网络中以DHT(Distributed Hash Table，分布式哈希表) 的方式获取文件，从而实现了新一代的完全去...
怎么给自己用html做好的网页添加ip地址_小白如何迅速搭建自己的网站（一）
weixin_39714763的博客
12-03 3656
首先我要强调两点：1、本文没有任何形式的销售域名、虚拟主机等相关的广告。2、本文适用于完全不懂代码的小白，用简单且切实有效的野路子，迅速搭建网站。我们来简单了解一下网站运作的原理用户在浏览器中输入网址并请求访问网站；浏览器会将用户的请求发送给该网址所绑定的服务器；服务器接收到请求便将该网站的代码文件返回给浏览器；浏览器拿到网站的代码文件后，渲染并呈现给用户。这样理解以后，我们不难想象，要搭建一个网...
html ip mac,MAC系统下设置ip地址和子网掩码的方法
weixin_39895283的博客
06-18 391
对于MAC电脑中的IP地址，许多用户都不知道该如何查询和设置，现在小编就给大家一起分享下，如何查询MAC电脑的IP地址，以及设置相关的IP地址数据的方法。MAC电脑IP地址设置方法：1：单机桌面右上角的无线图标，无线网卡自动搜索环境中的无线网络，2：点击“打开网络偏好设置”，进入“网络偏好设置”界面，3：选择需要设置IP地址的网卡(本例中以无线网卡为例)。选择“AirPort”，接着点击“高级”，...
html路径172,172网段的子网掩码
weixin_36046580的博客
06-18 7623
请问172.16.4.0/24的子网掩码是多少？怎么计算的？如题。看到如172.16.4.0/24这样的写法，代表的是什么呢?是路由器？交换首先 根据172.16.4.0/24 这个地址 可以看出网络位占24位，即可以得出子网掩码是 255.255.255.0 192.168.0.0/24的子网掩码也是是255.255.255.0 ，如果后面那个24变成 20 子网掩码就是255.255.240....
IPFS值IPNS
最新发布
星瀚
01-31 343
IPNS可以为ipfs的动态内容提供映射，用户通过publish操作，使得其他人访问固定的IPNS地址就可以最终访问到不同的ipfs文件内容。
peer-id-generator：用于IPFS和IPNS的虚荣公钥生成器
02-04
IPFS / IPNS对等ID生成器 该工具会生成IPFS公钥和私钥对，直到找到包含所需子字符串的公钥为止。 密钥存储在本地目录中。 如果您喜欢其中之一，可以将其移至〜/ .ipfs / keystore /以与IPFS一起使用。 安装 go get ...
IPRedirect：在浏览器中将IPFS和IPNS地址重定向到localhost的用户脚本
02-04
IPRedirect （行星际重定向的缩写），一种JavaScript，用于将IPFS和IPNS地址重定向到浏览器中的localhost。 用安装用户。 该脚本假定您的localhost IPFS端口已设置为8080。如果未设置，则需要在脚本的第17行中...
ipfsbot：使用IPFS和IPNS协议作为僵尸网络控制器的僵尸网络的简单示例
02-03
ipfsbot：使用IPFS和IPNS协议作为僵尸网络控制器的僵尸网络的简单示例
HyPNS:超级协议+ IPNS = HyPNS
04-02
:check_mark: :card_file_box: 方便地控制您的数据地位它可以工作，但也正在积极进行Alpha前期开发，API可能会更改。 如果您愿意，可以随时提供帮助：)采用npm install-保存hypns 或者npm install-保存什么？ HyPNS...
IPFS-API：IPFS持续发布的应用程序htmlJS性能
02-04
IPFS-API：IPFS持续发布的应用程序htmlJS性能
IPFS 存储文件夹 与 IPNS的应用
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
01-09 1759
IPFS 存储文件夹 与 IPNS的应用 文章目录IPFS 存储文件夹 与 IPNS的应用将文件夹添加到IPFS服务1. 创建一个 `文件夹`和两个个文件2. 将整个文件夹添加到`IPFS网络`3. 改变目录中的一个文件，或者往目录中新增一个文件这可怎么办呢？IPNS1. 使用 节点ID发布文件夹2. 我们再添加一个文件3. 不同IPFS节点把内容发布到相同的`IPNS`地址生成密钥导出、导入密钥`IPNS`发布，访问较慢的问题 将文件夹添加到IPFS服务 1. 创建一个 文件夹和两个个文件 root@ho
html页面绑定ip地址和端口,端口号和IP地址设置
weixin_42502089的博客
06-04 4012
如果发生服务器变动，或者系统其他软件占用78OA端口，就需要设置OA服务器的IP地址和端口号，按照以下方法操作一、停止78OA相关服务【开始】—>【运行】输入　services.msc　打开系统服务，停止78OA服务　78oa web service　。在服务列表中，右键点击服务，点击【停止】。二、修改端口号和IP地址在78OA安装目录下的“　C:78OAserverconf　”文件夹下，用...
html设置本地连接怎么设置,ip地址怎么设置？本地连接ip设置方法图解教程 电脑维修技术网...
weixin_42161497的博客
06-11 757
适用范围及使用工具适用范围：Xp/Server 2003/Server 2008/WIN7/WIN8各版本系统演示系统：Xp专业版/WIN7旗舰版/WIN8专业版xp系统ip地址怎么设置第1步：单击打开xp或Server2003系统开始菜单，并在开始菜单中找到并打开控制面板，并在打开的控制面板中找到并双击【网络连接】此项。电脑互助网注：直接在桌面上的【网上邻居】图标上右键选择属性是一样可以打开网络...
【IPFS】(三) IPNS
品学楼A107
07-10 2737
在ipfs中，一个文件的Hash值完全取决于其内容，修改它的内容，其相应的Hash值也会发生改变。如果我们把修改前后的文件都通过ipfs add添加到ipfs网络中，那么我们将可以通过这两个Hash值访问到前后两个版本的内容。这种静态特性有利于提高数据的安全，比如 Alice 可以将一份自己签名(私钥加密)的文件放到ipfs中，那么即使她后来对文件进行了修改并重新签名和发布，那么之前的文件依然存在...
ipfs 状态查看，修改配置文件，修改API
mixboot
09-12 2484
1，ipfs 仓库状态 宽带状态 $ ipfs stats repo NumObjects: 145 RepoSize: 689856 StorageMax: 10000000000 RepoPath: /Users/y50/.ipfs Version: fs-repo@7 $ ipfs stats bw Bandwidth TotalIn: 23 MB TotalOut: 14 M...
html网站URL替换域名,使用fiddler中url替换法进行替换请求ip或者域名
weixin_42353258的博客
06-03 859
一、使用fiddler中url替换法进行替换请求ip或者域名1、准备一个即将要替换的测试域名如：www.baidu.com2、抓包查看当前需要进行替换的域名；如：www.douban.com3、进行替换在fiddler工具左侧底部的命令框位置中输入框中输入命令后回车：urlreplacewww.douban.comwww.baidu.com4、检查域名是否替换成功只有看到原先请求的www.d...
服务器fs改变文件内容,IPFS星际文件系统能否改变信息的传播方式？
weixin_39704971的博客
08-12 295
今天的互联网，已经成为人们不可或缺的工具，IPFS与HTTP都是构建数据交换的桥梁，不同点在于前者是去中心化服务器而后者是中心化服务器，各有优势，在所处的时代不同，其肩负的历史使命也不尽相同，不过IPFS的诞生也打破了HTTP存在的局限性问题。HPPT超文本传输协议是如何工作的？我们在上网时，进过看到网址的最前面出现“http://”字样，这其实是万维网 (WWW: World Wide Web)...
关于ipfs的搭建，文件上传和保存详解
Mizrke
03-12 9076
    公司有个主打的项目，需要对大文件进行增删改查的操作。期间考虑过在某个服务器公网上面创建一个存储空间，最终还是被推翻。在公网上面，不仅仅要考虑到服务器的存储空间，还要占用多余的资源，同时，上传和下载的速度真的是不可恭维。由于单一模版都需要10G以上，大文件上传的中断同样让人头疼。重点来了，在这时我的上次向我推荐了ipfs这个项目（好像是区块链技术，不知道现在比特币多少钱了）    言归正传....
IPFS(星际文件系统)
lgstudyvc的专栏
06-13 7295
吃青菜的Filecoin马蜂机和吃肉的IPFS希望读者一步到位，多花点时间，读完这篇文章，看懂了，以后关于IPFS的文章便能一笑置之。IPFS是什么？它是一个协议也是一个网络，已经运行了2年半，并非虚无缥缈的空气。它像比特币网络一样，并没有发明什么新技术，他只是将很多种技术(P2P网络技术、BitTorrent传输技术、Git版本控制，自证明文件系统的数据传输协议等等)加以结合，并在这些技术上改进...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值