当CSDN携手Markdown

Tags: CSDN Markdown

也不知道是不是基于 Github 崛起的因素,Markdown 也是迅速流行起来,导致大家现在看到类 Word 的编辑器就忍不住想要吐槽。。。近期听说 CSDN 博客最终支持 Markdown编辑了,着实了了广大博友一块心病。

———————————————————————————————————————

Markdown

  • HTML 与 Markdown 的那些事

常常泡 Github 的朋友应该知道,Markdown是一种轻量级的标记语言,其目的是为了解决 XHTML/HTML 格式在阅读和书写上的不便利性。想想假设我们使用 HTML 来写博客。该输入多少尖括号才行呢。

。。所以呢。一个可行的办法是。通过一个在线编辑器,设置一排像 Word 一样的编辑button,来帮助用户插入相应的隐藏标签,然后将更改后的样式显示给用户。这样一方面使格式改动变得直观,同一时候也提高信息公布的工作效率。而这,正是 CSDN 默认的一款在线 HTML 编辑器 xhEditor 所做的事儿。

可是,作为程序员的我们,总喜欢每个 bit 都应该精确到位。太多的隐藏标签常常会在不经意间打乱我们的布局,往往写的时候一个样。公布出来又是还有一个样子了。另外也不知道是不是 xhEditor 的问题,写博客时常常文字格式莫名其妙就没了,标签跟着文字一起作为内容显示了。囧。

。。

好像扯远了。我们再回 Markdown,它就像一种新语言一样约定了一些标记语言的语法规则,但基于其”易读易写“的原则,其语法相当简单而直观。通过一些精心挑选的符号作为语法。其作用一目了然。维基百科中的解释相当形象:

比方:在文字两旁加上星号。看起来就像*强调*。Markdown的列表看起来,嗯。就是列表。Markdown 的区块引用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。

Markdown 文档不同于 HTML。源代码一堆标签。页面能够让人眼花缭乱,因此不利于阅读和改动。

当我们使用 Makedown 编写完毕后,编辑器会将其转换成有效的 XHTML(或者 HTML)文档。

殊途同归。我们最终想要的还是一样滴。

总的来说,HTML 是一种公布的格式,Markdown 是一种书写的格式。因此,Markdown 主要的格式语法仅仅涵盖纯文本能够涵盖的范围。只是呢,不断被改良的Markdown现在已然能够内嵌 HTML。Markdown 涵盖范围以外的标签,都能够直接在文档里面用 HTML 撰写。

相反的是,HTML 标签内的 Markdown 语法不能够被识别。


  • Markdown 的衍生版本号

现今比較流行的大多是 Markdown 的一系列衍生版本号,它们或多或少地扩展了 Markdown 的功能(如表格、文件夹、脚注、代码高亮、内嵌HTML、数学公式支持等等),这些功能原初的 Markdown 尚不具备。同一时候。也让 Markdown 能够在很多其它的领域发挥作用。

既然有了不同的衍生版本号。就有了比較。我们仅挑几款在线 Markdown 编辑器来看看。首先是 CSDN-Markdown 编辑器的前身,StackEdit,一款火爆的在线 Markdown 编辑器;另外呢,国内比較流行的还有作业部落的Cmd Makedown编辑阅读器,也是十分优秀的产品。

———————————————————————————————————————

CSDN-Markdown

  • 切换编辑模式为Markdown

想要从传统编辑模式切换到 Markdown 编辑模式。须要在“博客配置”中将编辑器类型改动为“Markdown编辑器 ”。然后又一次进入编辑页面就可以。







  • CSDN-Markdown 初体验

主要的 Markdown 语法支持自然不用多说,基于 Github 中的 pagedown-extra 这个用来扩展 Markdown 的开源项目,删除线、注脚、Latex数学公式、代码高亮等 Markdown 扩展语法也得到了支持。

特别让人耳目一新的一点是。CSDN-Markdown 编辑器支持的图片上传功能,就 Markdown 的语法而言,它是仅仅支持图片链接的,所以我们在使用 Cmd Markdown 或者 StackEdit 等非常多 Markdown 编辑器时。假设须要上传本地图片。则须要将图片上传到一个能够訪问该图片链接的云端。然后再插入到文档中。

非常显然CSDN帮我们把这两个步骤给合并了,非常贴心。

另外,StackEdit有一大特点,我们在没有网络链接的情况下。依旧能够在以前使用过的浏览器中进入该页面继续我们未完毕的编辑工作。编辑内容将被保存在浏览器缓存其中。

稍有差异的是。Cmd Markdown 会将我们的编辑内容实时地保存在云端。假设突然遇到掉线的情况,我们依旧能够继续编辑,而内容相同会保存在本地。但假设此时(在没有网络的情况下)将页面刷新一下,就仅仅能与小恐龙一伴玩耍了( 假设你也喜爱chrome… )。

似乎是理所应当的,基于 StackEdit 的 CSDN-Markdown 也应该具有离线编辑功能,于是博主断了网測试了一下。页面变成这样就不能动了,囧。

。:

其它的看起来还不错,今天的測试就先到这里吧(*^__^*)

当CSDN携手Markdown的更多相关文章

  1. 在csdn里markdown感受

    先来一个百度百科   Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.   Markdown具有一系列衍生版本,用于扩展Markdo ...

  2. CSDN 支持Markdown写文章了!

    开源中国等其他技术博客很早就支持markdown格式写文章了,今天发现csdn竟然也可以了,不仅支持而且可以在线预览,本地导入导出,远程导入. 这些对于程序员写东西都非常好用,不用总是花时间来排版了. ...

  3. CSDN新版Markdown编辑器(Alpha 2.0版)使用示例(文首附源码.md文件)

    CSDN新版Markdown编辑器(Alpha 2.0版) 使用示例 附 本文的Markdown源码: https://github.com/yanglr/AlgoSolutions/blob/mas ...

  4. CSDN的Markdown编辑器实用技巧(傻瓜式教程)

    markdown编辑器被很多人声称是可以取代word的文字编辑器,其优点我们在这就不再过多赘述了,但对于一些初次接触的人来说,或多或少都有还些不适应,其主要原因在于一些常见的功能突然不知道怎么实现,所 ...

  5. CSDN中Markdown编辑器使用方法

    Markdown编辑器 如果想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识. 新的改变 CSDN中Markdown编辑器进行了一些功能拓展与语法支 ...

  6. 用了 CSDN 的 markdown 编辑器吐槽下~~

    吐槽一下.. . 第一次用 CSDN 的这个 markdown 编辑器,首先感官上看起来还是非常大气相比曾经那个 HTML 编辑器实在时上了N个档次,但实际使用的体验实在是比較糟糕的.希望能改进下哦: ...

  7. 欢迎使用CSDN的markdown编辑器

    以下是蒻鞫第一次打开CSDN-markdown编译器的温馨提示,感觉CSDN好贴心,不作任何用途,仅为纪念,若存在违法侵权行为,请联系留言,立即删除. List item 这里写 欢迎使用Markdo ...

  8. CSDN新版Markdown编辑器(Alpha 2.0版)

    Markdown编辑器 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建 ...

  9. [CSDN_Markdown] 使用CSDN Markdown编辑器

    简介 最近CSDN支持Markdown语法写博客了,甚是欢喜.前几天写了一篇实验了下,感觉不错.准备写几篇文章介绍一下如何使用CSDN的Markdown编辑器写博客,不求全面,但求够用,望大家批评指正 ...

随机推荐

  1. java 时间戳与date转换

    1.时间戳转换为date long sjc=1442633777; SimpleDateFormat t = new SimpleDateFormat("yyyyMMddHHmmss&quo ...

  2. python中的 __xxx__ 方法

    1 __class__ instance.__class__ The class to which a class instance belongs def foo(): pass class A(o ...

  3. 【NOIP2016练习】T2 旅行(树形DP,换根)

    题意:小C上周末和他可爱的同学小A一起去X湖玩. X湖景区一共有n个景点,这些景点由n-1条观光道连接着,从每个景点开始都可以通过观光道直接或间接地走到其他所有的景点.小C带着小A从1号景点开始游玩. ...

  4. Laravel 5.1 框架返回状态拦截

    Laravel 5.1 返回信息状态拦截 可以在app\Exceptions\Handler.php文件中修改, public function render($request, Exception ...

  5. 使用 IntelliJ IDEA 开发 Android 应用程序时配置 Allatori 进行代码混淆

    IntelliJ IDEA 提供了非常强大的 Android 开发支持,就连 Google 官方推荐的 Android Studio 其实也是 IntelliJ IDEA 的一个 Android 开发 ...

  6. AC日记——王室联邦 bzoj 1086

    Description “余”人国的国王想重新编制他的国家.他想把他的国家划分成若干个省,每个省都由他们王室联邦的一个成员来管理.他的国家有n个城市,编号为1..n.一些城市之间有道路相连,任意两个不 ...

  7. datetimepicker[jquery-ui]时间控件的三种初始化方法

    1.只显示年月日 $( ".datepicker").datepicker({ needDay:true, changeMonth: true, //显示月份 changeYear ...

  8. Codefroces Gym101572 I.Import Spaghetti-有向图跑最小环输出路径(Floyd)

    暑假学的很多东西,现在都忘了,补这道题还要重新学一下floyd,有点难过,我暑假学的东西呢??? 好了,淡定,开始写题解. 这个题我是真的很难过啊,输入简直是有毒啊(内心已经画圈诅咒出题人无数次了.. ...

  9. L1-3. 情人节【求第2个、第14个人的名字,设置计数器并标记一下即可】

    L1-3. 情人节 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 以上是朋友圈中一奇葩贴:“2月14情人节了,我决定造福大家. ...

  10. NYOJ90 整数划分(经典递归和dp)

    整数划分 时间限制:3000 ms  |  内存限制:65535 KB 难度:3   描述 将正整数n表示成一系列正整数之和:n=n1+n2+…+nk,  其中n1≥n2≥…≥nk≥1,k≥1.  正 ...