当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. 刷题总结——date(ssoj)

    题目: 题目背景 SOURCE:NOIP2015-SHY-9 题目描述 小Y和小Z好不容易有机会相见啦,可是邪恶的小H却不想让他们相见.现在有一些城市,城市之间有双向路径相连,有路径相连的城市之间可以 ...

  2. 刷题总结:排序机械臂(石室中学oj)(splay)

    题目: 题目描述 为了把工厂中高低不等的物品按从低到高排好序,工程师发明了一种排序机械臂.它遵循一个简单的排序规则,第一次操作找到最低的物品位置 P1,并把从左起第 1 个至第 P1 个之间的物品反序 ...

  3. 给长标题加...css

    .wrap{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis; } <th class="wrap"&g ...

  4. 将selenium集成到scrapy框架中

    一 首先想到的是将selenium 写在下载中间件的process_request中.如以下代码. middleware.py from selenium import webdriver from ...

  5. BNU 12846 LCM Extreme 最小公倍数之和(线性欧拉筛选+递推)

    LCM Extreme Time Limit: 3000ms Memory Limit: 131072KB   This problem will be judged on UVALive. Orig ...

  6. VS2010 + winxp 无法定位程序输入点GetTickCount64 在动态链接库kernel32.dll上 错误

    winxp系统,使用VS2010, 在使用boost中的thread中的sleep的时候出现 “无法定位程序输入点GetTickCount64 在动态链接库kernel32.dll上”的错误, 在网上 ...

  7. hdu 1077(单位圆覆盖问题)

    Catching Fish Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)To ...

  8. BZOJ 3309 莫比乌斯反演

    题目链接 https://www.lydsy.com/JudgeOnline/problem.php?id=3309 题意:定义f(n)为n所含质因子的最大幂指数,求 $Ans=\sum _{i=1} ...

  9. [Inside HotSpot] UseParallelGC和UseParallelOldGC的区别

    JVM的很多参数命名很有迷惑性,-XX:+UseParallel,-XX:+UseParallelOldGC,-XX:+UseParNewGC,-XX:+UseConcMarkSweepGC咋一看容易 ...

  10. 洛谷——P2701 [USACO5.3]巨大的牛棚Big Barn

    P2701 [USACO5.3]巨大的牛棚Big Barn 题目背景 (USACO 5.3.4) 题目描述 农夫约翰想要在他的正方形农场上建造一座正方形大牛棚.他讨厌在他的农场中砍树,想找一个能够让他 ...