快捷搜索:  汽车  科技

网页开源介绍(这个开源项目让你用)

网页开源介绍(这个开源项目让你用)配置简单它配置简单,支持将 md/tsx 文件渲染成静态页面,而且还有大量的官方或第三方主题和插件可供扩展。开源许可协议:MIT项目地址:https://gitee.com/xcatliu/pagicPagic 是一个由 Deno React 驱动的静态网站生成器。

在今年 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 来引入第三方主题或插件。

部署示例

网页开源介绍(这个开源项目让你用)(1)

网页开源介绍(这个开源项目让你用)(2)

同类项目对比

网页开源介绍(这个开源项目让你用)(3)

如果你想了解更多的安装与配置相关信息,那么就点击下方了解更多去项目主页看看吧。

猜您喜欢: