怎么使用csdn markdown 编辑器编辑器及语法

自己仔细体验了一下下:觉得它还是非常不错的!!!
这是它的官网,我们可以在chrome浏览器的“应用”里找到对应的插件。
ps:它可是一款离线插件喔,除了个别的在线功能不能用,其他都还是可以很正常使用的
1、首先呢,它的主界面和csdn里的MarkDown编辑器是基本一致的:
可以同步编辑和预览
2、再来看看它的菜单界面:
这里大概都罗列出了它主要的几个功能,
管理多个 MarkDown 文档,可在线或离线编辑
通过模板导出 MarkDown 或 HTML 格式文件
云同步 MarkDown 文档
支持 Google Drive,& Dropbox 和本地硬盘驱动器等备份
Post MarkDown 文档到 Blogger 、Blogspot、WordPress和Tumblr
发布 MarkDown 文档在GitHub,GIST,Google Drive,Dropbox或任何SSH服务器
分享一个及时渲染的 MarkDown 文档链接
文档信息统计显示
转换HTML到 MarkDown
以GIst发布后支持分享(可以在线使用阅读)
实时编辑、HTML预览并自动滚动定位到编辑处
Markdown Extra 支持 Prettify/Highlight.js 的语法高亮
LaTeX 数学表达式使用MathJax
所见即所得的控制按钮
可配置的布局
支持多个主题
A la carte extensions
Google Drive和Dropbox在线同步
一键发布支持 Blogger,Dropbox,GIST,GitHub,Google Drive,SSH server,Tumblr,WordPress
3、再来看看它对文件的管理吧:
新建,删除和管理文档。
在你新建文档之后,你的任何操作都会自动保存到浏览器缓存。
About: GitHub project:
温馨提示:
& & & & &如果你忘记了MarkDown语法,可以去 &&左上角菜单-&settings-&Utils-&welcome document找到它的欢迎文档,里边有详细的语法说明,或者去我的这篇博客 去回忆一下下很牛气的语法。。。markdown编辑器语法——字体、字号与颜色 - 蚂蚁中国开源社区()
markdown编辑器语法——字体、字号与颜色
一个永远不走商业化的蚂蚁,只为亿万程序员可以栖息的开源网站,但愿我挖出来的洞穴可以让你吸取到一些新鲜的土壤
有人说我不够努力,有人说蚂蚁中国不够原创,可是明明我在很努力的做,是否我太在乎别人的看法?
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!
??CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现。
字体、字号与颜色
&font face=&黑体&&我是黑体字&/font&
&font face=&微软雅黑&&我是微软雅黑&/font&
&font face=&STCAIYUN&&我是华文彩云&/font&
&font color=#0099ff size=7 face=&黑体&&color=#0099ff size=72 face=&黑体&&/font&
&font color=#00ffff size=72&color=#00ffff&/font&
&font color=gray size=72&color=gray&/font&
Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3。
我是黑体字& 我是微软雅黑& 我是华文彩云& color=#0099ff size=72 face=”黑体”& color=#00ffff 可以用十六位颜色值& color=gray 也可以用已知颜色名
颜色名列表
十六进制颜色值
rgb(240, 248, 255)
AntiqueWhite
rgb(250, 235, 215)
rgb(0, 255, 255)
Aquamarine
rgb(127, 255, 212)
rgb(240, 255, 255)
rgb(245, 245, 220)
rgb(255, 228, 196)
rgb(0, 0, 0)
BlanchedAlmond
rgb(255, 235, 205)
rgb(0, 0, 255)
BlueViolet
rgb(138, 43, 226)
rgb(165, 42, 42)
rgb(222, 184, 135)
rgb(95, 158, 160)
Chartreuse
rgb(127, 255, 0)
rgb(210, 105, 30)
rgb(255, 127, 80)
CornflowerBlue
rgb(100, 149, 237)
rgb(255, 248, 220)
rgb(220, 20, 60)
rgb(0, 255, 255)
rgb(0, 0, 139)
rgb(0, 139, 139)
DarkGoldenRod
rgb(184, 134, 11)
rgb(169, 169, 169)
rgb(0, 100, 0)
rgb(189, 183, 107)
DarkMagenta
rgb(139, 0, 139)
DarkOliveGreen
rgb(85, 107, 47)
Darkorange
rgb(255, 140, 0)
DarkOrchid
rgb(153, 50, 204)
rgb(139, 0, 0)
DarkSalmon
rgb(233, 150, 122)
DarkSeaGreen
rgb(143, 188, 143)
DarkSlateBlue
rgb(72, 61, 139)
DarkSlateGray
rgb(47, 79, 79)
DarkTurquoise
rgb(0, 206, 209)
DarkViolet
rgb(148, 0, 211)
rgb(255, 20, 147)
DeepSkyBlue
rgb(0, 191, 255)
rgb(105, 105, 105)
DodgerBlue
rgb(30, 144, 255)
rgb(209, 146, 117)
rgb(178, 34, 34)
FloralWhite
rgb(255, 250, 240)
ForestGreen
rgb(34, 139, 34)
rgb(255, 0, 255)
rgb(220, 220, 220)
GhostWhite
rgb(248, 248, 255)
rgb(255, 215, 0)
rgb(218, 165, 32)
rgb(128, 128, 128)
rgb(0, 128, 0)
GreenYellow
rgb(173, 255, 47)
rgb(240, 255, 240)
rgb(255, 105, 180)
rgb(205, 92, 92)
rgb(75, 0, 130)
rgb(255, 255, 240)
rgb(240, 230, 140)
rgb(230, 230, 250)
LavenderBlush
rgb(255, 240, 245)
rgb(124, 252, 0)
LemonChiffon
rgb(255, 250, 205)
rgb(173, 216, 230)
LightCoral
rgb(240, 128, 128)
rgb(224, 255, 255)
LightGoldenRodYellow
rgb(250, 250, 210)
rgb(211, 211, 211)
LightGreen
rgb(144, 238, 144)
rgb(255, 182, 193)
LightSalmon
rgb(255, 160, 122)
LightSeaGreen
rgb(32, 178, 170)
LightSkyBlue
rgb(135, 206, 250)
LightSlateBlue
rgb(132, 112, 255)
LightSlateGray
rgb(119, 136, 153)
LightSteelBlue
rgb(176, 196, 222)
LightYellow
rgb(255, 255, 224)
rgb(0, 255, 0)
rgb(50, 205, 50)
rgb(250, 240, 230)
rgb(255, 0, 255)
rgb(128, 0, 0)
MediumAquaMarine
rgb(102, 205, 170)
MediumBlue
rgb(0, 0, 205)
MediumOrchid
rgb(186, 85, 211)
MediumPurple
rgb(147, 112, 216)
MediumSeaGreen
rgb(60, 179, 113)
MediumSlateBlue
rgb(123, 104, 238)
MediumSpringGreen
rgb(0, 250, 154)
MediumTurquoise
rgb(72, 209, 204)
MediumVioletRed
rgb(199, 21, 133)
MidnightBlue
rgb(25, 25, 112)
rgb(245, 255, 250)
rgb(255, 228, 225)
rgb(255, 228, 181)
NavajoWhite
rgb(255, 222, 173)
rgb(0, 0, 128)
rgb(253, 245, 230)
rgb(128, 128, 0)
rgb(107, 142, 35)
rgb(255, 165, 0)
rgb(255, 69, 0)
rgb(218, 112, 214)
PaleGoldenRod
rgb(238, 232, 170)
rgb(152, 251, 152)
PaleTurquoise
rgb(175, 238, 238)
PaleVioletRed
rgb(216, 112, 147)
PapayaWhip
rgb(255, 239, 213)
rgb(255, 218, 185)
rgb(205, 133, 63)
rgb(255, 192, 203)
rgb(221, 160, 221)
PowderBlue
rgb(176, 224, 230)
rgb(128, 0, 128)
rgb(255, 0, 0)
rgb(188, 143, 143)
rgb(65, 105, 225)
SaddleBrown
rgb(139, 69, 19)
rgb(250, 128, 114)
SandyBrown
rgb(244, 164, 96)
rgb(46, 139, 87)
rgb(255, 245, 238)
rgb(160, 82, 45)
rgb(192, 192, 192)
rgb(135, 206, 235)
rgb(106, 90, 205)
rgb(112, 128, 144)
rgb(255, 250, 250)
SpringGreen
rgb(0, 255, 127)
rgb(70, 130, 180)
rgb(210, 180, 140)
rgb(0, 128, 128)
rgb(216, 191, 216)
rgb(255, 99, 71)
rgb(64, 224, 208)
rgb(238, 130, 238)
rgb(208, 32, 144)
rgb(245, 222, 179)
rgb(255, 255, 255)
WhiteSmoke
rgb(245, 245, 245)
rgb(255, 255, 0)
YellowGreen
rgb(154, 205, 50)
蚂蚁中国开源社区只负责进行开源项目和代码的传递,青年我看好你:
本站文章除注明转载外
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区
转载请注明:文章转载自:蚂蚁中国开源社区[]
本文标题:markdown编辑器语法——字体、字号与颜色
本文地址:
暂无任何评论& 用WebStorm编辑Markdown
用WebStorm编辑Markdown
,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发。Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express,可以帮助我们迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低。非常适合小型网站,个性化网站,我们自己的Geek网站!!
张丹(Conan), 程序员Java,R,PHP,Javascript
weibo:@Conan_Z
转载请注明出处:
WebStorm是一个非常高效的开发工具,特别对于Web前端的开发。Markdown流行,因为其简化了HTML的语法,去掉了表单等复杂标签,以极简的语法只做网页展现。在WebStorem中编辑Markdown文档,是一种普遍的应用需求。
Markdown介绍
在WebStorem中安装Markdown插件
解决Markdown插件配置的问题
1. Markdown介绍
Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。
Markdown的语法,对于没有编程经验的人,2-3个小时也可以掌握。各种语言基于的Markdown实现,都已经有了商业应用。
高效,简约的设计,会让Markdown越走越远
开源,免费的Liences,最后有可能会夺取微软Word软件的市场
本文不讲Markdown的语法,请大家自行查询。
Markdown的官方网站:
2. 在WebStorem中安装Markdown插件
本来在WebStorem中安装Markdown插件很简单的事情,不知道是Idea的版本原因,还是Markdown插件设计者的原因,造成了一些使用问题,需要手动调整一些参数才正确使用。
我在这里也花了一些时间,找到了问题所在,因此写篇文章总结一下。
WebStorm版本:6.0.1
Makrdown插件版本:0.9.3
插件安装:
手动安装:需要自己下载markdown插件, 下载地址:
自动安装:在Webstorm中选择: File –> Settings –> Plugins –> Browse repositories –> 搜索markdown
自动安装的截图:
重起Webstorm软件,新建一个test.md文件。
APE: 测试Markdown语法
========================
Markdown语法
## INSTALL
#### 公共库安装
npm install
bower install
#### 私有库安装
## License
我们看到,编辑器没有针对 markdown的文件进行适配,显示效果与文本文件无异。
这就是问题所在!!
3. 解决Markdown插件配置的问题
经过排查发现,问题在于markdown插件没有和.md后缀的文件进行绑定!
查看文件类型的绑定:File –> Settings –> File Types –> Markdown files
增加*.md类型的绑定
然后,点击apply。
完成后,我们再打开之前编辑的test.md文件,Markdown的效果已经可以展示了。
底部标签text,preview可以在编辑和预览过程中切换效果,而且text也有语法高亮了。
如果想用Webstorm开发AngularJS,请参考文章:
转载请注明出处:
This entry was posted in
Designed byMarkdown 语法写作入门指南_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
Markdown 语法写作入门指南
||文档简介
OS X 技术专家|
总评分4.2|
浏览量31252
&&带​你​了​解​ ​M​a​r​k​d​o​w​n​ ​这​一​轻​量​级​文​档​格​式​化​语​言
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
下载文档到电脑,查找使用更方便
还剩8页未读,继续阅读
你可能喜欢高效的手机Markdown编辑器MarkdownX 怎么用MarkdownX码字(下载地址)_西西软件资讯
西西软件下载最安全的下载网站、值得信赖的软件下载站!
→ 高效的手机Markdown编辑器MarkdownX 怎么用MarkdownX码字(下载地址)
v1.0.1 官方安卓版
类型:系统工具大小:2.7M语言:中文 评分:10.0
Markdown是一种很好用的简单“标记语言”,我们可以使用诸如 * # 等简单的标记符号,在写文章的时候顺带把排版搞定,文章写好了,排版也就搞定了,不用专门花功夫去操作鼠标,这对于码字一族来说,实在是太方便了,而MarkdownX就是这样一款支持Markdown 写作的手机软件。Markdown很好用,但是我们常常会遇到这样的情况:在外采访需要速记,在寝室码字又快断电,在咖啡馆码字却遇上笔记本电池告急,这时候发现一款支持Markdown 写作的手机软件无异于枯树逢春。MarkdownX下载地址: 首先MarkdownX 在视觉上就十分讨人喜爱:遵循 Google 的 Material Design 设计规范,采用了同类应用中的流行配色,初次启动后给我的第一感觉就是简洁大方、没有多余的视觉干扰。因为开发者自身就是一位 Markdown 重度使用者,所以 MarkdownX 基本功能做得相当完善:在进行文字编辑时,我们可以通过编辑界面上方的「快速输入」工具栏一键插入常用的 Markdown 语法,如标题、链接、图片、文本加粗等等;右上角的菜单中也内置了「语法参考」便于初学者进行速查并熟练掌握 Markdown 语法。偏爱美观和简洁的人还能在设置中开启 Github Flavored Markdown 。实时预览功能则允许我们在编辑过程中向左滑动页面直接预览文本的最终排版效果,用来进行纠错和文本修正十分方便;而文字工作者最需要注意的备份工作也能通过自动保存功能得到很好的解决, MarkdownX 会在文本内容有改动时进行自动保存,避免因不小心关闭应用造成的进度丢失。此外,我们还能用 MarkdownX 关联本地 Markdown 文件,同时也支持导出分享,让我们在不同设备之间转换自如。正如上文提到的那样, MarkdownX 的整体表现可以用「简洁好用」来概括,放在手机里以备不时之需是个不错的选择,可以说是又一款国产独立开发者的优秀作品,相信之后横屏编辑模式甚至横屏双面板「编辑+预览」这些新功能也就指日可待了。
01-2301-2301-2301-2201-2201-2101-1701-1301-1301-13
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载}

我要回帖

更多关于 markdown web编辑器 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信