網(wǎng)站統(tǒng)治著網(wǎng)絡(luò),無(wú)論是靜態(tài)的還是動(dòng)態(tài)的。雖然今天很多網(wǎng)站都是動(dòng)態(tài)的,但靜態(tài)網(wǎng)站仍然很受歡迎。靜態(tài)站點(diǎn)生成器使構(gòu)建靜態(tài)站點(diǎn)變得輕而易舉,靜態(tài)網(wǎng)站的使用正在增加。對(duì)靜態(tài)網(wǎng)站感興趣的同學(xué),可以參加Web前端培訓(xùn),幾個(gè)月的學(xué)習(xí)就能掌握全面系統(tǒng)的知識(shí)和技能,快速上崗。
在本文中,你將看到三個(gè)最流行的靜態(tài)站點(diǎn)生成器:Gatsby、Hugo 和 Jekyll
。它們之所以受歡迎有很多原因,讓我們看看他們能提供什么。
Gatsby
Gatsby 由 Node JS
提供支持,是三者中最新的靜態(tài)站點(diǎn)生成器。然而,它的增長(zhǎng)速度非??欤⑶医裉毂淮罅渴褂?。Gatsby 受益于龐大的 Javascript
開(kāi)發(fā)者社區(qū),并將隨著時(shí)間的推移不斷改進(jìn)。
除了使用 Node JS,Gatsby 還在客戶端使用 ReactJS。 ReactJS 的使用讓 Gatsby
受益于框架渲染 DOM 的方法,因?yàn)榻M件成為焦點(diǎn)。
Gatsby 還支持 GraphQL,這意味著數(shù)據(jù)查詢變得更容易。多虧了 GraphQL,Gatsby
可以生成可以訪問(wèn)和利用來(lái)自不同來(lái)源的數(shù)據(jù)的站點(diǎn)。在Web前端培訓(xùn)中,有理論課程+實(shí)踐項(xiàng)目一起學(xué)習(xí),深化所學(xué)知識(shí),積累項(xiàng)目經(jīng)驗(yàn),獲得快速提升。
正如你在使用 Gatsby 時(shí)所看到的,生成的網(wǎng)站是漸進(jìn)式 Web 應(yīng)用程序 (PWA)。 PWA
提供了出色的用戶體驗(yàn),它們是 Web 和移動(dòng)應(yīng)用程序的完美結(jié)合——從雙方選擇功能。
PWA 是下一件大事,因此在使用 Gatsby 生成靜態(tài)網(wǎng)站時(shí),你可以從中受益。
Hugo
Hugo 是用 Golang 編寫的,于 2014 年發(fā)布。Golang
是一種快速語(yǔ)言,是專門為解決提高速度的需求而構(gòu)建的,可以在幾毫秒內(nèi)生成站點(diǎn),因此它可以在jack 之前構(gòu)建大量站點(diǎn)。
Hugo 還使用基于 Go 模板的模板,并附帶一個(gè)輕量級(jí)的 HTTP
服務(wù)器——你可以認(rèn)為它是一個(gè)完整的包。雖然這聽(tīng)起來(lái)好得令人難以置信,但 Hugo 消除了所有配置或依賴關(guān)系的麻煩,使其使用起來(lái)很愉快。
由于它的速度和廣泛的內(nèi)置功能,你會(huì)發(fā)現(xiàn) Hugo 被用來(lái)生成博客和文檔。 它被廣泛使用并不斷變得更好。
Jekyll
Jekyll是三者中最古老的靜態(tài)站點(diǎn)生成器。Jekyll 是用 Ruby 編寫的,并在全球范圍內(nèi)使用。由于隸屬于
GitHub,Jekyll
已經(jīng)獲得了開(kāi)源社區(qū)的大量關(guān)注和貢獻(xiàn)。參加Web前端培訓(xùn),就可以讓你學(xué)到很靜態(tài)站點(diǎn)生成器知識(shí)和技能,有經(jīng)驗(yàn)豐富的專業(yè)講師面授指導(dǎo)教學(xué),實(shí)時(shí)解決疑難雜癥問(wèn)題,學(xué)習(xí)起來(lái)又快又有效。
和 Hugo 一樣,Jekyll 也帶有 HTTP
服務(wù)器,通常用于生成博客,它也經(jīng)常用于生成投資組合。
Jekyll 使用 Markdown 處理頁(yè)面內(nèi)容的同時(shí),它也使用 Liquid 模板語(yǔ)言來(lái)處理頁(yè)面。 Jekyll 也使用
Sass,這對(duì)于喜歡 CSS 預(yù)處理器的開(kāi)發(fā)人員來(lái)說(shuō)非常重要。
由于 Jekyll 有很多開(kāi)發(fā)人員為它做出了貢獻(xiàn),你會(huì)找到一個(gè)幾乎任何你想要實(shí)現(xiàn)的插件,有很多插件可以與 Jekyll
一起使用。
靜態(tài)站點(diǎn)生成器有助于使靜態(tài)站點(diǎn)易于構(gòu)建、修改和擴(kuò)展。在本文中,你已經(jīng)看到了三個(gè)最好的靜態(tài)站點(diǎn)生成器,你應(yīng)該能夠更好地決定將哪種工具用于下一個(gè)靜態(tài)站點(diǎn)項(xiàng)目。想要快速學(xué)會(huì)靜態(tài)站點(diǎn)生成器的相關(guān)技能,不妨考慮參加Web前端培訓(xùn),你可以學(xué)習(xí)最新前端技術(shù),適應(yīng)市場(chǎng)和企業(yè)需求,不斷提升自己。