用WebStorm编辑Markdown

前言[http://blog.fens.me/webstorm-markdown/]

WebStorm是一个非常高效的开发工具,特别对于Web前端的开发。Markdown流行,因为其简化了HTML的语法,去掉了表单等复杂标签,以极简的语法只做网页展现。在WebStorem中编辑Markdown文档,是一种普遍的应用需求。

目录

  1. Markdown介绍
  2. 在WebStorem中安装Markdown插件
  3. 测试

1. Markdown介绍

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。

Markdown的语法,对于没有编程经验的人,2-3个小时也可以掌握。各种语言基于的Markdown实现,都已经有了商业应用。

  • 高效,简约的设计,会让Markdown越走越远
  • 开源,免费的Liences,最后有可能会夺取微软Word软件的市场

本文不讲Markdown的语法,请大家自行查询。

Markdown的官方网站:http://daringfireball.net/projects/markdown/

2. 在WebStorem中安装Markdown插件

本来在WebStorem中安装Markdown插件很简单的事情,不知道是Idea的版本原因,还是Markdown插件设计者的原因,造成了一些使用问题,需要手动调整一些参数才正确使用。

我在这里也花了一些时间,找到了问题所在,因此写篇文章总结一下。

  • WebStorm版本:8.0.4
  • Makrdown插件版本:0.9.6

插件安装:

自动安装截图

3.测试

重启webstrom软件,新建一个test.md文件。

底部标签text,preview可以在编辑和预览过程中切换效果,而且text也有语法高亮了。

用WebStorm编辑Markdown

时间: 2024-11-04 18:27:11

用WebStorm编辑Markdown的相关文章

atom编辑markdown之上传图片

01atom编辑markdown之上传图片 :first-child { margin-top: 0px; } .markdown-preview:not([data-use-github-style]) h1, .markdown-preview:not([data-use-github-style]) h2, .markdown-preview:not([data-use-github-style]) h3, .markdown-preview:not([data-use-github-st

一个在线编辑markdown文档的编辑器

![mahua](mahua-logo.jpg) ##MaHua是什么? 向Mac下优秀的markdown编辑器mou致敬 #MaHua有哪些功能? * 方便的`导入导出`功能 *  直接把一个markdown的文本文件拖放到当前这个页面就可以了 *  导出为一个html格式的文件,样式一点也不会丢失 * 编辑和预览`同步滚动`,所见即所得(右上角设置) * `VIM快捷键`支持,方便vim党们快速的操作 (右上角设置) * 强大的`自定义CSS`功能,方便定制自己的展示 * 有数量也有质量的`

使用Sublime Text 2 编辑Markdown

一.安装 下载Sublime Text 2 安装 二.安装Package Control 按Ctrl + ` 打开console 粘贴代码到console并回车 重启Sublime Text 2(出现安装失败时,是网络原因,需要翻墙) import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(

用Typora编辑Markdown

目录 基础 段落和换行符 标题 引用文字 列表 任务列表 代码块 表 脚注 横向规则 YAML 目录(TOC) span元素 链接 网址 图片 重点 Strong 代码 删除线 强调 表情符号:开心: 内联数学 下标 上标 突出 基础 段落和换行符 一个段落只是一个或多个连续的文本行.在Markdown源代码中,段落由多个空行分隔.在Typora,你只需要按下来Return创建一个新的段落. 按Shift+ Return创建一个换行符.但是,大多数Markdown解析器将忽略单行断点,使其他降价

webstorm 添加markdown支持

第一步:file---setting---plugins---搜索markdown support 安装 第二步:file---settind---file types---增加*.md处理 原文地址:https://www.cnblogs.com/iloveyou-sky/p/8484491.html

vscode 编辑markdown文件

关于换行问题 在vscode中编写Markdown文件时,会遇到明明按回车换行了但是预览的时候却没有换行的情况,这时在需要换行的地方多按两次空格键,就会换行 预览markdown文件 编辑器右上角有个小图标是预览markdown文件用的,点击即可实时预览markdown文件. 预览也可用快捷键,Mac下是:shift+control+M 原文地址:https://www.cnblogs.com/knuzy/p/10435583.html

GitLab 中编辑 Markdown 技巧

目录 1. 缩进 2. 超链接 3. 换行 4. 段落 5. 标题 6. 锚点 7. 背景色 8. 右对齐 1. 缩进    2. 超链接 书写: [百度](https://www.baidu.com/) 效果: 百度 3. 换行 两个空格. 4. 段落 段落间留空行. 5. 标题 书写: # 一级标题 ## 二级标题 ### 三级标题 效果: # 一级标题 ## 二级标题 ### 三级标题 详细介绍: https://juejin.im/entry/5a557160518825734d147f

Markdown——入门指南

导语: Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记符号也不超过十个,这种相对于更为复杂的 HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果. Ulysses for Mac 一,认识 Markdown 在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」

markdown百度内容

markdown Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格.脚注.内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook.Markdown增强版中比较有名的有Markdown Extra.MultiMarkdown. Maruku等.这些衍生版本要么基于工具,如Pand