歡迎來到培訓無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網(wǎng) > 新聞資訊 > 電腦/IT > web前端 >  前端培訓之常見的靜態(tài)站點生成器有哪些

前端培訓之常見的靜態(tài)站點生成器有哪些

來源:培訓無憂網(wǎng) 發(fā)布人:星星

2022-01-18 11:39:43|已瀏覽:146次

常見的靜態(tài)站點生成器

       網(wǎng)站統(tǒng)治著網(wǎng)絡,無論是靜態(tài)的還是動態(tài)的。雖然今天很多網(wǎng)站都是動態(tài)的,但靜態(tài)網(wǎng)站仍然很受歡迎。靜態(tài)站點生成器使構建靜態(tài)站點變得輕而易舉,靜態(tài)網(wǎng)站的使用正在增加。在本文中,你將看到三個最流行的靜態(tài)站點生成器:Gatsby、Hugo 和 Jekyll 。它們之所以受歡迎有很多原因,讓我們看看他們能提供什么。

Gatsby

       Gatsby 由 Node JS 提供支持,是三者中最新的靜態(tài)站點生成器。然而,它的增長速度非?,并且今天被大量使用。Gatsby 受益于龐大的 JavaScript 開發(fā)者社區(qū),并將隨著時間的推移不斷改進。除了使用 Node JS,Gatsby 還在客戶端使用 ReactJS。ReactJS 的使用讓 Gatsby 受益于框架渲染 DOM 的方法,因為組件成為焦點。

       Gatsby 還支持 GraphQL,這意味著數(shù)據(jù)查詢變得更容易。多虧了 GraphQL,Gatsby 可以生成可以訪問和利用來自不同來源的數(shù)據(jù)的站點。正如你在使用 Gatsby 時所看到的,生成的網(wǎng)站是漸進式 Web 應用程序 (PWA)。 PWA 提供了出色的用戶體驗,它們是 Web 和移動應用程序的完美結合——從雙方選擇功能。PWA 是下一件大事,因此在使用 Gatsby 生成靜態(tài)網(wǎng)站時,你可以從中受益。

Hugo
       Hugo 是用 Golang 編寫的,于 2014 年發(fā)布。Golang 是一種快速語言,是專門為解決提高速度的需求而構建的,可以在幾毫秒內(nèi)生成站點,因此它可以在jack 之前構建大量站點。Hugo 還使用基于 Go 模板的模板,并附帶一個輕量級的 HTTP 服務器——你可以認為它是一個完整的包。雖然這聽起來好得令人難以置信,但 Hugo 消除了所有配置或依賴關系的麻煩,使其使用起來很愉快。由于它的速度和廣泛的內(nèi)置功能,你會發(fā)現(xiàn) Hugo 被用來生成博客和文檔。 它被廣泛使用并不斷變得更好。
Jekyll
        Jekyll是三者中最古老的靜態(tài)站點生成器。Jekyll 是用 Ruby 編寫的,并在全球范圍內(nèi)使用。由于隸屬于 GitHub,Jekyll 已經(jīng)獲得了開源社區(qū)的大量關注和貢獻。和 Hugo 一樣,Jekyll 也帶有 HTTP 服務器,通常用于生成博客,它也經(jīng)常用于生成投資組合。Jekyll 使用 Markdown 處理頁面內(nèi)容的同時,它也使用 Liquid 模板語言來處理頁面。 Jekyll 也使用 Sass,這對于喜歡 CSS 預處理器的開發(fā)人員來說非常重要。
       由于 Jekyll 有很多開發(fā)人員為它做出了貢獻,你會找到一個幾乎任何你想要實現(xiàn)的插件,有很多插件可以與 Jekyll 一起使用。
       靜態(tài)站點生成器有助于使靜態(tài)站點易于構建、修改和擴展。在本文中,你已經(jīng)看到了三個最好的靜態(tài)站點生成器,你應該能夠更好地決定將哪種工具用于下一個靜態(tài)站點項目。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-15971.html 違者必究!部分文章來源于網(wǎng)絡由培訓無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關資訊請關注web前端頻道查看更多,了解相關專業(yè)課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學什么:

  • 培訓無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!