这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址  http://benq.im   文章目录 1. 简介 2. 项目结构 3. 程序主界面 4. 拖动窗口 5. app.js 6. 导航栏按钮 7. 实现简单的markdown编辑器 7.1. 定义路由 7.2. 实现controller 7.3. 添加视图模版 7.4. 实现editor 7.5. 实现directive 7.6. 最终效果 8. 总结 9. 附件 前段时间用hexo重新搭了个人博客,顺便写了个简…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/24/hexomd-03/ 文章目录 1. 系统模块 2. 记录上次打开的文件 3. 编辑器样式选择 3.1. 样式修改表单 3.2. 自动生成select列表 4. 总结 5. 附件 上一篇我们实现了文件的新建,保存,打开功能. 在这篇里我们将实现以下功能: 系统模块,包含一些软件的设置和存储功能 记录上次打开的文件 编辑器样式选择 系统模块 跟之前的studio模块类…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im 文章目录 1. 工具条 1.1. 样式 1.2. 工具条截图 2. 状态栏消息 3. 文件操作 3.1. 新建文件 3.2. 保存文件 3.3. 打开文件 4. 总结 5. 附件 上一篇我们搭建好了项目结构,简单的实现了第一个模块(studio)的基本功能,已经能够进行简单的markdown编辑. 在这篇里我们将实现以下功能: 底部工具条UI,状态栏信息 新建文件,打开文件,保存文件 工…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/25/hexomd-04/   程序打包   文章目录 1. 打开新窗口 2. 预览功能 3. 优化体验 3.1. 滚动条随动 3.2. 样式美化 3.3. 代码块高亮 3.4. 关闭主程序前先自动关闭预览窗口 4. 总结 5. 附件 上一篇我们实现了系统模块的一些功能,对angular的使用更深入了一点. 今天这篇我们要实现实时预览的功能,将学习到如何使用nw.js打开…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/05/19/hexomd-07/   文章目录 1. 准备工作 2. 目录语法 3. emojis表情语法 3.1. 准备表情素材 3.2. 实现功能 4. 编辑器语法高亮 5. 总结 6. 附件 上一篇我们实现了自动更新的功能. 在前面的6篇中,我们基本没做什么创造,都只是像玩乐高那样把零件拼接成我们想要的东西.今天这篇将对marked进行简单扩展, 增加我们的markdow…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/05/12/hexomd-06/   文章目录 1. 自动更新方案 2. 实现 2.1. 安装依赖模块 2.2. 自定义package.json 2.3. updater.js 2.4. 绑定更新按钮 3. 总结 4. 附件 上一篇我们实现了粘贴上传图片功能. 今天将实现自动更新的功能,有了这个功能以后我再发博客就不需要每次都把最新的程序重新打包上传了. 对于不想看如何实现的朋…
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/28/hexomd-05/   文章目录 1. 七牛云存储 1.1. 系统设置 1.2. 配置七牛帐号 2. 图片上传 3. 总结 4. 附件 上一篇我们实现了实时预览功能. 今天这篇要利用免费的七牛云存储服务来实现粘贴自动上传图片的功能.不想看过程的朋友可以直接下载打包好的程序使用,使用之前记得配置七牛帐号. 文章的内容包含以下三点: 七牛云存储. clipboard-…
对于创作平台来说内容编辑器是十分重要的功能,强大的编辑器可以让创作者专注于创作"笔"下生花.而最好取悦程序员创作者的方法之一就是支持 Markdown 写作,因为大多数程序员都是用 Markdown 来写文章. Markdown 作为程序员写作的心头爱,有很多优点: 通过语法实现排版,不需要点选手动设置样式 快速实现复杂内容,如:代码块.超链接.公式等 让创作者有更多时间专注于内容 但,同样的也有些缺点: 有一定的学习门槛,对于非程序员不太友好 看原文档就像看"代码"…
 市面上能买到的11中常见的pm2.5检测仪 网上大佬实测并不是很准,我这里没测过(全买下来有点贵,贫穷限制了我的想象力) 这些检测仪多数是复合式.多功能的空气质量检测仪.具体就不一一介绍了.这篇文章主要分享下怎样用更少的成本,短暂的时间.自己动手制作更加精确的pm2.5检测仪. 那么PM2.5(细颗粒物)是什么?(废话段) 因为各国标准不一样,天气预报也报空气质量,预报的空气质量与实际的空气质量一样吗?但这个问题,想动手制作一个PM2.5检测仪,有了自己动手制作的PM2.5检测仪的话,当空气质…
更轻便的markdown 编辑器 Typora 所见即所得的键入方式 https://typora.io 文章来源:刘俊涛的博客 欢迎关注,有问题一起学习欢迎留言.评论.…