整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

新升级功能:生成智体节点、3D场馆的静态网站-方便SEO收录

tns.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文件(如下图所示)

可以看到,采用的是链接:https://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上开源的项目!

寻找部署静态网页的方法吗?这几个开源的静态网站生成工具可以帮你迅速部署界面优美、功能强大的静态网站,无需掌握复杂的 HTML 和 CSS 技能。

• 来源:linux.cn • 作者:Ankush Das • 译者:Xiaobin.Liu •

(本文字数:3396,阅读时长大约:5 分钟)

在寻找部署静态网页的方法吗?这几个开源的静态网站生成工具可以帮你迅速部署界面优美、功能强大的静态网站,无需掌握复杂的 HTML 和 CSS 技能。

静态网站是什么?

技术上来讲,静态网站是指网页不是由服务器动态生成的。HTML、CSS 和 JavaScript 文件就静静地躺在服务器的某个路径下,它们的内容与终端用户接收到的版本是一样的。原始的源码文件已经提前编译好了,源码在每次请求后都不会变化。

Linux.CN 是一个依赖多个数据库的动态网站,当有浏览器的请求时,网页就会生成并提供服务。大部分网站是动态的,你与这些网站互动时,大量的内容会经常改变。

静态网站有一些好处,比如加载时间更短,请求的服务器资源更少、更安全(值得商榷)。

传统上,静态网站更适合于创建只有少量网页、内容变化不频繁的小网站。

然而,随着静态网站生成工具出现后,静态网站的适用范围越来越大。你还可以使用这些工具搭建博客网站。

我整理了几个开源的静态网站生成工具,这些工具可以帮你搭建界面优美的网站。

最好的开源静态网站生成工具

请注意,静态网站不会提供很复杂的功能。如果你需要复杂的功能,那么你可以参考适用于动态网站的 最佳开源 CMS 列表。

1、Jekyll

Jekyll 是用 Ruby 写的最受欢迎的开源静态生成工具之一。实际上,Jekyll 是 GitHub 页面 的引擎,它可以让你免费用 GitHub 托管网站。

你可以很轻松地跨平台配置 Jekyll,包括 Ubuntu。它利用 Markdown 、 Liquid (模板语言)、HTML 和 CSS 来生成静态的网页文件。如果你要搭建一个没有广告或推广自己工具或服务的产品页的博客网站,它是个不错的选择。

它还支持从常见的 CMS( 内容管理系统(Content management system))如 Ghost、WordPress、Drupal 7 迁移你的博客。你可以管理永久链接、类别、页面、文章,还可以自定义布局,这些功能都很强大。因此,即使你已经有了一个网站,如果你想转成静态网站,Jekyll 会是一个完美的解决方案。你可以参考 官方文档 或 GitHub 页面 了解更多内容。

  • Jekyll

2、Hugo

Hugo 是另一个很受欢迎的用于搭建静态网站的开源框架。它是用 Go 语言 写的。

它运行速度快、使用简单、可靠性高。如果你需要,它也可以提供更高级的主题。它还提供了一些有用的快捷方式来帮助你轻松完成任务。无论是组合展示网站还是博客网站,Hogo 都有能力管理大量的内容类型。

如果你想使用 Hugo,你可以参照它的 官方文档 或它的 GitHub 页面 来安装以及了解更多相关的使用方法。如果需要的话,你还可以将 Hugo 部署在 GitHub 页面或任何 CDN 上。

  • Hugo

3、Hexo

Hexo 是一个有趣的开源框架,基于 Node.js 。像其他的工具一样,你可以用它搭建相当快速的网站,不仅如此,它还提供了丰富的主题和插件。

它还根据用户的每个需求提供了强大的 API 来扩展功能。如果你已经有一个网站,你可以用它的 迁移 扩展轻松完成迁移工作。

你可以参照 官方文档 或 GitHub 页面 来使用 Hexo。

  • Hexo

4、Gatsby

Gatsby 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

几年前在一个实验性的项目中,我曾经非常想尝试一下这个工具,它提供的成千上万的新插件和主题的能力让我印象深刻。与其他静态网站生成工具不同的是,你可以使用 Gatsby 生成一个网站,并在不损失任何功能的情况下获得静态网站的好处。

它提供了与很多流行的服务的整合功能。当然,你可以不使用它的复杂的功能,或将其与你选择的流行 CMS 配合使用,这也会很有趣。你可以查看他们的 官方文档 或它的 GitHub 页面 了解更多内容。

  • Gatsby

5、VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具,而 Vue.js 是一个开源的渐进式 JavaScript 框架。

如果你了解 HTML、CSS 和 JavaScript,那么你可以无压力地使用 VuePress。你应该可以找到几个有用的插件和主题来为你的网站建设开个头。此外,看起来 Vue.js 的更新一直很活跃,很多开发者都在关注 Vue.js,这是一件好事。

你可以参照他们的 官方文档 和 GitHub 页面 了解更多。

  • VuePress

6、Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js,但它致力于模块化,并且有能力依赖服务端而非客户端。不仅如此,它的目标是为开发者提供直观的体验,并提供描述性错误,以及详细的文档等。

正如它声称的那样,在你用来搭建静态网站的所有工具中,Nuxt.js 可以做到功能和灵活性两全其美。他们还提供了一个 Nuxt 线上沙盒 ,让你不费吹灰之力就能直接测试它。

你可以查看它的 GitHub 页面 和 官方网站 了解更多。

  • Nuxt.js

7、Docusaurus

Docusaurus 是一个有趣的开源静态网站生成工具,为搭建文档类网站量身定制。它还是 Facebook 开源计划 的一个项目。

Docusaurus 是用 React 构建的。你可以使用所有的基本功能,像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站,那么可以试试 Docusaurus。

你可以从它的 GitHub 页面 和它的 官网 获取更多信息。

  • Docusaurus

8、Eleventy

Eleventy 自称是 Jekyll 的替代品,旨在以更简单的方法来制作更快的静态网站。

它似乎很容易上手,而且它还提供了适当的文档来帮助你。如果你想找一个简单的静态网站生成工具,Eleventy 似乎会是一个有趣的选择。

你可以参照它的 GitHub 页面 和 官网 来了解更多的细节。

  • Eleventy

9、Publii

Publii 是一个令人印象深刻的开源 CMS,它能使生成一个静态网站变得很容易。它是用 Electron 和 Vue.js 构建的。如果有需要,你也可以把你的文章从 WorkPress 网站迁移过来。此外,它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

如果你利用 Publii 生成一个静态网站,你还可以得到一个所见即所得的编辑器。你可以从 官网 下载它,或者从它的 GitHub 页面 了解更多信息。

  • Publii

10、Primo

一个有趣的开源静态网站生成工具,目前开发工作仍很活跃。虽然与其他的静态生成工具相比,它还不是一个成熟的解决方案,有些功能还不完善,但它是一个独特的项目。

Primo 旨在使用可视化的构建器帮你构建和搭建网站,这样你就可以轻松编辑和部署到任意主机上。

你可以参照 官网 或查看它的 GitHub 页面 了解更多信息。

  • Primo

结语

还有很多文章中没有列出的网站生成工具。然而,我试图提到最好的静态生成器,为您提供最快的加载时间,最好的安全性和令人印象深刻的灵活性。

列表中没有你最喜欢的工具?在下面的评论中告诉我。


via: itsfoss.com

作者: Ankush Das 选题: lujun9972 译者: lxbwolf 校对: wxy

本文由 LCTT 原创编译, Linux中国 荣誉推出

点击“了解更多”可访问文内链接

前,我写过一个“WordPress的静态化方法”,使用的是一个名为cos-html-cache的插件实现。

这个插件非常简洁小巧,直接在原网站上生成首页和文章页的html文件,不过,这个插件只支持文章静态化,不支持页面、标签和分类的静态化,之后也再没有过更新。

后来,我想到过利用WordPress插件导出全静态化网站的方法,用这个方法,对于少量文章挺方便,但文章数量一旦多了,就经常出错。

后来,我看到有人在cos-html-cache插件的基础上又开发了一个插件,名叫Super Static Cache,我用了一下,发现其BUG较多,但Rewrite模式是可以正常使用的,在这个模式下,可以将首页、文章页、单页、分类页、Tag页都生成静态化文件,并保存在一个名为super-static-cache的目录下,直接复制这个目录即可得到一个静态化网站。

因此,一个更简单的生成静态化网站的方法来了,先在网站安装Super Static Cache,之后运行一个抓取网站的工具,这类工具很多,例如wget、sitemaps生成器之类的,把整个网站抓一遍(wget还能多生成一份),即可在super-static-cache的目录获取到网站的静态化Html文件。

wget在Windows、Linux、Mac都有,用wget下载网站的命令是:

wget -m 网站地址