Markdown 常用到一些标记语法

52
补充展位 Pages_Weblog_Get#0
文章摘要
此内容由人工摘要内容,并由AI根据文章内容进行润色
暂无内容

关于 Markdown
1、是一种纯文本格式的标记式语言。
2、通过简单的标记语法,可以使普通文本内容具有一定的格式。

Markdown 常用到一些标记语法 - Yuan天空

博客升级程序为何后台文章编辑器使用Markdown编辑器替换传统富文本编辑器

上一个版本采用的是Layui框架的富文本编辑器组件 layedit ,很适合我这类后端党,不用操心前端效果实现,使用起来也很简单,组件拿来即用,纯后端人员也能实现很好看的后端网页效果,有兴趣的可以去官网了解下。

此次博客程序升级改用Markdown编辑的原因是由于公司要求采用markdown书写软件说明文档,就试着去学了下,初期觉得使用起来很麻烦,用习惯了越发觉得写文章时意外的舒服,功能可能没有传统富文本编辑器那么全面,但基本的博客需要的功能基本都能满足,而且由于是纯文本后端无论时后续存储还是视觉都要比富文本杂乱的html代码要舒服些。

网上有挺多markdown的jquery的免费插件可以使用,本博客最终使用的Github上的一个开源插件 Editor.md

Editor.md

Markdown一些常用的语法

一、常用网页标题

  1. # 一级标题 即 H1
  2. ## 二级标题 即 H2
  3. ### 三级标题 即 H3
  4. #### 四级标题 即 H4
  5. ##### 五级标题 即 H5
  6. ###### 六级标题 即 H6

二、常用字体效果

语法 作用 效果
**文本** 加粗 文本
*文本* 倾斜 文本
***文本*** 斜体加粗 文本
~~文本~~ 加删除线 文本

三、文本引用块

语法 作用
> 一级引用

例子:

我是引用文本

语法 作用
>> 二级嵌套引用

我是引用文本

我二级内嵌引用文本

语法 作用
>>> 三级嵌套引用

我是引用文本

我是二级内嵌引用文本

我是三级内嵌引用文本

以此类推!理论上应该可以无休止嵌套下去 有兴趣的可以试下

四、几种分割线语法

1、-------
2、***
3、****

最终效果都差不多


五、图片的引用

语法: ![alt](src "title") 
例子: ![Markdown如何引用图片](//www.yuantk.com/image/wizard-logo.png "Markdown如何引用图片")

图片效果

Markdown如何引用图片

六、超链接的使用

我觉的不是很好用的一个点 不能自定义标签属性,比如markdown语法生成的超链接不能设置target属性那样新标签打开。

语法: [展示标题](href "title")
例子:[Yuan天空](http://www.yuantk.com "一个不专业的.NET开发者博客")

七、使用列表

分为有序和无需两种

1、有序列表(就是数字加点)

语法:
1. 我是条目1
2. 我是条目2
3. 我是条目3
4. 我是条目4
需要注意的是:序号跟内容之间要有一个位置的空格

效果:

  1. 我是条目1
  2. 我是条目2
  3. 我是条目3
  4. 我是条目4

2、 无序列表(随你自己想 - + * 都可以)

语法:
* 我是条目1
+ 我是条目2
- 我是条目3

效果:

  • 我是条目1
  • 我是条目2
  • 我是条目3

八、使用table表格


|  标题列 |  标题列 |
| ------------ | ------------ |
| 内容  | 内容  |
| 内容  |  内容 |

表格效果

标题列 标题列
内容 内容
内容 内容

九、代码引用

(```csharp)
  
public static void Main(string[] args)
{
        ///你好 世界!
        Console.WriteLine("Hello World !");
}  
(```)

基本上博客能用到的功能都包含了, 即使有些效果不能实现(例如超链接 在新标签页打开) 也可以直接书写html标签的方式 Markdown也是支持的

补充展位
Pages_Weblog_Get#378bfab5-f160-4ff7-8078-ad3500a00642
补充展位 Pages_Weblog_Get#1
补充展位 Pages_Weblog_Get#2
专题推荐
暂无内容
补充展位 Pages_Weblog_Get#3