Code Monkey home page Code Monkey logo

rcpress's Introduction

RcPress

一款使用Ant Design构建,由React.js驱动的静态网站生成器. 🎨

VersionBuild Status License Download prettier

简体中文 | 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
定制主题颜色 ✅(Ant Design 内置功能)
开发模式 hot reload
插件机制
开发模式下运行 ssr
打包成单页面
打包成静态 html
markdown 中写代码 ✅(mdx)

首页截图

感谢

微信交流

群里成员已经超过 100 人了,添加我的微信我将邀请你到交流群讨论。

Demo

许可证

MIT By Yves Wang(Wangyi Yi)

rcpress's People

Contributors

wangyi7099 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.