首页
学习
活动
专区
工具
TVP
发布

我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)

这篇文章主要是记录下我是如何从0到1是完成一款还算拿得出手的Markdown编辑器。 完成项目一览 调研Markdown编辑器 国内、国外关于Markdown编辑器有很多。...editor.md 网址:https://pandao.github.io/editor.md/ 是一款开源的、嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery...typora 网址:https://www.typora.io/ Typora是一款免费的轻量级Markdown编辑器,它没有Mou,Haroopad等Markdown编辑器那么大名鼎鼎,算是较为小众的一款产品...配置编辑器组件 配置编辑器时,有以下几点使我非常困惑,以致于花费了大量时间。...增加功能 首先,我开发这个程序的初衷是更好地方便自己写文章,所以,我定下了这几个需求: 复制HTML格式文本,方便复制到微信公众号 复制Markdown文本,方便可以复制到稀土掘金、csdn这些博客网站上发布

78320

身形千变万化!MIT开发出太空探索神器——模块化自重构微型机器人

大量体积庞大、复杂且昂贵的机械部件不免显得笨拙,阻碍了其小型化和扩展性的发展。尤其是太空探索轨道上建造物体颇具挑战性,很可能投入和产出不成正比。...研究团队从电影《超能陆战队》汲取部分灵感,创造了一种可以通过排列组合组装成复杂形状的立方体形机器人。他们将小型、易于制造且价格低廉的电磁铁嵌入立方体的边缘,而非将笨重昂贵的执行器塞进单个模块。...用户只需要点击几下,即可操作多达1000个立方体,或者使用预定义的脚本来对多个连续旋转进行编码。...欧洲航天局高级概念团队(ACT)负责人Dario Izzo谈道: “ElectroVoxels展示了如何设计一个完全重构的系统,并给我们科学界提出了一个需要解决的挑战,即如何在太空轨道上拥有一个功能齐全的模块化机器人系统...但它们地面上很难聚集足够的力进行回旋。 研究团队希望能够使立方体足够坚固以抵抗地球引力,如此,这些机器人将会缓解外太空的不利生活条件,允许人们地面上建立大规模、重构的操作。

40130
您找到你想要的搜索结果了吗?
是的
没有找到

10个助燃商业增长的市场营销战略

从此开始,你需要探寻一个有利图的潜在市场,定义你的目标受众,向他们兜售有价值的东西。无论是销售商品、服务或信息,如何让消息传递出来变得越来越繁重。...你如何将你的信息传达给目标受众并有效地做到这一点?如何提高知名度并提高销售量,同时持续获得利润?...你知道其实很简单随时添加吗?你绝对应该花些时间来好好介绍自己和你的业务。将这个介绍链接到你的个人资料的描述。这是一种被动地推销生意的简单方法,如果做得好,它可能会带来奇效。...电子邮件营销序列是用户订阅你的电邮之后你发送给用户的自动讯息。使用你的发送顺序与订阅客户建立关系。整个订阅用户旅程需要真实、透明。 使用电子邮件回复和点击来细分您的用户列表。...分组测试将帮助你更好地了解你的受众以及哪些东西的反应更好,使你成为更好的沟通者,并更好地进行销售。

52520

结合ChatGPT和MINDSHOW自动生成PPT

你需要提供一些关键信息,如果没有关键信息,就按照大纲方式让它设计,例如,我让它帮我写一份《2023年年述职报告》的模版—— 二、通过提示,让它帮生成markdown语法的内容:把以上文档资料以markdown...程序员涉及开发相关的文档基本都喜欢用markdown,此时,我写这篇小总结的过程同样是使用了markdown,至于什么是markdown,可以自行百度下哈。...三、打开一个专门做PPT模版的网址,这类网站随着Ai工具的完善也与日俱增,我用的是MINDSHOW,网址:https://www.mindshow.fun/#/home 然后,点击左边菜单的【导入】,...将chatgpt生成的markdown语法内容,复制到格式为【Markdown】的文本框里,然后选择【导入创建】—— 四、这时页面会调整,就可以根据你提供的markdown语法内容,自动生成PPT...体验下来,目前该网址有不少是免费PPT模版,自行选择—— 五、自动生成的PPT还可以进一步自行选择免费页面布局,例如,原布局是这样的—— 选择一个合适免费布局后,就可以变成这样了——

1.2K20

什么是霍尔效应传感器?

因为它使您能够感知系统对象的位置和运动。本文中,我将解释什么是霍尔效应传感器,其基本构建基块和功能,以及霍尔效应感应产品的常用案例。...TI 在其霍尔效应传感器产品组合具有多种选项。 这种对 Hall 效应传感器如何工作的基本理解是必要的,以便您知道如何有效地使用它们,相对于磁铁具有适当的位置。...但你还需要知道磁铁产生的磁场是如何与距离一起运作的。图3显示了磁场如何磁铁远处衰变的简单图形。...图4:开关、闩锁和线性传感器传输功能 开关和闩锁的磁点 BOP和 BRP定义了滞后值 (BHYS = BOP - BRP)。系统利用滞后将防止输出状态之间来回弹跳。...通用霍尔效应传感器应用程序 开关在笔记本电脑、冰箱门和端开关中很常见,检测磁铁何时靠近传感器。闩锁在旋转编码和电机折算应用很流行,其中应用程序的旋转方面是成熟的,可以持续监控旋转轴的位置。

86510

居然实现这张图片效果过程,我发现了一个宝藏级网站!

可以啊 进入主题之前,我们学习一波如何markdown显示图片,有助于后续的内容理解。 当然已经懂得小伙伴可以直接忽略哈! 如何markdown显示一张图片 具体命令:!...圆括号的path,用于填写图片的路径(可以是本地路径或图床链接-网址)。.../img/AI_study.jpg) ps:windows下路径的填写方式有所不同,自行百度~ (2)显示网络上的图片 下面是我网络上搜索的科比的图片,但是安装上面的格式并不能正常显示出图片。...直接利用图片的网址是无法正常显示的,需要先将图片上传到图床上,并生成外链才行。 这里通过免费图床“路过图床”,可以实现在markdown显示图片 ?...通过label, message,color三个位置输入你想要的内容,然后点击Make Badge按钮即可顺序生成图片的外链接 ?

1K10

Markdown 语法笔记

图片 无序列表最佳实践 Markdown 应用程序如何处理同一列表混用不同分隔符上并不一致。为了兼容起见,请不要在同一个列表混用不同的分隔符,最好选定一种分隔符并一直用下去。...网址和Email地址 使用尖括号可以很方便地把URL或者email地址变成可点击的链接。...This is the Markdown Guide. See the section on code. 引用类型链接 引用样式链接是一种特殊的链接,它使URLMarkdown更易于显示和阅读。...表中转义管道字符 您可以使用表格的HTML字符代码(|)显示竖线(|)字符。 脚注 脚注语法 脚注使您可以添加注释和参考,而不会使文档正文混乱。...任务列表 任务列表语法 任务列表使您可以创建带有复选框的项目列表。支持任务列表的Markdown应用程序,复选框将显示在内容旁边。

3.9K10

Obsidian笔记软件无公网远程同步数据到群辉Webdav

Obsidian的特色在于其独立存储的Markdown文档,用户可以使用Obsidian本身或其他的Markdown编辑器如Typora、iA Writer等进行编辑....下面介绍本地群晖开启Webdav 结合Cpolar的公网地址,使Obsidian笔记数据可以远程进行同步到群晖Webdav,同时跨平台Obsidian也可以实现数据同步! 1....隧道名称:自定义命名,注意不要与已有的隧道名称重复 协议:选择http 本地地址:5005 (默认webdav端口) 域名类型:免费选择随机域名 地区:选择China vip 点击创建 隧道创建成功后...然而,它的缺点是网址由随机字符生成,不太容易记忆(例如:3ad5da5.r10.cpolar.top)。另外,这个地址24小时内会发生随机变化,更适合于临时使用。...返回登录群辉安装的Cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑 修改隧道信息,将保留成功的二级子域名配置到隧道 域名类型:选择二级子域名

27710

MIT研究团队开发由磁铁控制的小型机器人,可在人体内提供治疗

磁铁控制的小型机器人可能有一天会在你的身体穿行,提供治疗或采集组织样本。麻省理工学院设想创造可以根据提示进行变化的软性移动设备。 只需一个磁铁,机器人就可以在有限的空间内滚动,跳跃和爬行。...发表Nature杂志上的一篇关于机器人的论文合作者Xuanhe Zhao表示,“我们希望使机器人更强大,所以我们设计新的磁性油墨,以便能够提供更多的力量。”...计算机程序使每个微粒机器人的特定部分沿特定方向对齐,这允许磁力触发期望的响应。对于简单的功能,Zhao可以通过挥动磁铁来驱动机器人。...为什么使用磁铁 研究小组考虑了多种方法包括电力,热变化,光线和湿度。然而,磁铁最容易用于放置人体内的机器人。 “人体对磁场来说是透明的,”Zhao说,这意味着使用过程磁能不会被阻挡或减弱。...机器人中的微粒本身只有弱磁场,而用于激活机器人的场不比MRI的场更危险。 他说,即使植入心脏起搏器等电子刺激心脏的患者也不会受到影响,因为机器人的磁场太弱。

57750

Markdown笔记 | 一篇最详细的Markdown 教程 --> 收好

markdown源代码,段落由两个或多个空行分隔。Typora,您只需要一个空行(按Enter一次)即可创建一个新段落。 按Shift+ Enter创建单个换行符。...1.10.1 列表嵌套 列表嵌套只需子列表的选项添加四个空格或Tab即可: 1. 第一项: - 第一项嵌套的第一个元素 - 第一项嵌套的第二个元素 2....注:可能很多人打错这个符号 ` ,这个符号是tab的上面,切换成英文输入点击(tab上方、数字1左边)的键即可。 1.12.1 代码区块 代码区块使用 4 个空格或者一个制表符(Tab 键)。...1.13.1 高级链接 链接也可以用变量来代替,文档末尾附带变量地址: 这个链接用 1 作为网址变量 [Google][1] 这个链接用 baidu 作为网址变量 [Baidu][baidu] 然后文档的结尾为变量赋值...然后文档的结尾位变量赋值(网址) [1]: https://www.baidu.com/img/bd_logo1.png Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的

23.5K87

十款值得你关注的Vue.js工具和库

VuePress,你可以使用Markdown编写文档,然后生成网页,每一个由VuePress生成的页面都带有预渲染好的HTML,也因此具有非常好的加载性能和搜索引擎优化。...然后预取下一页,以便用户可以非常快速地点击,而无需重新加载页面,即使离线时也是如此。...Gridsome站点通常不连接到任何数据库,并且可以完全托管全局CDN上。它可以处理数千到数百万次点击,并且不需要昂贵的服务器成本。...官方网址:https://vuex.vuejs.org/ 5、 Nuxt Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也充当静态站点引擎生成静态站点应用...官方网址:https://vuetifyjs.com/en/ 7、Quasar Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue),帮助Web开发人员创建: 响应式网站

2.9K20

一文教你把 Hexo 博客搭建在云端

Hexo 使用 Markdown(或其他渲染引擎)解析文章,几秒内,即可利用靓丽的主题生成静态网页。 2.2....插件配置如下: 温馨提示:插件 Secret ID 与 Secret Key 查询地址:点击查看 Markdown 文件,快捷键使用: 使用 ctrl+ alt + p (Windows) /...支持以个人主体备案网站,备案耗时一般10个左右工作日,点击开始,腾讯云网站备案。 备案的域名后缀 备案流程 备案的整个流程都在线上操作,无需到线下跑,只需准备材料即可。...本文档指导您如何在网站开通后30日内进行公安备案。点击查看 8.4. SSL证书申请 可申请免费域名SSL证书,有效期1年,期满后重新申请即可。一般1天左右即可申请下来。点击开始申请。...开启 CDN 缓存刷新函数 存储于 COS 桶的静态资源更新时,需及时刷新 CDN 缓存,使博客网站数据及时生效。可使用 COS 提供的云函数功能实现。

1.2K10

Django:web框架的学习(4:番外篇)

甚至可以说和我们熟悉的Markdown的标记语言有点类似. Markdown标记语言转换成HTML就是和HTML标记语言一样的语法....而是一种标记语言 标记语言是一套标记标签 HTML使用标记标签来描述网页 经过浏览器的渲染而显示出个各种内容 CSS:是表现 CSS指的是层叠样式表(Cascading Style Sheets) 样式定义了如何显示...HTML元素 样式通常储存在样式表 外部样式表可以极大的提高工作效率 JavaScript:用来实现网页上的特效效果 JavaScript 是属于网络的脚本语言 ---- HTML 标记语言学习.../html/index.asp" title="点击进入HTML教程">点击进入HTML教程 两者在网页的差别是前者原网页中加载目标网址,后者新建一个标签页打开目前网址 邮件: <a href...---- Markdown和HTML标记语言相通,但存在些许差别,大多数的常用的HTML标签标记直接写在Markdown里都会实现. 上述笔记存在不明白还是查看更官方的教程.

90130

开发工具总结(5)之Markdown语法图文全面详解及其工具介绍

(3)自动连接 Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用包起来, Markdown 就会自动把它转成链接。...markdown缩进语法 (三)如何打出一些特殊符号 (1)对于 Markdown 的语法符号,前面加反斜线\即可显示符号本身。 示例如下: ?...文档要插入图片的地方写![图片或网址链接][标记],文档的最后写上[标记]:图片地址 “标题”。(最后这个"标题"可以不填写) 示例如下: ?...比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 目录中点击这一节,就能跳过来。 语法说明: 在你准备跳转到的指定标题后插入锚点{#标记},然后文档的其它地方写上连接到锚点的链接。...---- 五、简书如何设置Markdown 默认的简书写博客是富文本模式的,想要设置成Markdown,可以这样设置: (一)进入博客主页,点击头像旁边的倒三角符号,选择 "设置" ?

1.7K40

Kibana:Canvas 大屏幕显示

今天的文章,我们来讲述一下如何实现一个简单的Canvas示例。 我们先打开我们的 Kibana,并导入数据: ?...我们可点击下面的Add链接来添加一个新的bucket来展示最热的5个访问网址: ? 在上面显示的是访问最多的5个网址的按照一天24个小时显示的访问量的统计图。...那么问题来了,我们该如何实现这个嗯?答案是Canvas。顾名思义,作为一个Canvas,我们可以画布上任意拖拽安排我们的Widget。可以定制我们的字体,背景等等。...接下来的教程,我们来做一个简单的展示。 打开Kibana,我们点击Canvas: ? 点击上面的Create workpad: ?...我们再次点击Add element。这次我们选择Markdown: ? 点击上面的Text: ? 我们修改在Display的内容: ? 我们点击右上角的+: ?

1.9K10

这个开源项目,建议飞书的产品经理学习一下

我日常需要协作的技术文档,以及公众号文章都是飞书文档里敲出来的。简洁美观的 UI 设计以及对 markdown 语法的完美支持,让我成为了飞书文档的自来水。...这导致每次我写完文章都要手动将整篇文字复制到 typora ,然后再处理一下复制出来的没有后缀的图片上传到图床,才能保存为一个正常的 markdown 文档。...获取 API Token 第一步,进入开发者后台,网址:https://open.feishu.cn/app。点击“创建企业自建应用”按钮,随便填写一些信息即可。...第三步,点击左侧菜单的“权限管理”,开通图中的四个权限。 第四步,点击左侧菜单的“凭证与基础信息”,就可以获取 App ID 和 App Secret 啦。...下载文档 打开飞书中你想下载的文档,点击右上角的分享按钮获取文档的分享链接。这里需要勾选“互联网上获得连接的人阅读”,这样 feishu2md 工具才能访问到该文档,并下载到本地。

40720

如何Markdown写论文?

如有需要,请点击文末的“阅读原文”按钮,访问可以正常显示外链的版本。) 苦恼 自从我学会了如何在数字文档上用红笔写写画画,跟学生合写文章和指导毕业论文的工作就变得轻松多了。 ?...好消息是,即便是形成Word文稿,效率也是挖掘的。 我平时写作学术论文的时候,用的依然是让人喜欢的标记语言——Markdown。对,你没听错,它不光可以帮你写公众号、做幻灯,也可以写论文哦。...搜索框输入该插件的名字:markdown-preview-enhanced,点击搜索结果该插件的Install按钮。 很快,插件安装好了。 ?...Markdown下,可以直接使用LaTeX数学公式。你只需要负责键入符号,Pandoc负责将其转换成漂亮的公式显示Word。...点击PDF下载,查看全文。其中包含以下内容,跟咱们这篇文稿的主题相关。 ? 我们决定引用这篇参考文献。 回到百度学术的页面,点击引用按钮。 ? 弹出页面点击下方蓝色的“BibTex”。 ?

3K20

良心教程 | 如何在Typora设置免费的图床

如何使用Typora配置免费的gitee图床 「痛点」 ❝一直是使用csdn写博客,因为它的编辑器支持markdown,而且图片直接复制上去生成链接文件,公式也支持得很好。...这样,Typora书写,markdown nice渲染,然后复制到知乎和公众号上,非常流畅,多年的梦想终于实现了。闭环的感觉,别提多爽了,哈哈 ❞ 1....新建gitee项目 ❝飞哥注:这里主要是设置秘钥,然后copy到PicGo,就可以自动关联了。 ❞ 点击个人头像,点击设置: ?...将markdown上传到公众号和知乎上 使用网址markdown nice: https://www.mdnice.com/ 用notepad++将md文件打开,复制,粘贴,然后图片瞬间显示: ❝ 也可以...Typora,全选,然后点击 Ctrl + shift + c 进行复制为markdown的形式,用 Ctrl + v 粘贴就可以了。

5.5K10
领券