首页 > 代码库 > CSDN markdown 编辑器 第二篇 markdown简单使用

CSDN markdown 编辑器 第二篇 markdown简单使用

第一篇简介了markdown. 第一篇地址
第二篇主要会介绍不熟悉markdown语言的人怎样使用CSDN新的编辑器。

这里主要介绍图形编辑器。已经掌握的人请挪步。

 技术分享

  • 前面几个都非常easy。比如对字体加粗斜体

  • 或者是对 帐前卒专栏 加个链接。用技术分享

  • 再者就是加个图片:技术分享

     技术分享

上图的算式= ?
呃…好吧,这不是重点。

  • 再用这个图形编辑器写点代码。

    圈中代码块后。点击:技术分享

// 这个是世界上最好的语言php
<php>
     echo "世界上最好的语言";
</php>

  • 再比方引用名人名言,用这个技术分享

啊。我如今在地球上 —— 帐前卒

  • 有时候我们须要对非常多事物排序。所以用这个:技术分享

    1. 吃早餐
    2. 吃橘子
    3. 吃桂圆
    4. 睡觉
    5. 起来继续吃

        这样,用排序的方法把自己的生活整理的井井有条。

  • 无序的列表用:技术分享, 比方吃什么肉事实上并不重要,重要的是有肉吃。

    • 吃粉蒸肉
    • 吃红烧肉
    • 吃唐僧肉

我认为这里这里的无序图标和有序的图标长得几乎相同。UI还是须要改改吧

  • 这个图标技术分享是用来改动字号的。只是这个字号仅仅有<h1> ,<h2>和正常三种字号能够改。感觉非常鸡肋呀。

我是No.1

我是No.2

我是No.3



上面居然不能出现 华丽的切割线 这几个字. 嗯,CSDN能不能满足一下我的这个需求?

  • 技术分享这个就不细说了。

  • 技术分享 这个图标不要轻易点。

    嗯.除非你想发狂。

  • 技术分享 是保存到线上草稿箱中。相似于save. 你能够在后台草稿箱找到保存的。

     技术分享

  • 技术分享生成摘要,点击后长这个样子:

          技术分享

  • 技术分享 点击后长这个样子。没有什么更加具体的描写叙述了。

     技术分享

  • 技术分享感觉也非常危急 不妨不要去点击。
     技术分享

  • 技术分享 这个是将本地的markdown文件 .md变成线上能够编辑的。

    技术分享是将如今线上正在编辑的文字变成 .md本地文件或者html 等。

     技术分享

     技术分享

  • 技术分享 帮助文档就是以下这个样子的。

    会在右边出现。方便使用。

     技术分享

END

好吧,该睡了。这一篇非常基础。所以感觉废话太多。

下一篇開始介绍markdown的基本的语法。

另外用csdn markdown编辑器的时候,发现了一个不错的东西。鼠标移至右下角

技术分享

这里能看到文章标题列表。

和本篇文章的字数统计。不错的功能~

我以为csdn markdown 也支持 <i class="icon-undo"> 这个内部标签功能呢。由于在后台它是这样显示的:

技术分享

可是公布之后,却无法显示出来这个图标。

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

CSDN markdown 编辑器 第二篇 markdown简单使用