【WEB前端2024】新升级功能：快速生成智体节点、3D场馆的静态资源网站——使用html文件一键生成功能——方便SEO收录

【WEB前端2024】新升级功能：快速生成智体节点、3D场馆的静态资源网站——使用html文件一键生成功能——方便SEO收录

dtns.network是一款主要由JavaScript编写的智体世界引擎（内嵌了three.js编辑器的定制版-支持以第一视角游览3D场馆），可以在浏览器和node.js、deno、electron上运行，它是一个跨平台的软件，支持多个操作系统使用！

为了实现ib3.hub智体节点的资源、内容、最新头榜内容，能通过静态资源网站（HTML站点），方便SEO收录优秀的智体节点3D场景、插件资源、文件资源、用户内容资源。故专门设计了强大且方便的一键“HTML生成”功能（同时生成md文件）。通过资源文件使用pop.fastdown的webrtc协议的p2p文件极速下载器，能允许每一个用户能方便地下载使用ib3.hub智体节点的资源文件、课程资源、视频资源、各种内容资源（例如插件、源码、机器人、兴趣社区内容等）。

以下是本次的功能升级介绍。

升级的一键生成html静态网页和MD文件功能：

1、支持将头榜的所有类型内容，通过头榜编辑器“生成HTML”功能一键生成静态html网页和md源码（markdown源文件）

2、支持多图片

3、支持云文件夹下的首层所有文件

4、支持多个文件

5、支持xverse-3D轻应用（及其源码）

6、支持mp4等的视频教程文件

7、支持付费头榜

8、支持xcard轻应用

9、支持生成HTML静态文件的同时，自动生成对应的MD文件

10、支持md浏览器中增加的HTML一键生成功能

11、支持使用pop-fastdown极速下载文件（单节点速度亦可达10MB/s，速度不亚于使用迅雷等BT下载器）——前面的fastdown极速下载器，有提到通过这个fastdown功能可实现FCDN（极速智体CDN网络）

12、利用本功能可轻松实现web3-web2网络间的桥接和分享作用

以下是使用教程：

第一步：找到1个xverse轻应用，点击右上角…进入头榜编辑器，点击下方的【生成HTML】按钮生成HTML静态文件和MD文件

点击右上角的…进入头榜编辑器，可在下方看到新增加的“生成HTML”功能。

点击生成HTML，不到1秒快速生成了对应的MD文件和HTML静态网页文件（如下图所示）

点击打开*.html静态网页文件

我们看到了生成的xverse轻应用的静态HTML，点击xverse-3D轻应用，可跳转pop-fastdown下载该3D场馆的源码文件（如下图所示）

点击上图中的download一键下载

我们看到下载完3MB文件仅须2秒（事实上不到2秒——还涉及资源文件路由等待时间等），点击这个zip文件查看3D场馆源码（如下图，须使用解压缩工具使用7z来解压）

点击压缩包中的.xverse.json源文件，使用vscode打开，可看到这个3D纪念馆的源码是一个json文件。

第二步：找到一个多图的头榜，点击右上角…进入头榜编辑器，通过“生成HTML”一键生成md文件和静态html文件

点击生成后的HTML静态文件如下图所示：

我们看到生成的HTML文件，自动包含了刚才看到的几张图片（通过滚动条下移，可看到所有的6张图片）

点击生成的md文件，如下图所示：

我们看到，这里面包含了6张图片，并且图片数据base64编码的图片内容，全部附在了md文件的末尾（成功实现了包含了6个图片头榜内容打包为MD和html静态网页文件）

第三步：找到云文件夹“我的文件夹”，点击右上角“…”进入头榜编辑器，一键生成文件列表的静态HTML文件

生成成功后点击生成的HTML文件如下图所示：

我们看到，仅包含了第1层的“文件”，而不包含“文件夹”和文件夹里面的子文件。

点击最正面的xverse.zip之3D场馆源文件（压缩包），进入pop-fastdown页面，如下图所示：

点击download下载，可看到1秒即完成了0.5MB的3D场馆源码的下载。

我们点击查看对应生成的MD文件（如下图所示）

可以看到，采用的是链接：dtns.network.yunapi.org/fastdown/fastdown.html?file-url的链接（智体世界pop.fastdown下载器——亦可将该下载器静态网页工具源码复制至自己的PC电脑上直接使用该下载器，而不用使用dtns.network官方站点的极速pop-fastdown下载器）

第四步：找到1个视频教程头榜，点击右上角…进入头榜编辑器，点击“生成HTML”一键生成对应的HTML和MD文件

生成HTML文件结果如下（下载完后打开它）：

点击其中1个MP4文件（如下图）

如上图所示，点击download按钮下载它，我们看到这里的极速达到了7MB/s（如文件更大，下载速度可达10MB/s——因为文件小，没达到极速就已经下载完该文件了）。

总结使用了不到7秒即下载完了30MB的教程视频文件，体验还是非常不错的。

第五步：找到1个MD文件，点击该文件打开md文件浏览器，找到右上角的“HTML”功能生成静态的HTML文件

如上图，点击该md文件进入markdown文件浏览器（如下图所示）

在标题栏的右上角，找到“HTML”按钮，点击生成HTML静态网页文件（如下图所示）

我们从上图看到，生成的html静态文件已经被网页浏览器下载为*.html文件。

我们点击打开这个html静态文件如下图（注意看：有个浏览器的网址栏为*.html，代表了打开的是刚才生态的这个静态html文件）

注：我们看到，从md浏览器将md文件一键生成html，功能与头榜编辑器的【生成HTML】功能一致，均是将内容生成为html静态网页——当然，中间文件即是md文件（再由md文件生成html文件）。

第六步：在头榜页面找到插件头榜内容，点击右上角…进入头榜编辑器，通过“生成HTML”生成了插件的静态资源分享网页（方便SEO搜索收录插件资源）

生成的html静态网页结果（如下图所示）：

点击rtcode.html，查看该静态网页：

我们从上图看到，生成了rtcode-17.dpkg的插件资源的分享网页，点击这个插件文件链接，可跳转pop-fastdown下载器下载它。

我们看到，下载器很给力，迅速下载完该*.dpkg插件源文件。

第七步：在头榜页面找到须付费的头榜内容，点击右上角…进入头榜编辑器，通过“生成HTML”一键生成对应的静态网页

生成的静态网页如下图：

点击这个新生成的静态网页，打开它：

我们看到了须付费的头榜内容，对应的网页内容标题，有了（定价1$）的付费头榜内容提醒。

总结：经过上这述7步，我们体验了新升级的一键【生成HTML】功能，可以快速生成静态的HTML文件和MD文件。看到这些静态html文件，是通过pop-fastdown实现了所有的头榜分享的资源文件的下载。有了这个强大的从web3-web2的资源分享HTML文件生成功能，就可以为所有的ib3.hub智体节点，建立一系列的web静态资源网站，方便搜索引擎用户和更多的新用户，便捷地体验到dtns.network智体世界引擎提供的丰富且强大的智体应用和各类消费者网络资源！并且实现了各个智体节点之间的各类资源在传统网站、传统搜索引擎、传统web网络上的共享。实现数据、资产、用户、资源、价值的随心所欲的流动。

生成html静态文件资源，将为dtns.os智体操作系统注入源源不断的用户驱动力！

注：dtns.network德塔世界（开源的智体世界引擎）是在github和gitee上开源的项目！

开源地址：

github地址：https://github.com/dtnsman/dtns

Gitee地址：https://github.com/dtnsman/dtns

官方文档：https://dtns.network.yunapi.org

加入QQ群：279931001

加入微信群：