靜態(tài)站點(diǎn)生成器是使用手工編碼靜態(tài)站點(diǎn)和完整CMS(內(nèi)容管理系統(tǒng))之間的折衷方案，同時(shí)保留兩者的優(yōu)點(diǎn)。本質(zhì)上，你可以使用類似CMS的概念(如模板)生成基于靜態(tài)HTML頁面的網(wǎng)站?？梢詮臄?shù)據(jù)庫、標(biāo)記文件、API或任何實(shí)際存儲(chǔ)位置提取內(nèi)容。想對(duì)靜態(tài)站點(diǎn)生成器有更深的認(rèn)識(shí)和了解，可以通過參加Web前端培訓(xùn)來學(xué)習(xí)，在老師的教導(dǎo)下，你會(huì)獲得更大的進(jìn)步。
下面是3個(gè)常用的靜態(tài)站點(diǎn)生成器的比較，他們各有特點(diǎn)，通過比較，你能知道什么時(shí)候使用它們。
1、Next.js
Next.js是一個(gè)用于靜態(tài)導(dǎo)出React應(yīng)用程序的免費(fèi)開源框架。特點(diǎn)包括：
預(yù)渲染(下一步支持服務(wù)器端渲染)
零配置
擴(kuò)展性
JS中的CSS
很棒的文檔
2、Gatsby
Gatsby是一個(gè)基于React的免費(fèi)開源框架，有助于開發(fā)人員創(chuàng)建速度極快的網(wǎng)站和應(yīng)用程序。在Web前端培訓(xùn)中，有很多課程讓你學(xué)習(xí)Gatsby以及其他靜態(tài)站點(diǎn)生成器的使用，老師面對(duì)面教學(xué)指導(dǎo)，及時(shí)解決疑難雜癥，讓你獲得快速提升。
Gatsby提供了大量功能，如：
CSS和Javascript的現(xiàn)代力量
豐富的數(shù)據(jù)插件生態(tài)系統(tǒng)
漸進(jìn)式web應(yīng)用程序生成
超級(jí)容易部署
起動(dòng)器，或根據(jù)不同用例定制的預(yù)包裝Gatsby站點(diǎn)
3、Hugo
Hugo是專門用來提高速度的，它在毫秒之間產(chǎn)生網(wǎng)站。由于其速度快和各種內(nèi)置功能，你會(huì)發(fā)現(xiàn)Hugo常被用于生成博客和文檔。它得到了廣泛的應(yīng)用，并繼續(xù)得到改善。Hugo的特點(diǎn)有：
速度非?？欤魏螙|西都無法與之匹敵
有很多內(nèi)置的功能，幾乎不需要第三方插件
很容易搞定
有適當(dāng)?shù)奈臋n
模板語言并不難學(xué)
靜態(tài)站點(diǎn)生成器使靜態(tài)網(wǎng)站更易維護(hù)和制作，如果你是做前端的，那么學(xué)會(huì)一些靜態(tài)站點(diǎn)生成器的使用是很有必要的。想學(xué)習(xí)的同學(xué)可以考慮報(bào)名參加Web前端培訓(xùn)，通過理論課程和實(shí)操項(xiàng)目的訓(xùn)練，在短時(shí)間就能學(xué)到有用的知識(shí)和技能。
