cherry-doc: 基於React的動態文檔系統

概述

cherry-doc 是什麼?

cherry是一個基於React的動態文檔系統。區別於hexo等md文檔工具,它是開發者邊開發邊生成文檔網站,不會再有後期補充文檔的煩惱。基於markdown語法書寫js代碼,能夠經過code標籤運行code裏的js代碼預覽效果。
作到邊開發邊生成文檔。react

圖片描述

特性

  • 上手快,簡單配置便可git

  • 基於md預覽js代碼效果es6

  • 一鍵生成文檔站點github

  • 無需數據庫支持數據庫

  • 支持自定義主題markdown

  • 支持兩級目錄hexo

  • 支持es6語法工具

  • 支持hot-reload網站

組件渲染效果預覽

^^^js
import React from 'react';
export default class Comp extends React.Component {this

handleClicked(e) {
    alert('hi cherry');
}

render() {
    return (
        <button 
            onClick={this.handleClicked.bind(this)} 
            style={{fontSize:'40px', backgroundColor:"#FF0"}}>
            我是按鈕
        </button>
    )
}

}
^^^

GitHub地址: cherry-doc

詳細文檔地址(基於cherry-doc生成):查看文檔

相關文章
相關標籤/搜索