简约优雅,这个开源项目让你用 Deno 部署一个静态网页

原创
10/09 11:15
阅读数 78

在今年 5 月份的时候,Deno 1.0 发布了。Deno 是作者 Ryan Dahl 在 Node 之后的又一大作,它是一个新的运行时,用于在 Web 浏览器之外执行 JavaScript 和 TypeScript,其采用 Rust 编写而成(最初用的是 Golang)。

今天介绍的项目就是使用 Deno + React 驱动的静态网页生成器,那么它与我们更熟悉的 Hugo、Jekyll 等相比,有什么区别呢,一起来看看吧。

项目名称: Pagic

项目作者: xcatliu

开源许可协议: MIT

项目地址:https://gitee.com/xcatliu/pagic

项目简介

Pagic 是一个由 Deno + React 驱动的静态网站生成器。

它配置简单,支持将 md/tsx 文件渲染成静态页面,而且还有大量的官方或第三方主题和插件可供扩展。

项目特点

配置简单

Pagic 遵循约定优于配置的理念,尽可能的减少配置项,通过一些符合直觉的设计,降低用户的理解成本,而又不失灵活性。

支持 md 和 tsx

Pagic 不仅支持将 md/tsx 文件渲染成静态页面,而且还能运行 tsx 中的 Hooks,借助 React 组件的可编程性,极大的扩展了静态网站的能力。

值得注意的是,每一个由 Pagic 生成的页面都带有预渲染好的 HTML,也因此具有极致的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,React 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的页面则会只在用户浏览到的时候才按需加载。

主题和插件

Pagic 拥有官方的 default, docs, blog 等主题,我们可以使用官方主题轻松的生成一个网站,也可以创建个性化的主题,甚至还可以扩展某个主题——这些能力都得益于 Pagic 符合直觉的 _layout.tsx 设计。

插件是 Pagic 最核心的功能之一。Pagic 将整个构建过程拆分为一个个内置插件,使得其他插件可以插入到构建过程中的任意位置,甚至可以通过替换内置插件完全的更改 Pagic 的构建过程,这给 Pagic 提供了无与伦比的灵活性。

Pagic 参考了 Deno 的设计,要求用户通过一个完整的 URL 来引入第三方主题或插件。

部署示例

同类项目对比

如果你想了解更多的安装与配置相关信息,那么就点击后面的链接去项目主页看看吧:https://gitee.com/xcatliu/pagic

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部