首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当把Markdown编辑器搬进博客

写文的朋友会发现有很多编辑器可以选用,但是经常遇到不同平台的格式差异等问题。冷月要给大家介绍的是一款我比较喜欢又简洁多用的编辑器: ?...markdown ,这样的一款好用的文章编辑器除了你看到的微信编辑,也可以把他搬进博客! 怎样让自己的博客也支持? 首先,我们来看一下效果图: ? 需要怎么做呢?...冷月找到一个开源的Markdown编辑器叫Editor.md,但是官方已经没有维护这个项目了。不过~~冷月已经下载好了插件并且放到了公众号中。大家只需要关注冷月的微信公众号:学长冷月。...test-editor"> ### 关于 Editor.md **Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器.../lib/" }); }); 接下来只需要将这段代码放入需要引入markdown的地方,再把css和js的路径改成你的地址,就成功将markdown引入您的博客

68110

博客添加 markdown 在线编辑器工具

自从博客项目上线以来,经常会有用到我博客项目的人问我后台编辑博文为啥没有编辑器,博主是怎么编辑博文的?我每次的回答基本都是说随便找个本地的 markdown 编辑器把文章写好然后复制到后台即可。...前言 markdown 格式的博客或者说文档目前已经是主流格式了,这个应该不用做过多的说明,撸它就完事了。...而我有时候也会遇到要临时写一个 markdown 格式的文章的时候,但是不是自己的本地环境,所以不一定有 markdown 编辑器,这个时候我一般都会随便找个在线的编辑器使用,说实话,网上这种工具还挺多的...后记 自己折腾博客的最初的用意其实也就是为了把自己学到的所有跟编程有关的东西都运用起来,并在博客上面实践。...所以这个博客的部署我用了 docker,然后部署在测试环境还用 Jenkins 实现了自动化构建自动化部署一条龙,后来为了学习 vue 所以写了一个纯 vue 的导航页面也添加到了博客中…… 版权声明

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

    markdown欢迎使用Markdown编辑器博客

    欢迎使用Markdown编辑器博客 本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: - **Markdown和扩展Markdown简洁的语法**...本编辑器支持 **Markdown Extra** ,  扩展了很多好用的功能。...即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入[write.blog.csdn.net/mdeditor](http://write.blog.csdn.net...**Markdown编辑器**使用浏览器离线存储将内容保存在本地。 用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。...博客发表后,本地缓存将被删除。  用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

    57320

    猫头虎博客带您使用Markdown编辑器

    欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。...如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。...新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式...如何插入一段漂亮的代码片 去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片. // An highlighted block var foo = 'bar'; 生成一个适合你的列表...导出与导入 导出 如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

    11610

    Hexo博客新建文章后自动打开编辑器

    每次新建一篇文章hexo new post ‘title’,都需要去\source\_posts\目录下一个个寻找新建的文章,每次花费两三分钟的时间,文章越来越多以后,效率越来越低 解决方案 在参阅了部分博客和官方提供的方案以后...,实现两大平台解决方法 传送门: 官方: 博客 Windows 在Hexo目录下的scripts目录中创建一个JavaScript脚本文件。....exe" ' + path); //}); //C:\Program Files\Typora\bin\typora.exe是typora编辑器在我本地的路径!....app" ' + path); //}); // Hexo 3 用户复制这段 hexo.on('new', function(data){ exec('open -a "Typora编辑器绝对路径....app" ' + data.path); }); 然后再创建文件输入命令之后就会自动打开Typora编辑器来编辑你新建的文章了。

    75020

    vue常用组件库_vue内置组件

    目录 前言 一、Vue.js UI组件 二、Vue.js开发框架 三、Vue.js实用库 四、Vue.js服务端 五、Vue.js辅助工具 六、Vue.js应用实例 七、Vue.js Demo示例 八、...应用实例 koel:基于网络的个人音频流媒体服务 pagekit:轻量级的CMS建站系统 vuedo:博客平台 jackblog-vue:个人博客系统 vue-cnode:重写vue版cnode...社区 CMS-of-Blog:博客内容管理器 rss-reader:简单的rss阅读器 vue-ghpages-blog:依赖GitHub Pages无需本地生成的静态博客 swoole-vue-webim...– 基于Quill适用于Vue2的富文本编辑器 Vueditor – 所见即所得的编辑器 vue-html5-editor – html5所见即所得编辑器 vue2-editor – HTML编辑器...Pages无需本地生成的静态博客 swoole-vue-webim – Web版的聊天应用 fewords – 功能极其简单的笔记本 jackblog-vue – 个人博客系统 vue-blog

    8K20

    博客园文章编辑器5.0版本发布(markdown版)

    注意:使用本软件前,需先在博客园后台设置默认编辑器为markdown 开篇 废话少说,先上界面图片: ? ?...10月25日,我发布了博客园文章编辑器的4.0版本,得到了很多朋友的支持, (后来我自己发现了一些问题,于是偷偷发了博客园文章编辑器的4.0.1版本,也没通知大家,不过好在有自动升级功能) 当时有很多朋友问我...,这个工具支持不支持markdown, 我觉得写markdown的人还是挺多的, 调查了博客园确实支持markdown编辑器, 而且我开发了markdown的编辑器,对于那些使用HTML富文本编辑器的用户来说...(不过,说真心话还是要感谢这些项目,我写这个工具参考了很多这些开源项目的源码) 我觉得这个项目最主要的难点是: 找一个合适的编辑器 编辑窗口与预览窗口滚动条同步 和博客园官网通信通道打通 好在这些难点我都克服了...,默认保存为草稿) 截图工具截图后直接黏贴到编辑器中(图片保存在博客园的服务器上) 纯客户端,直接与博客园服务端通信 纯绿色版,不需要安装,没有额外的服务,体积更小; 自动升级功能(我发布新版本之后,会提示您升级

    1.5K20

    Vue常用经典开源项目汇总参考

    Vueditor ★138 - 所见即所得的编辑器vue-html5-editor ★132 - html5所见即所得编辑器vue-msgbox ★127 - vuejs的消息框vue-slider ★...CLIVuejsStarterKit ★26 - vuejs starter套件 应用实例koel ★7175 - 基于网络的个人音频流媒体服务pagekit ★4021 - 轻量级的CMS建站系统vuedo ★1040 - 博客平台...jackblog-vue ★943 - 个人博客系统vue-cnode ★597 - 重写vue版cnode社区CMS-of-Blog ★405 - 博客内容管理器rss-reader ★326 - 简单的...rss阅读器vue-ghpages-blog ★208 - 依赖GitHub Pages无需本地生成的静态博客swoole-vue-webim ★97 - Web版的聊天应用vue-dashing-js...vue-zhihudaily-2.0 ★81 - 使用Vue2.0+vue-router+vuex创建的zhihudailynotepad ★77 - 本地存储的记事本vueBlog ★75 - 前后端分离博客

    5.8K11

    前后端通吃,vue大全Mark一下

    选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 - 基于vuejs2和element的简单的管理员模板 bootstrap-vue ★1267 - 应用于...655 - Sublime Text语法高亮 vue-echarts ★649 - VueJS的ECharts组件 vue-quill-editor ★615 - 基于Quill适用于Vue2的富文本编辑器...jackblog-vue ★1120 - 个人博客系统 PJ Blog ★1018 - 开源博客 vue-cnode ★787 - 重写vue版cnode社区 vms ★629 - vuejs2管理系统...★254 - 依赖GitHub Pages无需本地生成的静态博客 vue-blog ★143 - 使用Vue2.0 和Vuex的vue-blog swoole-vue-webim ★137 - Web...76 - 京东移动web商城 vue-nReader ★73 - 使用vue2.0 + vue-router + vuex 的一个多页面小说阅读webapp VueBlog ★73 - 前后端分离的个人博客

    5.8K20

    【项目实战】SpringBoot+vue+iview打造一个极简个人博客系统

    项目介绍个人极简博客【个人极简博客】是一个适用于初学者学习的博客系统,其中包含文章分类、写文章、标签管理、用户管理等基础功能,代码简洁注释完善,易上手学习。...、状态、分类、标签、访问、发布时间等,操作列中包含预览、编辑、删除等按钮分类目录点击【分类目录】,左侧展示所有表单名称、描述,可新增更新;右侧展示分类列表写文章点击【写文章】,其中包含markdown编辑器...mybatis-plus3.4.1基于 MyBatis 增强工具mysql8.0 / 5.7数据库前端组件插件版本用途vue^2.6.10渐进式的 JavaScript 框架iview^4.0.2一套基于 Vue.js...的高质量UI 组件库vue-router^3.0.6为 Vue.js 提供富有表现力、可配置的、方便的路由vuex^3.2.0一个专为 Vue.js 应用程序开发的状态管理模式 + 库vue-color...工具库axios^1.3.2一个基于promise的网络请求库core-js^3.27.2JavaScript 的模块化标准库mavon-editor^2.10.4基于 Vue 的 Markdown 编辑器组件代码结构图后端代码前端代码

    13410
    领券