Pagic 官網(wǎng)來(lái)啦！ Deno + React 驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器！

時(shí)間：2023-07-21 13:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-21 13:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

Pagic 官網(wǎng)來(lái)啦！ Deno + React 驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器?。篜agic 是一個(gè)由 Deno + React 驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器。

• GitHub 來(lái)顆 Star 吧！
• 示例網(wǎng)站 1：Pagic 官網(wǎng)
• 示例網(wǎng)站 2：TypeScript 入門(mén)教程
• 示例網(wǎng)站 3：Deno 第三方模塊排名

特性

配置簡(jiǎn)單

Pagic 遵循約定優(yōu)于配置的理念，盡可能的減少配置項(xiàng)，通過(guò)一些符合直覺(jué)的設(shè)計(jì)，降低用戶(hù)的理解成本，而又不失靈活性。

支持 md 和 tsx

Pagic 不僅支持將 md/tsx 文件渲染成靜態(tài)頁(yè)面，而且還能運(yùn)行 tsx 中的 Hooks，借助 React 組件的可編程性，極大的擴(kuò)展了靜態(tài)網(wǎng)站的能力。

值得注意的是，每一個(gè)由 Pagic 生成的頁(yè)面都帶有預(yù)渲染好的 HTML，也因此具有極致的加載性能和搜索引擎優(yōu)化（ SEO ）。同時(shí)，一旦頁(yè)面被加載，React 將接管這些靜態(tài)內(nèi)容，并將其轉(zhuǎn)換成一個(gè)完整的單頁(yè)應(yīng)用（ SPA ），其他的頁(yè)面則會(huì)只在用戶(hù)瀏覽到的時(shí)候才按需加載。

主題和插件

Pagic 擁有官方的 default, docs, blog 等主題，我們可以使用官方主題輕松的生成一個(gè)網(wǎng)站，也可以創(chuàng)建個(gè)性化的主題，甚至還可以擴(kuò)展某個(gè)主題——這些能力都得益于 Pagic 符合直覺(jué)的 _layout.tsx 設(shè)計(jì)。

插件是 Pagic 最核心的功能之一。Pagic 將整個(gè)構(gòu)建過(guò)程拆分為一個(gè)個(gè)內(nèi)置插件，使得其他插件可以插入到構(gòu)建過(guò)程中的任意位置，甚至可以通過(guò)替換內(nèi)置插件完全的更改 Pagic 的構(gòu)建過(guò)程，這給 Pagic 提供了無(wú)與倫比的靈活性。

Pagic 參考了 Deno 的設(shè)計(jì)，要求用戶(hù)通過(guò)一個(gè)完整的 url 來(lái)引入第三方主題或插件。

---

以上節(jié)選自官網(wǎng)，請(qǐng)?jiān)L問(wèn)Pagic 官網(wǎng)了解更多。

---

前陣子完成了基本功能的開(kāi)發(fā)，沒(méi)想到 pagic.org 域名還沒(méi)有人注冊(cè)，于是趕緊注冊(cè)后開(kāi)始寫(xiě)文檔。經(jīng)歷夜以繼日的奮筆疾書(shū)，終于完成了網(wǎng)站的中文版！

不出意外的話(huà)，目前的 api 應(yīng)該不會(huì)再改動(dòng)了，歡迎大家來(lái)試用！

等 i18n 做好就會(huì)發(fā)布 1.0 版本。

---

寫(xiě)文檔真的是一件很困難很麻煩很痛苦的事，要循序漸進(jìn)，要統(tǒng)一術(shù)語(yǔ)，還要輸出思想。

從 _layout.tsx 章節(jié)開(kāi)始，我寫(xiě)了很多設(shè)計(jì)思想，歡迎大家一起來(lái)討論一起來(lái)建設(shè)！