kityminder-editor 是百度脑图的开源本地部署版本。除了文件输入输出的功能外,其他功能基本完备,不过UI语言是英文。
按照原README的内容,小白想自行编译构建还有一些坑,在此记录一下,应该是js项目常见的步骤。
开发使用
根目录下的 index.html 为开发环境,dist 目录下的 index.html 使用打包好的代码,适用于线上环境。
安装 nodejs 和 npm
初始化:切到 kityminder-editor 根目录下运行 npm run init
在 kityminder-editor 根目录下运行 grunt dev 即可启动项目
你可以基于根目录的 index.html 开发,或者查看 dist 目录下用于生产环境的 index.html,Enjoy it!
另外,kityminder-editor 还提供了 bower 包,方便开发者直接使用。你可以在需要用到 kityminder-editor 的工程目录下 运行 bower install kityminder-editor,接着手动引入 kityminder-editor 所依赖的 css 和 js 文件,具体文件见 dist 目录下的 index.html,推荐使用 npm 包 wireDep 自动进行, 可参考根目录下 Gruntfile.js。
构建
运行 grunt build,完成后 dist 目录里就是可用运行的 kityminder-editor, 双击 index.html 即可打开运行示例
- 下载node(也就是
npm
)proxychains wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz
- 安装node
cd node-v12.13.0-linux-x64/
,./node
- 安装nodejs
curl -sL https://rpm.nodesource.com/setup_12.x | bash -
,sudo proxychains apt-get install -y nodejs
- 安装bower(kityminder需要)
sudo proxychains npm install -g bower
- 找到kityminder-editor
cd kityminder-editor/
sudo npm run init
sudo npm install -g grunt-cli
- [方式一] 直接
grunt dev
会回复一个网址,打开即可
[方式二] grunt build
来重新编译和生成新的网站,在/dist
内,部署到HTTP服务器上
- 如果要部署到HTTP服务器,把
/dist
下的所有内容复制到诸如Nginx的静态页目录,比如/var/www/html
内。HTTP服务器不需要安装任何Node开发工具。