CSDN markdown 编辑器 第一篇

最近CSDN 新出了markdown编辑器。我这也算是尝鲜。

最初接触markdown编辑器是在2011年。那个时候,使用markdown编辑器写blog。然后将blog放到github上托管。markdown还不能像现在这样可以实时编辑显现。那个时候有一个markdown engine专门将markdown语法转换成html. 每次感觉自己写对了。实际上语法各种不对。

究竟什么是markdown?

markdown是一种更加贴近自然表达的语法,它可以转换成互联网上通用展示的html格式。 — 帐前卒

所以这个特点,造就了markdown的巨大优势。

markdown优势

优势其实就只有一点: 简单

  • 如果写blog用html写。那么需要写一个空格,需要写 但是有了markdown, 我只需要这样写:

这里有一个空格, ,真的。

  • 如果我想使用html换一行,或者新起一个段落,需要写<br>或者<p> 但是我如果使用markdown,那么我直接打两个回车。例如:

新开一行吧

不知道这样是不是省字数。不过从初学者的角度一定是:markdown的语法更接近于自己所见。所以 所见即所得 以及 易学易用 是markdown语法的终极目标。

说了这么多markdown的好处。那markdown能否替换掉“世界上最好的语言”php呢?来看看他的不足

markdown缺点

  • 现在还没有浏览器直接支持markdown
  • markdown解析器bug很多,而且也不知道什么时候能fix.
  • markdown的基础语法表达较少。例如如果我想对换一下这个字体的颜色,或者换一下背景色。这个还是需要借助于css.

看起来markdown的缺点吐槽吐的有点多。但这并不影响它成为更加实用的语言。仔细想想,blog中除了字就是图。没有颜色,没有样式也不影响阅读。

csdn markdown 对比

呃..我找到这一款markdown: https://www.zybuluo.com/mdeditor

markdown 使用细节

这里需要注意的是,如果你希望上一行的样式不要应用到下一行,那么就要在中间空一行。所以两次回车是新起一个段落。新手一定犯这个错误。

如果段落开头需要两个空格,那么还是得加入两个&nbsp;&nbsp;当然咱们的是中文字,每个字符占空格宽度好像是四个,所以这里需要八个空格。当然这里可能也和字体有关系。

这是我的段落开始~

你看这里~~

另外如果某些字符不能在html中展示,那么就要加两个``, 例如

`&nbsp;`

说实话,上面这个好难打出来。需要先打一个[tab]然后再写原始字符。这样被认为是一个代码块,就不会被转义了。

这一篇先写到这里。

下一篇准备写 CSDN markdown 简单使用

时间: 2024-08-05 11:12:12

CSDN markdown 编辑器 第一篇的相关文章

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

第一篇简单介绍了markdown. 第一篇地址 第二篇主要会介绍不熟悉markdown语言的人如何使用CSDN新的编辑器.这里主要介绍图形编辑器.已经掌握的人请挪步. 前面几个都非常简单.例如对字体加粗和斜体. - 或者是对 [帐前卒专栏](http://chillyc.info) 加个链接.用![连接图标](http://img.blog.csdn.net/20150312221433385) - 再者就是加个图片:![图片图标](http://img.blog.csdn.net/201503

CSDN markdown 编辑器 第四篇 LaTex语法

Latex是为了写数学公式的.嗯-但实际这种语言的作用是为了排版的.数学公式只是他的附加属性. 但是markdown引入这个完全是为了写公式.其他的Latex语法不支持. CSDN markdown语法支持的latex,分为两类 - 行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 这是行内公式: Γ(n)=(n?1)!?n∈N 块级公式: $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ 这个是块

CSDN markdown 编辑器 第三篇 基本语法篇

这一篇准备抄一下help文档,另外加一些自己的解释.这一篇里不讲UML和LaTEX. 准备抽两个篇专门讲一下. 1. 标题与字号 markdown字号太少了,觉得应该再加些. 在文字写书写不同数量的#可以完成不同的标题,如下: # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 这里的需要注意的是 #[空格]标题 一定要有空格 等号及减号也可以进行标题的书写,不过只能书写二级

CSDN markdown 编辑器 第五篇 UML

这里大概就只能生成两种类型的图: 序列图 流程图 序列图 ```sequence A->B: 一句话证明你很寂寞. Note right of B: thinking B->B: counting B-->A: 这句话有一共六十九笔 ``` Created with Rapha?l 2.1.2AABB一句话证明你很寂寞.thinkingcounting这句话有一共六十九笔 序列图很简单, 左边 A->B就能生成两个对象.按照从上至下的顺序,将序列依次画出. –>是虚线, -&

csdn MarkDown 第六篇 技术篇--UML 序列图 实现

这一篇开始讨论代码层面的问题.主要是markdown的功能的设计实现. 这一篇先从markdown外围的代码开始讲起: UML序列图是从https://github.com/bramp/js-sequence-diagrams copy得到的. 当如这个UML代码还用到了两个JS,功能库和画图. <script src="underscore-min.js"></script> <script src="raphael-min.js"&

JS 实现UML序列图 (二)-- csdn MarkDown 第七篇 技术篇

上一篇大概说了一下JS是怎么画UML 图形的. 这一篇简单介绍一下这个JS 解析 UML语法是怎么实现的. https://github.com/bramp/js-sequence-diagrams/blob/master/src/grammar.ebnf 这个是Markdown UML语言的语法结构.摘抄了部分: 这一部分是将词和词组成语句.而语句和语句就组成篇章. document ::= statement* statement ::= ( 'title' ':' message | 'p

CSDN markDown编辑器语法规则

'-'短横线符号, 位于一行前表示项目符号, 显示效果中的项目符号标记为"黑色实心圆点", 并且会自动段落缩进; 如果有两个'- -',中间有空格, 表示更深层级的项目符号; '*'星星符号, 位于一行的前面和后面, 成对出现,用来控制字体, 一对星星符号表示斜体字, 两对表示粗体字; '#'号, 位于一行前, 如果该行有其他控制符号, 那么'#'号要位于最前面, 用来控制字体尺寸, 可以重复叠加, 叠加后字体尺寸变小; 使用快捷键时, 要先选中内容 '>'向右的箭头符号, 用于

CSDN Markdown语法之如何插入图片

目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题2:Markdown中如何指定图片的高和宽? 问题3:Markdown中如何指定图片的对齐方式? 正文 在CSDN Markdown编辑器中插入图片有两种方式: 使用工具栏上的图片上传功能 自己动手写图片链接的方式 下面分别介绍它们的使用方法. 图片上传方式 这种方式最简单,属图形化方式.大家可以很容易的在CSDN Markdown编辑器的工具

[csdn markdown]使用摘记一源代码高亮及图片上传和链接

本文主要内容是体验csdn markdown的代码块高亮显示和图片链接及上传. 图片上传 上边这是标题行,只需要使用一个#就可以表示,几个表示是几级标题 图片上传 本地图片上传控件 本地图片上传方式 csdn markdown编辑器的整体风格 源代码高亮显示 插入链接 如果想要自动根据标题生成目录,那么就使用[TOC] 标记来表示这里是目录,并且会自动生成.在我们编辑文章的时候,可以看到左边是编辑区,右边是预览图,编辑的实时效果都在右边显示. 本地图片上传控件 当我们想上传本地图片的时候,只需要