1 Star 1 Fork 0

编码猿 / Markdown-Edit

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

DBeditor The Best MarkDown Editor

nodejs express nw nw--builder marked

简介

DBeditor 是一款跨平台的MarkDown编辑器,支持主流的Linux / Mac / Windows 等操作系统,在各个系统上具有统一优秀的表现力。界面设计采用简洁扁平大量留白的UI风格,去除繁琐复杂多余的菜单并参考Linux上著名Vim的键盘快捷键命令式操作风格,让用更加专注于文章博客的编写,同时支持丰富的表情插入,让文章更具有丰富多彩的表现力。

基于face++开发的人脸识别,让程序更具趣味性,上传你的照片识别你的年龄,男女等特性,难道你不想试试看吗!

DBeditor名称的来源:我养了一条日天日地的黑色小泰迪,它名字叫大(D)宝(B)。哈哈...就是如此随意

项目地址:

截图欣赏

先来看看下面这些截图吧,好让你为下面有点麻烦的配置过程增加点信心,如果你不懂Linux,不懂前端Nodejs不懂开发都没关系,你这里可以下载我打包好的软件直接运行即可!

   

安装构建

1:下载源码

sudo mkdir DBeditor && sudo chmod 777 -R DBeditor && cd DBeditor
sudo git clone https://github.com/helpcode/Markdown-Edit.git
sudo npm install

这里需要注意npm install在安装nwnw-builder依赖包的时候特别慢,而且需要翻墙才能下载哦。

Linux 下打包


所以先不要安装依赖,在package.json中把nwnw-builder配置删除,然后npm install先安装其他依赖,之后下载我这里提供的这两个包的压缩版本,下载完成解压直接丢到node_modules中,然后分别进入nwnw-builder的文件夹中解决他们自身的依赖关系,这样会快一点。

而使用nw-builder打包应用的时候它会根据你命令nwbuild --platforms linux64 --buildDir dist/ /home/bmy/桌面/DBeditor/Markdown-Edit/ 去下载对应的nw.js的sdk,我提供的依赖包里面已经包含了一枚0.25.1-sdk-linux64的sdk,所以能节省不少的速度。

下载地址:Nw.js 依赖包 nw-builder 依赖包

当然了,如果你不需要 nw在开发阶段预览网站在PC端的效果,或者说不需要nw-builder 打包工具来打包,那么就不需要配置我上面说的那些东西。直接从package.json中把nwnw-builder配置删除即可。你可以用我下面说的builder.sh shell 脚本的方式来打包,也是官方推荐的,我不过写了一个shell脚本来自动完成而已


安装解决依赖后打开package.jsonscripts字段中提供有如下命令:

"scripts": {
    # 上面说了,不需要的话就不配置
    # dev阶段通过nw查看运行效果,
    # 需要npm安装 nw,参见:https://github.com/nwjs/npm-installer
    "dev": "nw /home/bmy/桌面/DBeditor/Markdown-Edit",
    # 同上
    "nw": "nw",
    
    # 本地web方式运行网站,node-dev 需要自己安装不要问我
    # 访问地址http://localhost:3000/welcome
    "node": "node-dev ./bin/www",
    
    # 上面说了,不需要的话就不配置
    # 这里是你需要配置的 nw-builder
    # linux64为打包平台,包会根据这个参数自动去下载对应SDK
    # --buildDir 为打包成功输出目录,默认build
    # /home/bmy/桌面/Markdown-Edit/ 是项目绝对路径
    "prod": "nwbuild --platforms linux64 --buildDir dist/ /home/bmy/桌面/DBeditor/Markdown-Edit/",
    
    # 这个是我自己写的 Linux shell 脚本,具体源码和使用请看 
    # https://helpcode.github.io/DBeditor/#/?id=开始打包
    "online": "./../builder.sh",
    
    # 这个是 docute 项目文档运行命令
    "docs": "docute ./docs --out-dir dist --source-maps --presets env"
  }

更多的如何打包配置我都写在了帮助文档里面,请仔细阅读

https://helpcode.github.io/Markdown-Edit/

如果你想使用我的脚本来自动打包,那需要注意的是我们之前用sudo mkdir DBeditor创建了文件夹,这个文件夹里面除了放置项目源码 Markdown-Edit,和 Markdown-Edit同级的是Nw.jsSDK,这里推荐下载这个SDK,原因在帮助文档里面写的很清楚,请仔细查看:

nwjs-v0.25.1-linux-x64.tar.gz

下载解压后,放到DBeditor文件夹下,然后也是在DBeditor文件夹下创建builder.sh,具体目录层级和shell代码如下:

目录层级

DBeditor
 |--- Markdown-Edit
 |--- nwjs-v0.25.1-linux-x64
 |--- builder.sh

文件夹名字可以更改,不过请一并修改builder.sh中的五个变量配置。

builder.sh代码如下:

#!/bin/bash

# 如果改了文件名请修改对应的变量值
#!/bin/bash
codeDir="./Markdown-Edit/"
codeModulesNw="./node_modules/nw/"
codeModulesNwBuilder="./node_modules/nw-builder/"
AppNw="./Markdown-Edit/app.nw"
nwSDK="./nwjs-v0.25.1-linux-x64/"
# 移动dev阶段的 nw 和 nwbuilder
# 脱离 node_modules 到根目录,避免被误打包增加400MB体积
mv $codeModulesNw $codeModulesNwBuilder ./../
# zip压缩并更名改后缀为 app.nw
# 打包完成退回根目录
zip -r ./app.nw ./ &&  echo 'Create success...' && cd .. && echo 'Back to the root directory...'

# 移动打包后的 app.nw 源码 到 NW.js SDK中并添加执行文件权限
mv $AppNw $nwSDK && echo 'Move success...' && chmod +x $nwSDK/app.nw && echo 'Add permission to succeed...'
# 打包构建结束,将dev阶段的 nw,nw-builder 再放回 node_modules 依赖中
mv ./nw/ ./nw-builder/ ./Markdown-Edit/node_modules/
echo 'The program has been packaged,You:Run(y),Structure(g),Stop(n)?'
read NAME
if [ "${NAME}" == "y" ]; then
  # 启动应用,这一步没将 nw 和 app.nw 合并
  echo 'Starting up...'
  cd $nwSDK && ./nw app.nw
elif [ "${NAME}" == "g" ]; then
  echo 'Being built...'
  # 合并 nw 和 app.nw ,并删除app.nw源码
  cd $nwSDK && cat nw app.nw > app && chmod +x app && rm -rf app.nw
  echo 'Build and remove source package app.nw success,
  To the SDK directory, execute the command sudo./app to run the program....'
  echo "Or now:Yes(y) / No(n) Run ?"
  read chios
  if [ "${chios}" == "y" ]; then
     # 启动程序
     echo "Starting up..." && ./app
  fi
elif [ "${NAME}" == "n" ]; then
  echo "Ok,Bye..."
fi

然后执行

npm run online

脚本会为你自动打包程序的,请记住查看帮助文档!!!

Windows / Mac


Windows下打包:

照例先来看一张效果图(旧版本v1.3的截图),增强点信心吧!!

win_index

windows_write

  • 1:下载对应你操作系统的Nw.jssdk,我虚拟机Windows10这里提供官方的下载链接:

    Windows: 32bit / 64bit

  • 2:下载下来后,解压nwjs-v0.25.1-win-x64.zip

  • 3:打开你项目,在配置好package.json后,然后全选所有文件压缩成xxx.zip格式,然后改名为xxx.nw

  • 4:剪切xxx.nw 到 步骤二 的文件夹中,然后执行命令,回车即可看到应用已经运行:

    nw.exe xxx.nw

  • 5:如果不想用户直接看到项目源码xxx.nw,那么使用命令来合并nw.exexxx.nw,这样就会生成一个你想要的xxx.exe然后删除源码xxx.nw即可。命令如下:

    copy /b nw.exe+xxx.nw app.exe

  • 6:这一步我们已经得到了最终的app.exe但是Nw.jssdk中还有很多其他文件,这时候我们可以用工具,下载后运行打开 选择我们需要打包的app.exe,然后把sdk文件夹中的所有文件拖到 Enigma Virtual Box文件框中,然后点击 [打包],稍等片刻就好。得到一个exe程序,双击运行或者分发给别人使用。

    Enigma Virtual Box

步骤是不是很多,虽然很简单但是每次这样打包也是很烦人的,在Linux系统中打包我提供了shell脚本自动化完成这些步骤操作。而windows系统中的脚本我正在写...用法也会和Linux shell一样。程序员要学会偷懒...

Mac 下打包:

  • 1:不多说,同样的下载Nw.js Mac版本的sdk:

    Mac 10.9+: 64bit

  • 2:同Windows步骤...

  • 3:同Windows步骤...

  • 4:在Mac系统中,则将package.nw放到nwjs.app/Contents/Resources/目录下即可。


这里不要问Linux环境下为什么打包教程写的那么详细,因为这是我本机电脑环境。

1:关于我

学的越多,才发现自己会的其实越少。

一名荡漾在码海中正和小伙伴们划着船并努力创业的WEB工程师,喜欢研究各种最新最好玩的技术,拥有强烈的无比的求知探索欲,热衷技术开源,同时能够保持高昂的热情不断自我学习自我反省自我升级。

坚信:“有能力的人选择生活,余者被生活选择”

2:个人技能

  • 2.1: 精通HTML,CSS,能够熟练的使用前端编码工具快速开发符合需求的页面,高质量还原视觉与交互设计成果。精通web标准化和div + css页面重构,能解决主流浏览器兼容性问题。

  • 2.2: 同时具有很强的原生js代码编写能力,主导负责过公司大型商业电商平台的设计与研发过程,项目中负责开发基于Vuejs,webpack,sui的移动端电商平台前端,后端架构采用linux,apache,MySQL,php,thinkphp,对现代化前端具有足够的掌握,个人具备丰富的实战项目开发经验。

  • 2.3: 对web开发,前端后端服务器数据库上线运维升级维护有整套的技术掌握和了解,团队开发中能够很好协调前后端人员沟通交流,提高团队开发的效率和质量。

  • 2.4: 同时个人具备优秀的业务需求沟通能力,较强的分析问题解决问题的能力,对新技术充满好奇能够自主学习并能通过新技术解决现有问题,经常加班熬夜抗压能力强。

3:联系方式

如果你对我感兴趣,想要了解并与我交流,可以通过以下方式联系到本人!

空文件

简介

`DBeditor 是一款跨平台的MarkDown编辑器,支持主流的Linux / Mac / Windows等操作系统,在各个系统上具有统一优秀的表现力。界面设计采用简洁扁平大量留白的UI风格,去除繁琐复杂多余的菜单,同时参考`Linux`上著名`Vim`的键盘快捷键命令式操作风格,让用更加专注于文章博客的编写,同时支持丰富的表情插入,让文章更具有丰富多彩的表现力。 展开 收起
CSS
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
CSS
1
https://gitee.com/bmycode/Markdown-Edit.git
git@gitee.com:bmycode/Markdown-Edit.git
bmycode
Markdown-Edit
Markdown-Edit
master

搜索帮助

14c37bed 8189591 565d56ea 8189591