在尋找部署靜態網頁的方法嗎？這幾個開源的靜態網站生成工具可以幫你迅速部署界面優美、功能強大的靜態網站，無需掌握復雜的 HTML 和 CSS 技能。• 來源：linux.cn • 作者：Ankush Das • 譯者：Xiaobin.Liu •（本文字數：3396，閱讀時長大約：5 分鐘）在尋找部署靜態網頁的方法嗎？這幾個開源的靜態網站生成工具可以幫你迅速部署界面優美、功能強大的靜態網站，無需掌握復雜的 HTML 和 CSS 技能。靜態網站是什麼？技術上來講，靜態網站是指網頁不是由服務器動態生成的。HTML、CSS 和 JavaScript 文件就靜靜地躺在服務器的某個路徑下，它們的內容與終端用戶接收到的版本是一樣的。原始的源碼文件已經提前編譯好瞭，源碼在每次請求後都不會變化。Linux.CN 是一個依賴多個數據庫的動態網站，當有瀏覽器的請求時，網頁就會生成並提供服務。大部分網站是動態的，你與這些網站互動時，大量的內容會經常改變。靜態網站有一些好處，比如加載時間更短，請求的服務器資源更少、更安全（值得商榷）。傳統上，靜態網站更適合於創建隻有少量網頁、內容變化不頻繁的小網站。然而，隨著靜態網站生成工具出現後，靜態網站的適用范圍越來越大。你還可以使用這些工具搭建博客網站。我整理瞭幾個開源的靜態網站生成工具，這些工具可以幫你搭建界面優美的網站。最好的開源靜態網站生成工具請註意，靜態網站不會提供很復雜的功能。如果你需要復雜的功能，那麼你可以參考適用於動態網站的 最佳開源 CMS 列表。1、JekyllJekyll 是用 Ruby 寫的最受歡迎的開源靜態生成工具之一。實際上，Jekyll 是 GitHub 頁面 的引擎，它可以讓你免費用 GitHub 托管網站。你可以很輕松地跨平臺配置 Jekyll，包括 Ubuntu。它利用 Markdown 、 Liquid （模板語言）、HTML 和 CSS 來生成靜態的網頁文件。如果你要搭建一個沒有廣告或推廣自己工具或服務的產品頁的博客網站，它是個不錯的選擇。它還支持從常見的 CMS（ 內容管理系統(Content management system)）如 Ghost、WordPress、Drupal 7 遷移你的博客。你可以管理永久鏈接、類別、頁面、文章，還可以自定義佈局，這些功能都很強大。因此，即使你已經有瞭一個網站，如果你想轉成靜態網站，Jekyll 會是一個完美的解決方案。你可以參考 官方文檔 或 GitHub 頁面 瞭解更多內容。Jekyll2、HugoHugo 是另一個很受歡迎的用於搭建靜態網站的開源框架。它是用 Go 語言 寫的。它運行速度快、使用簡單、可靠性高。如果你需要，它也可以提供更高級的主題。它還提供瞭一些有用的快捷方式來幫助你輕松完成任務。無論是組合展示網站還是博客網站，Hogo 都有能力管理大量的內容類型。如果你想使用 Hugo，你可以參照它的 官方文檔 或它的 GitHub 頁面 來安裝以及瞭解更多相關的使用方法。如果需要的話，你還可以將 Hugo 部署在 GitHub 頁面或任何 CDN 上。Hugo3、HexoHexo 是一個有趣的開源框架，基於 Node.js 。像其他的工具一樣，你可以用它搭建相當快速的網站，不僅如此，它還提供瞭豐富的主題和插件。它還根據用戶的每個需求提供瞭強大的 API 來擴展功能。如果你已經有一個網站，你可以用它的 遷移 擴展輕松完成遷移工作。你可以參照 官方文檔 或 GitHub 頁面 來使用 Hexo。Hexo4、GatsbyGatsby 是一個越來越流行的開源網站生成框架。它使用 React.js 來生成快速、界面優美的網站。幾年前在一個實驗性的項目中，我曾經非常想嘗試一下這個工具，它提供的成千上萬的新插件和主題的能力讓我印象深刻。與其他靜態網站生成工具不同的是，你可以使用 Gatsby 生成一個網站，並在不損失任何功能的情況下獲得靜態網站的好處。它提供瞭與很多流行的服務的整合功能。當然，你可以不使用它的復雜的功能，或將其與你選擇的流行 CMS 配合使用，這也會很有趣。你可以查看他們的 官方文檔 或它的 GitHub 頁面 瞭解更多內容。Gatsby5、VuePressVuePress 是由 Vue.js 支持的靜態網站生成工具，而 Vue.js 是一個開源的漸進式 JavaScript 框架。如果你瞭解 HTML、CSS 和 JavaScript，那麼你可以無壓力地使用 VuePress。你應該可以找到幾個有用的插件和主題來為你的網站建設開個頭。此外，看起來 Vue.js 的更新一直很活躍，很多開發者都在關註 Vue.js，這是一件好事。你可以參照他們的 官方文檔 和 GitHub 頁面 瞭解更多。VuePress6、Nuxt.jsNuxt.js 使用瞭 Vue.js 和 Node.js，但它致力於模塊化，並且有能力依賴服務端而非客戶端。不僅如此，它的目標是為開發者提供直觀的體驗，並提供描述性錯誤，以及詳細的文檔等。正如它聲稱的那樣，在你用來搭建靜態網站的所有工具中，Nuxt.js 可以做到功能和靈活性兩全其美。他們還提供瞭一個 Nuxt 線上沙盒 ，讓你不費吹灰之力就能直接測試它。你可以查看它的 GitHub 頁面 和 官方網站 瞭解更多。Nuxt.js7、DocusaurusDocusaurus 是一個有趣的開源靜態網站生成工具，為搭建文檔類網站量身定制。它還是 Facebook 開源計劃 的一個項目。Docusaurus 是用 React 構建的。你可以使用所有的基本功能，像文檔版本管理、文檔搜索和翻譯大多是預先配置的。如果你想為你的產品或服務搭建一個文檔網站，那麼可以試試 Docusaurus。你可以從它的 GitHub 頁面 和它的 官網 獲取更多信息。Docusaurus8、EleventyEleventy 自稱是 Jekyll 的替代品，旨在以更簡單的方法來制作更快的靜態網站。它似乎很容易上手，而且它還提供瞭適當的文檔來幫助你。如果你想找一個簡單的靜態網站生成工具，Eleventy 似乎會是一個有趣的選擇。你可以參照它的 GitHub 頁面 和 官網 來瞭解更多的細節。Eleventy9、PubliiPublii 是一個令人印象深刻的開源 CMS，它能使生成一個靜態網站變得很容易。它是用 Electron 和 Vue.js 構建的。如果有需要，你也可以把你的文章從 WorkPress 網站遷移過來。此外，它還提供瞭與 GitHub 頁面、Netlify 及其它類似服務的一鍵同步功能。如果你利用 Publii 生成一個靜態網站，你還可以得到一個所見即所得的編輯器。你可以從 官網 下載它，或者從它的 GitHub 頁面 瞭解更多信息。Publii10、Primo一個有趣的開源靜態網站生成工具，目前開發工作仍很活躍。雖然與其他的靜態生成工具相比，它還不是一個成熟的解決方案，有些功能還不完善，但它是一個獨特的項目。Primo 旨在使用可視化的構建器幫你構建和搭建網站，這樣你就可以輕松編輯和部署到任意主機上。你可以參照 官網 或查看它的 GitHub 頁面 瞭解更多信息。Primo結語還有很多文章中沒有列出的網站生成工具。然而，我試圖提到最好的靜態生成器，為您提供最快的加載時間，最好的安全性和令人印象深刻的靈活性。列表中沒有你最喜歡的工具？在下面的評論中告訴我。via: itsfoss.com作者： Ankush Das 選題： lujun9972 譯者： lxbwolf 校對： wxy本文由 LCTT 原創編譯， Linux中國 榮譽推出點擊“瞭解更多”可訪問文內鏈接