RcPress
一款使用Ant Design构建,由React.js驱动的静态网站生成器.
简体中文 | English
简介
- RcPress 是一个基于 React.js 的静态文档生成器。
- 界面是模仿 ant-design 官网做的
- 配置,代码模仿自Vuepress
- 开发它的目的是我以前是 vuepress 老用户,然后用上 react 后想在 react 里使用它。
用法
安装命令行工具 @rcpress/cli
yarn global add @rcpress/cli
# 或者如果你用npm
npm i @rcpress/cli -g
创建文件
# 创建 docs 目录(docs是默认的文档目录)
mkdir docs
#创建markdown文件
echo '# Hello RcPress' > docs/README.md
可以运行如下命令
# 启动spa模式的服务
rcpress dev # 推荐
# 启动服务端渲染的服务
rcpress server
# 访问`3000`端口即可。
打包构建
# 在生产环境下构建spa
rcpress build
# 在生产环境下构建ssr并且声称静态html文件
rcpress generate
文档
可以参考官网上的向导一节
与 vuepress 的对比
基本实现了 vuepress 的基础功能
vuepress | rcpress | |
驱动框架 | vue | react |
UI | vue 主题 ui | Ant Design |
自定义主题 | ||
service worker | ||
pwa | ||
定制主题颜色 |
|
|
开发模式 hot reload | ||
插件机制 | ||
开发模式下运行 ssr | ||
打包成单页面 | ||
打包成静态 html | ||
markdown 中写代码 |
|
首页截图
感谢
微信交流
群里成员已经超过 100 人了,添加我的微信我将邀请你到交流群讨论。
许可证
MIT By Yves Wang(Wangyi Yi)