{"id":28426896,"url":"https://github.com/helpcode/markdown-edit","last_synced_at":"2025-07-26T11:35:21.587Z","repository":{"id":144087017,"uuid":"105218910","full_name":"helpcode/Markdown-Edit","owner":"helpcode","description":"`DBeditor 是一款跨平台的MarkDown编辑器，支持主流的Linux / Mac / Windows等操作系统，在各个系统上具有统一优秀的表现力。界面设计采用简洁扁平大量留白的UI风格，去除繁琐复杂多余的菜单，同时参考`Linux`上著名`Vim`的键盘快捷键命令式操作风格，让用更加专注于文章博客的编写，同时支持丰富的表情插入，让文章更具有丰富多彩的表现力。","archived":false,"fork":false,"pushed_at":"2017-10-09T02:32:05.000Z","size":3262,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-24T23:36:36.412Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/helpcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-09-29T02:06:34.000Z","updated_at":"2017-10-09T02:32:06.000Z","dependencies_parsed_at":"2024-06-14T06:15:29.274Z","dependency_job_id":null,"html_url":"https://github.com/helpcode/Markdown-Edit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/helpcode/Markdown-Edit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helpcode%2FMarkdown-Edit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helpcode%2FMarkdown-Edit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helpcode%2FMarkdown-Edit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helpcode%2FMarkdown-Edit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/helpcode","download_url":"https://codeload.github.com/helpcode/Markdown-Edit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helpcode%2FMarkdown-Edit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267160779,"owners_count":24045359,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-05T11:37:21.514Z","updated_at":"2025-07-26T11:35:21.564Z","avatar_url":"https://github.com/helpcode.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./public/images/markdown.png\"/\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  DBeditor The Best MarkDown Editor\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://nodejs.org/en/download/\"\u003e\u003cimg src=\"https://img.shields.io/badge/node.js-6.11.1-blue.svg\"\n                                                           alt=\"nodejs\"\u003e\u003c/a\u003e\n            \u003ca href=\"http://www.expressjs.com.cn\"\u003e\u003cimg src=\"https://img.shields.io/badge/express-4.15.2-red.svg\"\n                                                       alt=\"express\"\u003e\u003c/a\u003e\n            \u003ca href=\"https://nwjs.io/\"\u003e\u003cimg src=\"https://img.shields.io/badge/nw-0.25.0-yellow.svg\" alt=\"nw\"\u003e\u003c/a\u003e\n            \u003ca href=\"https://github.com/nwjs-community/nw-builder\"\u003e\u003cimg\n                    src=\"https://img.shields.io/badge/nw--builder-3.4.1-blue.svg\" alt=\"nw--builder\"\u003e\u003c/a\u003e\n            \u003ca href=\"https://github.com/chjj/marked\"\u003e\u003cimg src=\"https://img.shields.io/badge/marked-0.3.6-%23ff69b4.svg\"\n                                                          alt=\"marked\"\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n## 简介\n\n`DBeditor` 是一款跨平台的`MarkDown`编辑器，支持主流的`Linux` / `Mac` / `Windows` 等操作系统，在各个系统上具有统一优秀的表现力。界面设计采用简洁扁平大量留白的UI风格，去除繁琐复杂多余的菜单并参考`Linux`上著名`Vim`的键盘快捷键命令式操作风格，让用更加专注于文章博客的编写，同时支持丰富的表情插入，让文章更具有丰富多彩的表现力。\n\n基于face++开发的人脸识别，让程序更具趣味性，上传你的照片识别你的年龄，男女等特性，难道你不想试试看吗！\n\n\n\n\u003e DBeditor名称的来源：我养了一条日天日地的黑色小泰迪，它名字叫大(D)宝(B)。哈哈...就是如此随意\n\n**项目地址：**\n\n- 1：源码地址：https://github.com/helpcode/DBeditor\n- 2：下载地址：https://github.com/helpcode/DBeditor/releases\n- 3：官网地址：http://localhost:3000/introduce(软件本地运行后，即可访问)\n- 4：网站地址：http://localhost:3000/welcome(软件本地运行后，即可访问)\n \n \n## 截图欣赏\n\n先来看看下面这些截图吧，好让你为下面有点麻烦的配置过程增加点信心，如果你不懂`Linux`，不懂前端`Nodejs`不懂开发都没关系，你这里可以下载我打包好的软件直接运行即可！\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"90%\" height=\"90%\" src=\"http://okkzzhtds.bkt.clouddn.com/home-js.png\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003cimg width=\"90%\" height=\"90%\" src=\"http://okkzzhtds.bkt.clouddn.com/indexs-home-case.png\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003cimg width=\"90%\" height=\"90%\" src=\"http://okkzzhtds.bkt.clouddn.com/face.png\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003cimg width=\"90%\" height=\"90%\" src=\"http://okkzzhtds.bkt.clouddn.com/infert.png\"/\u003e\n\u003c/p\u003e \n \n \n## 安装构建\n\n1：下载源码\n\n```bash\nsudo mkdir DBeditor \u0026\u0026 sudo chmod 777 -R DBeditor \u0026\u0026 cd DBeditor\nsudo git clone https://github.com/helpcode/Markdown-Edit.git\nsudo npm install\n``` \n\n这里需要注意`npm install`在安装`nw`和`nw-builder`依赖包的时候特别慢，而且需要翻墙才能下载哦。\n\n\n### Linux 下打包\n\n---\n\n\n\n所以先不要安装依赖，在`package.json`中把`nw`和`nw-builder`配置删除，然后`npm install`先安装其他依赖，之后下载我这里提供的这两个包的压缩版本，下载完成解压直接丢到`node_modules`中，然后分别进入`nw`和`nw-builder`的文件夹中解决他们自身的依赖关系，这样会快一点。\n\n而使用`nw-builder`打包应用的时候它会根据你命令`nwbuild --platforms linux64 --buildDir dist/ /home/bmy/桌面/DBeditor/Markdown-Edit/` 去下载对应的`nw.js`的sdk，我提供的依赖包里面已经包含了一枚`0.25.1-sdk-linux64`的sdk，所以能节省不少的速度。\n \n\n\u003e 下载地址：[Nw.js 依赖包](http://okkzzhtds.bkt.clouddn.com/nw.7z) [nw-builder 依赖包](http://okkzzhtds.bkt.clouddn.com/nw-builder.7z)\n\n\n\n_当然了，如果你不需要 `nw`在开发阶段预览网站在PC端的效果，或者说不需要`nw-builder` 打包工具来打包，那么就不需要配置我上面说的那些东西。直接从`package.json`中把`nw`和`nw-builder`配置删除即可。你可以用我下面说的`builder.sh` shell 脚本的方式来打包，也是官方推荐的，我不过写了一个shell脚本来自动完成而已_\n\n\n---\n\n\n安装解决依赖后打开`package.json`，`scripts`字段中提供有如下命令：\n\n```bash\n\"scripts\": {\n    # 上面说了，不需要的话就不配置\n    # dev阶段通过nw查看运行效果，\n    # 需要npm安装 nw，参见：https://github.com/nwjs/npm-installer\n    \"dev\": \"nw /home/bmy/桌面/DBeditor/Markdown-Edit\",\n    # 同上\n    \"nw\": \"nw\",\n    \n    # 本地web方式运行网站，node-dev 需要自己安装不要问我\n    # 访问地址http://localhost:3000/welcome\n    \"node\": \"node-dev ./bin/www\",\n    \n    # 上面说了，不需要的话就不配置\n    # 这里是你需要配置的 nw-builder\n    # linux64为打包平台，包会根据这个参数自动去下载对应SDK\n    # --buildDir 为打包成功输出目录，默认build\n    # /home/bmy/桌面/Markdown-Edit/ 是项目绝对路径\n    \"prod\": \"nwbuild --platforms linux64 --buildDir dist/ /home/bmy/桌面/DBeditor/Markdown-Edit/\",\n    \n    # 这个是我自己写的 Linux shell 脚本，具体源码和使用请看 \n    # https://helpcode.github.io/DBeditor/#/?id=开始打包\n    \"online\": \"./../builder.sh\",\n    \n    # 这个是 docute 项目文档运行命令\n    \"docs\": \"docute ./docs --out-dir dist --source-maps --presets env\"\n  }\n```\n\n更多的如何打包配置我都写在了帮助文档里面，请仔细阅读\n\n\u003e [https://helpcode.github.io/Markdown-Edit/](https://helpcode.github.io/Markdown-Edit/)\n\n如果你想使用我的脚本来自动打包，那需要注意的是我们之前用`sudo mkdir DBeditor`创建了文件夹，这个文件夹里面除了放置项目源码` Markdown-Edit`，和` Markdown-Edit`同级的是`Nw.js`的 `SDK`，这里推荐下载这个SDK，原因在帮助文档里面写的很清楚，请仔细查看：\n\n\u003e [nwjs-v0.25.1-linux-x64.tar.gz](http://okkzzhtds.bkt.clouddn.com/nwjs-v0.25.1-linux-x64.tar.gz)\n\n下载解压后，放到`DBeditor`文件夹下，然后也是在`DBeditor`文件夹下创建`builder.sh`，具体目录层级和shell代码如下：\n\n**目录层级**\n```text\nDBeditor\n |--- Markdown-Edit\n |--- nwjs-v0.25.1-linux-x64\n |--- builder.sh\n```\n\n文件夹名字可以更改，不过请一并修改`builder.sh`中的五个变量配置。\n\n**builder.sh代码如下：**\n\n```bash\n#!/bin/bash\n\n# 如果改了文件名请修改对应的变量值\n#!/bin/bash\ncodeDir=\"./Markdown-Edit/\"\ncodeModulesNw=\"./node_modules/nw/\"\ncodeModulesNwBuilder=\"./node_modules/nw-builder/\"\nAppNw=\"./Markdown-Edit/app.nw\"\nnwSDK=\"./nwjs-v0.25.1-linux-x64/\"\n# 移动dev阶段的 nw 和 nwbuilder\n# 脱离 node_modules 到根目录，避免被误打包增加400MB体积\nmv $codeModulesNw $codeModulesNwBuilder ./../\n# zip压缩并更名改后缀为 app.nw\n# 打包完成退回根目录\nzip -r ./app.nw ./ \u0026\u0026  echo 'Create success...' \u0026\u0026 cd .. \u0026\u0026 echo 'Back to the root directory...'\n\n# 移动打包后的 app.nw 源码 到 NW.js SDK中并添加执行文件权限\nmv $AppNw $nwSDK \u0026\u0026 echo 'Move success...' \u0026\u0026 chmod +x $nwSDK/app.nw \u0026\u0026 echo 'Add permission to succeed...'\n# 打包构建结束，将dev阶段的 nw，nw-builder 再放回 node_modules 依赖中\nmv ./nw/ ./nw-builder/ ./Markdown-Edit/node_modules/\necho 'The program has been packaged，You：Run(y)，Structure(g)，Stop(n)？'\nread NAME\nif [ \"${NAME}\" == \"y\" ]; then\n  # 启动应用，这一步没将 nw 和 app.nw 合并\n  echo 'Starting up...'\n  cd $nwSDK \u0026\u0026 ./nw app.nw\nelif [ \"${NAME}\" == \"g\" ]; then\n  echo 'Being built...'\n  # 合并 nw 和 app.nw ，并删除app.nw源码\n  cd $nwSDK \u0026\u0026 cat nw app.nw \u003e app \u0026\u0026 chmod +x app \u0026\u0026 rm -rf app.nw\n  echo 'Build and remove source package app.nw success，\n  To the SDK directory, execute the command sudo./app to run the program....'\n  echo \"Or now：Yes(y) / No(n) Run ？\"\n  read chios\n  if [ \"${chios}\" == \"y\" ]; then\n     # 启动程序\n     echo \"Starting up...\" \u0026\u0026 ./app\n  fi\nelif [ \"${NAME}\" == \"n\" ]; then\n  echo \"Ok，Bye...\"\nfi\n```\n\n然后执行\n```bash\nnpm run online\n```\n脚本会为你自动打包程序的，请记住查看帮助文档！！！\n\n\n### Windows / Mac\n\n---\n\n**Windows下打包：**\n\n照例先来看一张效果图(旧版本v1.3的截图)，增强点信心吧！！\n\n![win_index](http://okkzzhtds.bkt.clouddn.com/win_index.PNG)\n\n![windows_write](http://okkzzhtds.bkt.clouddn.com/windows_write.PNG)\n\n- 1：下载对应你操作系统的`Nw.js`sdk，我虚拟机`Windows10`这里提供官方的下载链接：\n\n  \u003e Windows: [32bit](https://dl.nwjs.io/v0.25.1/nwjs-v0.25.1-win-ia32.zip) / [64bit](https://dl.nwjs.io/v0.25.1/nwjs-v0.25.1-win-x64.zip)\n\n- 2:下载下来后，解压`nwjs-v0.25.1-win-x64.zip`。\n\n- 3：打开你项目，在配置好`package.json`后，然后全选所有文件压缩成`xxx.zip`格式，然后改名为`xxx.nw`。\n\n- 4：剪切`xxx.nw` 到 步骤二 的文件夹中，然后执行命令，回车即可看到应用已经运行：\n  \u003e nw.exe xxx.nw \n\n- 5：如果不想用户直接看到项目源码`xxx.nw`，那么使用命令来合并`nw.exe`和`xxx.nw`，这样就会生成一个你想要的`xxx.exe`然后删除源码`xxx.nw`即可。命令如下：\n  \u003e copy /b nw.exe+xxx.nw app.exe\n\n- 6：这一步我们已经得到了最终的`app.exe`但是`Nw.js`sdk中还有很多其他文件，这时候我们可以用工具，下载后运行打开\n  选择我们需要打包的`app.exe`，然后把sdk文件夹中的所有文件拖到 `Enigma Virtual Box`文件框中，然后点击 [打包]，稍等片刻就好。得到一个`exe`程序，双击运行或者分发给别人使用。\n  \u003e [Enigma Virtual Box](http://www.cr173.com/soft/20501.html)\n \n  \n\n步骤是不是很多，虽然很简单但是每次这样打包也是很烦人的，在Linux系统中打包我提供了shell脚本自动化完成这些步骤操作。而windows系统中的脚本我正在写...用法也会和Linux shell一样。程序员要学会偷懒...\n\n\n**Mac 下打包：**\n\n- 1：不多说，同样的下载`Nw.js` Mac版本的sdk：\n  \u003e Mac 10.9+: [64bit](https://dl.nwjs.io/v0.25.1/nwjs-v0.25.1-osx-x64.zip)\n\n- 2：同Windows步骤...\n\n- 3：同Windows步骤...\n\n- 4：在`Mac`系统中，则将`package.nw`放到`nwjs.app/Contents/Resources/`目录下即可。\n\n\n\n---\n\n**这里不要问`Linux`环境下为什么打包教程写的那么详细，因为这是我本机电脑环境。**\n\n\n\n## 1：关于我\n\n\u003e 学的越多，才发现自己会的其实越少。\n\n一名荡漾在码海中正和小伙伴们划着船并努力创业的WEB工程师，喜欢研究各种最新最好玩的技术，拥有强烈的无比的求知探索欲，热衷技术开源，同时能够保持高昂的热情不断自我学习自我反省自我升级。\n\n\u003cp class=\"danger\"\u003e\n  坚信：“有能力的人选择生活，余者被生活选择”\n\u003c/p\u003e\n\n\n## 2：个人技能\n\n- 2.1: 精通HTML，CSS，能够熟练的使用前端编码工具快速开发符合需求的页面，高质量还原视觉与交互设计成果。精通web标准化和div + css页面重构，能解决主流浏览器兼容性问题。\n\n- 2.2: 同时具有很强的原生js代码编写能力，主导负责过公司大型商业电商平台的设计与研发过程，项目中负责开发基于Vuejs，webpack，sui的移动端电商平台前端，后端架构采用linux，apache，MySQL，php，thinkphp，对现代化前端具有足够的掌握，个人具备丰富的实战项目开发经验。\n\n- 2.3: 对web开发，前端后端服务器数据库上线运维升级维护有整套的技术掌握和了解，团队开发中能够很好协调前后端人员沟通交流，提高团队开发的效率和质量。\n\n- 2.4: 同时个人具备优秀的业务需求沟通能力，较强的分析问题解决问题的能力，对新技术充满好奇能够自主学习并能通过新技术解决现有问题，经常加班熬夜抗压能力强。\n\n\n\n## 3：联系方式\n\n如果你对我感兴趣，想要了解并与我交流，可以通过以下方式联系到本人！\n\n- 1：博客：[geekhelp](http://geekhelp.cn/)\n- 2：Github：[helpcode](https://github.com/helpcode)\n- 3：QQ群：[540144097](http://shang.qq.com/wpa/qunwpa?idkey=1c684eb6c3d6b32ac50b0d179096ed64124b9db577add0319b7b1a96a0235656)\n- 4：QQ：2271608011\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhelpcode%2Fmarkdown-edit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhelpcode%2Fmarkdown-edit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhelpcode%2Fmarkdown-edit/lists"}