- A+
先看一下Greg的个人网站:
Dappy网址:betanetwork/lgm

Greg个人网站的图片和文字全部都存在链上,不可篡改呦。通过Dappy浏览器可以浏览。今天我们就来手把手地创建一个个人网站。
切换到测试网
目前Dappy只支持部署在测试网上。首先,进入settings -->networks

点击remove network, 把原有的b1.dappy.tech删除掉。因为b1.dappy.tech对应的是RChain主网,在部署个人网页时会失败。我们需要切换到测试网。
点击add a node, 输入t1.dappy.tech

然后点击try to retrieve IP and certificate
然后点击Add node
导入个人钱包账户

在测试网上传文件和部署智能合约都要消耗test REV,主网的REV是不管用的。所以大家可以向我索取test REV。
向链上传图片
现在我们已经连上了测试网,点击侧栏的Deploy, 进入部署页。
点击File 标签页,我们会看到File upload. 目前Dappy对上传的图片有限制,提示信息显示最大为256KB,但实际上这是文件转换之后的大小,而不是图片的真实尺寸。所以实际被允许的图片尺寸要小很多。以我上传的png格式图片为例,我把图片大小压缩到87K, 才能顺利上传。

查看上传之后的图片
如果上传过程顺利,我们在Transaction 页面中能够看到:

在Dappy浏览器的地址栏中输入:betanetwork/fggshayygw8tdfj9k3bz1uuz4xfre6j97yjzufaq9fqwj6hwtjdafn.index 看到已经上传的图片。图片以文件的形式显示,不过没关系,我们下一步会链接到这个图片,图片能够在网页中正确显示。

在网页中插入链接
如果我们想在网页中插入链上网页的链接,需要提前生成该网页,因为Dappy网页的链接是unforgable name,是在部署的时候生成,之后不能更改。
现在已经有了图片的链接:betanetwork/fggshayygw8tdfj9k3bz1uuz4xfre6j97yjzufaq9fqwj6hwtjdafn.index
和另一个提前生成的网页的链接:
betanetwork/c3nuprpqfizb71cjhwc8sgo6ebc658adokkkaxw3prtn1655i19ndc.index
我们开始部署主页,点击Deploy,在predefined dapps中选择page, 然后点击next page。
这一页有很多信息,包括可以选用的javascript库、CSS库以及可以自定义的js代码、CSS代码和html代码等,我们可以先忽略这些细节。
直接到下一步,完成phlo费用支付设置后,然后点击Deploy dapp
只有在这一步顺利完成后,我们才有资格上传自己的网页信息。如果你看到这个提示信息,说明进展顺利,现在我们要等待链上返回成功信息。

当窗口里自动弹出这个提示框时,表示我们可以进入页面编辑环节了:

点击navigate to dapp

在Dappy浏览器中,我们能看到网页编辑器,编辑器支持markdown格式,

我们输入包括图片链接和网页链接的markdown文本,然后点击Save text and create page
支付完phlo费用,点击Send transaction.
提示信息如下 :

然后等待。隔一段时间,刷新一下页面,就能看到成功上链的网页了。
注册域名
接下来,我们为这个主页注册一个好记的域名。先把网页的链接记下来:betanetwork/kta1o53tqiro3u79nbper5p5c7tm6qo8fa8cmg9iqzfnqo69dhixh8.index
点击 Settings --> Names --> Purchase name

大功告成。最后,看看我上传的论持久战:betanetwork/chijiuzhan