惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Blog — PlanetScale
Blog — PlanetScale
G
Google Developers Blog
Microsoft Security Blog
Microsoft Security Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
腾讯CDC
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Jina AI
Jina AI
雷峰网
雷峰网
T
Tailwind CSS Blog
爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
酷 壳 – CoolShell
酷 壳 – CoolShell
大猫的无限游戏
大猫的无限游戏
月光博客
月光博客
博客园 - 司徒正美
I
InfoQ
Engineering at Meta
Engineering at Meta
Vercel News
Vercel News
小众软件
小众软件
U
Unit 42
Google DeepMind News
Google DeepMind News
D
DataBreaches.Net

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
Briter 一个简单的Markdown编辑器 - 少数派
2017-08-15 · via 少数派

Markdown是一种标记语言,用纯文本编写,按照语法自动排版,十分适合写作。曾经,就是两年前,我热衷寻找两类应用,一类是RSS阅读器,另一类就是Markdown编辑器。在Mac App Store上,我找到了ReederMWeb,这两款应用都设计、功能和体验上都很好,不过都是收费应用。因为大学专业是计算机,所以当时我就想,自己写不就免费了吗?

去年,我写了一个简单的RSS阅读器,我叫它Breeder,就是“Be a Reader”的意思;今年,我又写了一个简单的Markdown编辑器,我叫它Briter,也就是“Be a Writer”的意思。

Briter
Briter

Briter是一个网页应用,大部分功能是基于JS+PHP开发的,只要注册一个账号,就能开始你的Markdown之旅。体验地址:https://www.briter.site/try

那么,Briter对比其他Markdown编辑器,有什么过人之处值得介绍的呢?

其实,Briter并没有什么过人之处😳。而且,还有一个致命缺陷--因为我的服务器是在国外,所以国内电信网络的访问响应速度可能会很慢,不过移动网络的倒是不错。

好了,丑话前头说了,下面就要厚着脸皮来介绍一下我的劣作了😁!

分屏预览

大部分的Markdown编辑器都支持,不多说,看图:

Briter编辑器
Briter编辑器

Sublime快捷键

Sublime是一个文本编辑器,大部分程序员都使用过。Briter绑定了与Sublime相同的快捷键,比如快速保存:Super+S,多行编辑:Super+D等等。截图展示不出来,欢迎大家访问体验。

图库管理和拖拽上传

Briter提供图片上传,并且记录每张图片,予重复使用:

图库管理
图库管理

如果嫌上传图片、插入图片的步骤繁琐的话,可以直接拖拽本地图片到编辑框,Briter会自动插入这张图片(当然你不能直接在体验页面插入图片,因为需要登录账号):

请输入图片标题

所有上传的图片都存储在七牛云空间上,其访问链接是可编程的,比如设置图片的宽高为96x96,就在图片链接后面加上参数?imageView2/0/w/96/h/96,详细内容请参考七牛云图片基本处理

Markdown Plus

Briter使用markdown-coremarkdown-it扩展了Markdown语法,在原本基础上,大家还可以写数学公式、画流程图、甘特图等等:

数学公式
数学公式

流程图
流程图

甘特图
甘特图

生成HTTP链接和图片

点击个人草稿或者文章,会弹出文章的预览框,框上左边有两个图标按钮,一个是跳向HTTP访问地址,一个是生成文章截屏图片,主要是用于文章分享:

HTTP访问链接和截屏
HTTP访问链接和截屏

文章网页展示效果(截屏效果):

请输入图片标题

最后

总结

Briter只是个人作品,不会有太多的运营推广。目前阶段,是希望作为一个便捷工具,方便大家使用。比如说,临时有些想法,需要快速记录下来,又可以自动排版,还有个地方可以分享展示,那么Briter应该能帮助你。

不足

  1. 因为服务器在国外,所以国内电信网络访问延时比较大,已经尽力优化了(所有js、css、images、fotns等资源都搬到国内了),移动网络和联通网络延时应该比较小;
  2. 本来是想编辑区和预览区两边实时同步滚动的,但是这样编辑的时候就会滚上滚下的,所以目前只是预览区跟随编辑区滚动,编辑区不跟随预览区滚动;
  3. 如果文章较长且使用了复杂的Markdown语法,页面就可能出现卡顿,这时应该关闭实时预览;
  4. 对IE浏览器版本要求高,最好IE10以上,不过,喜欢IE8的话,应该不常用Markdonwn;
  5. 在手机端,中文输入体验很差,看以后怎么解决。

鸣谢

  1. 谢谢VueJS全家
  2. 谢谢Muse-UI
  3. 谢谢CodeMirror
  4. 谢谢markdown-it
  5. 谢谢tylingsoftmarkdown-core
  6. 谢谢Chart.js
  7. 谢谢mermaid

后续

目前Briter功能尚未完整,如有时间会尽快补上:

  1. 个人中心(用户头像,修改密码等等)
  2. 资源管理(图片资源的增删、排序等等)
  3. 个人展示页(查看其他用户的个人信息)
  4. 关注收藏
  5. 文章PDF导出
  6. ···