整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
tns.network是一款主要由JavaScript編寫的智體世界引擎（內嵌了three.js編輯器的定制版-支持以第一視角游覽3D場館），可以在瀏覽器和node.js、deno、electron上運行，它是一個跨平臺的軟件，支持多個操作系統使用！
為了實現ib3.hub智體節點的資源、內容、最新頭榜內容，能通過靜態資源網站（HTML站點），方便SEO收錄優秀的智體節點3D場景、插件資源、文件資源、用戶內容資源。故專門設計了強大且方便的一鍵“HTML生成”功能（同時生成md文件）。通過資源文件使用pop.fastdown的webrtc協議的p2p文件極速下載器，能允許每一個用戶能方便地下載使用ib3.hub智體節點的資源文件、課程資源、視頻資源、各種內容資源（例如插件、源碼、機器人、興趣社區內容等）。
以下是本次的功能升級介紹。
以下是使用教程：
點擊右上角的...進入頭榜編輯器，可在下方看到新增加的“生成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靜態文件如下圖所示：
我們看到生成的HTML文件，自動包含了剛才看到的幾張圖片（通過滾動條下移，可看到所有的6張圖片）
點擊生成的md文件，如下圖所示：
我們看到，這里面包含了6張圖片，并且圖片數據base64編碼的圖片內容，全部附在了md文件的末尾（成功實現了包含了6個圖片頭榜內容打包為MD和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下載器）
生成HTML文件結果如下（下載完后打開它）：
點擊其中1個MP4文件（如下圖）
如上圖所示，點擊download按鈕下載它，我們看到這里的極速達到了7MB/s（如文件更大，下載速度可達10MB/s——因為文件小，沒達到極速就已經下載完該文件了）。
總結使用了不到7秒即下載完了30MB的教程視頻文件，體驗還是非常不錯的。
如上圖，點擊該md文件進入markdown文件瀏覽器（如下圖所示）
在標題欄的右上角，找到“HTML”按鈕，點擊生成HTML靜態網頁文件（如下圖所示）
我們從上圖看到，生成的html靜態文件已經被網頁瀏覽器下載為*.html文件。
我們點擊打開這個html靜態文件如下圖（注意看：有個瀏覽器的網址欄為*.html，代表了打開的是剛才生態的這個靜態html文件）
注：我們看到，從md瀏覽器將md文件一鍵生成html，功能與頭榜編輯器的【生成HTML】功能一致，均是將內容生成為html靜態網頁——當然，中間文件即是md文件（再由md文件生成html文件）。
生成的html靜態網頁結果（如下圖所示）：
點擊rtcode.html，查看該靜態網頁：
我們從上圖看到，生成了rtcode-17.dpkg的插件資源的分享網頁，點擊這個插件文件鏈接，可跳轉pop-fastdown下載器下載它。
我們看到，下載器很給力，迅速下載完該*.dpkg插件源文件。
生成的靜態網頁如下圖：
點擊這個新生成的靜態網頁，打開它：
我們看到了須付費的頭榜內容，對應的網頁內容標題，有了（定價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 頁面 了解更多內容。
2、Hugo
Hugo 是另一個很受歡迎的用于搭建靜態網站的開源框架。它是用 Go 語言 寫的。
它運行速度快、使用簡單、可靠性高。如果你需要，它也可以提供更高級的主題。它還提供了一些有用的快捷方式來幫助你輕松完成任務。無論是組合展示網站還是博客網站，Hogo 都有能力管理大量的內容類型。
如果你想使用 Hugo，你可以參照它的 官方文檔 或它的 GitHub 頁面 來安裝以及了解更多相關的使用方法。如果需要的話，你還可以將 Hugo 部署在 GitHub 頁面或任何 CDN 上。
3、Hexo
Hexo 是一個有趣的開源框架，基于 Node.js 。像其他的工具一樣，你可以用它搭建相當快速的網站，不僅如此，它還提供了豐富的主題和插件。
它還根據用戶的每個需求提供了強大的 API 來擴展功能。如果你已經有一個網站，你可以用它的 遷移 擴展輕松完成遷移工作。
你可以參照 官方文檔 或 GitHub 頁面 來使用 Hexo。
4、Gatsby
Gatsby 是一個越來越流行的開源網站生成框架。它使用 React.js 來生成快速、界面優美的網站。
幾年前在一個實驗性的項目中，我曾經非常想嘗試一下這個工具，它提供的成千上萬的新插件和主題的能力讓我印象深刻。與其他靜態網站生成工具不同的是，你可以使用 Gatsby 生成一個網站，并在不損失任何功能的情況下獲得靜態網站的好處。
它提供了與很多流行的服務的整合功能。當然，你可以不使用它的復雜的功能，或將其與你選擇的流行 CMS 配合使用，這也會很有趣。你可以查看他們的 官方文檔 或它的 GitHub 頁面 了解更多內容。
5、VuePress
VuePress 是由 Vue.js 支持的靜態網站生成工具，而 Vue.js 是一個開源的漸進式 JavaScript 框架。
如果你了解 HTML、CSS 和 JavaScript，那么你可以無壓力地使用 VuePress。你應該可以找到幾個有用的插件和主題來為你的網站建設開個頭。此外，看起來 Vue.js 的更新一直很活躍，很多開發者都在關注 Vue.js，這是一件好事。
你可以參照他們的 官方文檔 和 GitHub 頁面 了解更多。
6、Nuxt.js
Nuxt.js 使用了 Vue.js 和 Node.js，但它致力于模塊化，并且有能力依賴服務端而非客戶端。不僅如此，它的目標是為開發者提供直觀的體驗，并提供描述性錯誤，以及詳細的文檔等。
正如它聲稱的那樣，在你用來搭建靜態網站的所有工具中，Nuxt.js 可以做到功能和靈活性兩全其美。他們還提供了一個 Nuxt 線上沙盒 ，讓你不費吹灰之力就能直接測試它。
你可以查看它的 GitHub 頁面 和 官方網站 了解更多。
7、Docusaurus
Docusaurus 是一個有趣的開源靜態網站生成工具，為搭建文檔類網站量身定制。它還是 Facebook 開源計劃 的一個項目。
Docusaurus 是用 React 構建的。你可以使用所有的基本功能，像文檔版本管理、文檔搜索和翻譯大多是預先配置的。如果你想為你的產品或服務搭建一個文檔網站，那么可以試試 Docusaurus。
你可以從它的 GitHub 頁面 和它的 官網 獲取更多信息。
8、Eleventy
Eleventy 自稱是 Jekyll 的替代品，旨在以更簡單的方法來制作更快的靜態網站。
它似乎很容易上手，而且它還提供了適當的文檔來幫助你。如果你想找一個簡單的靜態網站生成工具，Eleventy 似乎會是一個有趣的選擇。
你可以參照它的 GitHub 頁面 和 官網 來了解更多的細節。
9、Publii
Publii 是一個令人印象深刻的開源 CMS，它能使生成一個靜態網站變得很容易。它是用 Electron 和 Vue.js 構建的。如果有需要，你也可以把你的文章從 WorkPress 網站遷移過來。此外，它還提供了與 GitHub 頁面、Netlify 及其它類似服務的一鍵同步功能。
如果你利用 Publii 生成一個靜態網站，你還可以得到一個所見即所得的編輯器。你可以從 官網 下載它，或者從它的 GitHub 頁面 了解更多信息。
10、Primo
一個有趣的開源靜態網站生成工具，目前開發工作仍很活躍。雖然與其他的靜態生成工具相比，它還不是一個成熟的解決方案，有些功能還不完善，但它是一個獨特的項目。
Primo 旨在使用可視化的構建器幫你構建和搭建網站，這樣你就可以輕松編輯和部署到任意主機上。
你可以參照 官網 或查看它的 GitHub 頁面 了解更多信息。
還有很多文章中沒有列出的網站生成工具。然而，我試圖提到最好的靜態生成器，為您提供最快的加載時間，最好的安全性和令人印象深刻的靈活性。
列表中沒有你最喜歡的工具？在下面的評論中告訴我。
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 網站地址
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
