CSDN博客渲染教学之Markdown编辑器

已于 2024-01-18 20:18:00 修改
阅读量864 收藏 17
点赞数 22
文章标签： 编辑器
于 2024-01-15 17:00:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74311333/article/details/135605779
版权

1🎄欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。

如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

本文基于 markdown的基本使用教程改编 + Typora软件实现

2🎈新的改变

Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

  1. 全新的界面设计 ，将会带来全新的写作体验；
  2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
  3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
  4. 全新的 KaTeX数学公式 语法；
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了 多屏幕编辑 Markdown文章功能；
  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
  8. 增加了 检查列表 功能。

4🐜修改文本的样式（加粗、下划线、删除线、字体背景色）

声明：\ 表示转义字符，例如，\>  表示普通的 > 字符

1🐧强调文本（或字体倾斜）

方法一： *强调文本*

效果：强调文本

方法二：_强调文本_

效果：强调文本

2🐜加粗文本

方法一：**加粗文本方法一**

效果：加粗文本方法一

方法二：__加粗文本方法二__

效果：加粗文本方法二

3🎄标记文本（背景颜色为亮淡黄色）

方法：==标记文本==

效果：标记效果

显然标记文本在此版本Typora中不适用

4✨删除文本线

方法：~~删除文本线~~

效果：删除文本线

5🦄引用文本（或优化过程）

方法：>引用文本

效果：

引用文本

6🕊️上下指标

下标记号：H~2~O是水

效果：H2O是水

上标记号：10^5^是

效果：105是

显然上下标记在此版本Typora软件中不适用

💯⭐字体背景色

目前2024年由于CSDN博客支持Html相关的标签及其对应的属性兼容性不高。仅有极少数可以在markdown中渲染被其接纳，这篇文章涵盖极大部分相关标签的使用。

1️⃣🕊️普通表格实现

语法：

<table><tr><td>(1,1)</td><td>(1,2)</td><td>(1,3)</td></tr><tr><td>(2,1)</td><td>(2,2)</td><td>(2,3)</td></tr></table>

效果：

(1,1)(1,2)(1,3)
(2,1)(2,2)(2,3)

2️⃣⭐高级特色

代码：

<table> <tr><th> <font face="楷体" size=5>第一列</font></th><th>第二列</th><th>第三列</th></tr>
<tr><td bgcolor=#00bfff>(1，1，蓝底)</td> <td><font color = #00bfff>(1，2，蓝字)</font></td><td bgcolor=#00ff00><font color = #00bfff>(1，3，绿蓝)</font></td></tr>
<tr> <td align="right">(2，1，居右)</td><td align=center colspan=2>(2，2，居中)</td>
</tr></table>

效果：

第一列第二列第三列
(1，1，蓝底)(1，2，蓝字)(1，3，绿蓝)
(2，1，居右)(2，2，居中)

3🕊️字体(形状、大小、颜色)渲染

<font face="黑体">我是黑体字</font>

效果：
我是黑体字

<font face="STCAIYUN">我是华文彩云</font>

效果：
我是华文彩云

<font color =red size = 3 face = "楷体">我是文本 楷体 5号 红色</font>

效果：
我是文本 楷体 5号 红色

<font color=#0099ff size=4 face="黑体">字体 颜色 字体</font>

效果：
字体 颜色 字体

5🍃快捷键

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。

快捷键：

快捷键含义
Ctrl/command+Z撤销
Ctrl/Command+Y重做
Ctrl/Commond+B加粗
Ctrl/Command + Shift + H标题
Ctrl/Command + Shift + U无序列表
Ctrl/Command + Shift + O无序列表
Ctrl/Command + Shift + C检查序列
Ctrl/Command + Shift + K插入代码
Ctrl/Command + Shift + L插入连接
Ctrl/Command + Shift + G插入图片
Ctrl/Command + F查找
Ctrl/Command + G替换

6✨创建标题(有利于目录的生成)

1.一级标题创建

步骤：直接输入一次#，并按下space键后，将生成1级标题。

2.二级标题创建

步骤：输入两次##，并按下space后，将生成2级标题。

依此类推。。。可创建标题 1-6  级。

7🎉图片插入

1🕊️图片链接指定别名

语法：链接：[link](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

效果：链接：link

2🐧图片原样插入

语法：图片：![任意啥](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

效果：图片：任意啥

4🎄图片居中

语法：图片居中：![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

效果：Alt

4🐜带尺寸大小

语法：带尺寸图片：![任意](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

效果：带尺寸图片：任意

5✨图片居中且自定义图片大小

语法：![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

效果：Alt

显然修改图片在此版本Typora软件中不适用

8🎋代码渲染（美化代码色彩）

1🎈C语言代码

语法：```c

#include<stdio.h>
int main()
{
printf(“Hello world”); // 你好世界
return 0;
}

效果：

#include<stdio.h>
int main()
{
	printf("Hello world");		// 你好世界 
	return 0;
 }

2🎈Html代码

语法：```html

<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页
</head>
<body>
<h1>欢迎来到我的网页！
<p>这是一个简单的HTML页面。


<img src=“image.jpg” alt=“图片”>
</body>
</html>

效果：

<!DOCTYPE html>  
<html>  
<head>  
  <title>我的第一个网页</title>  
</head>  
<body>  
  <h1>欢迎来到我的网页！</h1>  
  <p>这是一个简单的HTML页面。</p>  
  <img src="image.jpg" alt="图片">  
</body>  
</html>

3🍃Html的魔法

语法：

<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页
</head>
<body>
<h1>欢迎来到我的网页！
<p>这是一个简单的HTML页面。


<img src=“image.jpg” alt=“图片”>
</body>
</html>

效果：

我的第一个网页

欢迎来到我的网页！

这是一个简单的HTML页面。

图片

9🥅列表

1🐧阶梯式列表

格式：

- 项目一

​ - 项目二

​ - 项目三

​ - 项目四

效果：

  • 项目一
    • 项目二
      • 项目三
        • 项目四

2🕊️有序列表（阿拉伯数字）

格式：

1. 项目1

2.项目2

3.项目3

效果：

  1. 项目1
  2. 项目2
  3. 项目3

3🍃计划任务

格式：

- [] 计划任务一

- [x] 计划任务二

效果：

  • 计划任务一
  • 计划任务二

10⚙️创建一个表格

1🐜一个简单表格的创建

格式：💊⚠️在源代码模式下使用⚠️💊

| 物品 | 价格 |

| ------ | ------- |

| 电脑 | ￥8860 |

| 手机 | $1230 |

效果：

物品价格
电脑￥8860
手机$1230

2🐧居中、居右、居左

格式：

| 第一列 | 第二列 | 第三列 |
| :------------: | -------------: | :------------- |
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |

效果：

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

3🕊️SmartyPants

简介：SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

| TYPE | ASCII | HTML |
| :--------------- | :------------------------------ | :---------------------------- |
| Single backticks | 'Isn't this fun?' | ‘Isn’t this fun?’ |
| Quotes | "Isn't this fun?" | “Isn’t this fun?” |
| Dashes | -- is en-dash, --- is em-dash | – is en-dash, — is em-dash |

效果：

TYPEASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

4🎈创建一个自定义表

格式：

Markdown

: Text-to-HTML conversion tool

Authors

: KiKu

: TryBid

效果：

Markdown

Text-to-HTML conversion tool

Authors

KiKu

TryBid

显然自定义列表在此版本Typora软件中不适用

5🎄创建一个注释脚标

格式：

一个具有注脚的文本。[^x]

[^x]: 脚本的解释

效果：

一个具有注脚的文本。2

6🎈注释

说明：markdown将文本转换为Html。

格式：

*[HTML]: 超文本标记

效果：

11📐数学公式

1🎄KaTeX数学公式

简介：你可以使用渲染 LaTeX数学表达式KaTex

例如：

$$
Gamma公式展示 \Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N 是通过欧拉积分
$$
$$
\Gamma(z) = \int_0^\infty t{z-1}e{-t}dt,.
$$

效果：

G a m m a 公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N 是通过欧拉积分 Gamma公式展示 \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通过欧拉积分 Gamma公式展示Γ(n)=(n−1)!∀n∈N是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

12🗺️甘特图

1🕊️新的甘特图功能，丰富你的文章

介绍：

```mermaid
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划一 : des3, after des2, 5d
计划二 : des4, after des3, 5d
```

效果：

2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 2014-01-21 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

关于 甘特图 语法，参考 这儿,

🌌UML图表

1🐜

简介：可以使用UML图表进行渲染。 Mermaid.

例如下面产生的一个序列图：

```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四–>>王五: 你最近怎么样，王五？
李四–x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行.

李四–>>张三: 打量着王五…
张三->>王五: 很好… 王五, 你怎么样?
```

产生一个流程图：

```mermaid
graph LR
A[长方形] – 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```

效果：

张三 李四 王五 你好！李四, 最近怎么样? 你最近怎么样，王五？ 我很好，谢谢! 我很好，谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

产生一个流程图：

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考 这儿,

14🌈Flowchart流程图

🎄

我们依旧会支持flowchart的流程图：
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op

```

效果：

graph TD  
subgraph A["开始"]  
end  
subgraph B["我的操作"]  
end  
subgraph C["确认？"]  
end  
subgraph D["结束"]  
end  
A --> B  
B --> C  
C --> D(是)  
C --> B(否)
  • 关于 Flowchart流程图 语法，参考 这儿.

显然Flowchart在此版本Typora软件中不适用

🎄🎄例二

```mermaid

graph TD
subgraph A[“开始”]
end
subgraph B[“我的操作”]
end
subgraph C[“确认？”]
end
subgraph D[“结束”]
end
A --> B
B --> C
C --> D(是)
C --> B(否)

```

效果：

graph TD  
subgraph A["开始"]  
end  
subgraph B["我的操作"]  
end  
subgraph C["确认？"]  
end  
subgraph D["结束"]  
end  
A --> B  
B --> C  
C --> D(是)  
C --> B(否)

显然Flowchart在此版本Typora软件中不适用

15🙉导入与导出

🕊️导入

流程：如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

🕊️导出

流程：如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

🐧Markdown与HTML和Typora联系与区别

我的第一个网页

欢迎来到我的网页！

这是一个简单的HTML页面。

图片

🐧针对于 CSND 使用 Markdown 可用标签集合🐧

标签属性值含义
<mark>文本背景高亮
<b>文本加粗
<strong>文本加粗
<h1>id一级标题
<h6>六级标题
<p>aligncenter段落居中
<em>强调文本或斜体效果
<i>强调文本或斜体效果
<del>删除线
<u>下划线
<ul><li>无序列表
<ol><li>有序列表
<a>target“http://baidu.com”链接
<a>href“_blank”浏览器窗口或标签页中打开链接
<a>title“theme1”链接的额外信息、将鼠标悬停在链接上时显示这些信息
<a>download链接到文件时，这个属性指示浏览器应下载文件而不是导航到它
<a>rel“nofollow”表示该链接不应影响链接页面的搜索引擎排名
<nav>id“link1”导航组名
<div>id用于组合其他内容或元素
<section>id用于表示页面中的独立内容区域
<article>​id用于表示页面中独立、完整的内容单元
<header>id用于表示页面或区域的头部
<footer>id用于表示页面或区域的底部
<br>​ 换行
<img>src插入图片、并指定来源
<pre>显示预格式化文本，保留空格、换行符
<code>表示计算机代码或程序代码片段
<blockquote>引用块级内容
<font>size1、20设置字体大小
colorred、#0099ff设置字体颜色
face“楷体”、“Courier New”设置字体样式
<table>表格设置
<table><tr>aligeleft、center、right定义表格中的行、内容靠齐方式
valigntop、middle、bottom单元格内容的垂直对齐方式
<table><tr><td>aligeleft、center、right定义表格中的行、内容靠齐方式
valigntop、middle、bottom单元格内容的垂直对齐方式
bgcolor#0099ff表格行的背景颜色
width200设置单元格宽度
hight50设置单元格高度
nowrap单元格中的文本不换行
colspan2单元格横跨的列数，用于合并单元格
rowspan2单元格横跨的行数，用于合并单元格
<center>文本居中

🕊️Markdown与Html的相似与区别

Markdown与HTML是常用的文本标记语言，用于标记和格式化文本。它们在一些方面有相似点，同时也存在一些区别。

相似点：
1. 均可以用于创建文本文档，并添加一定的格式和样式。
2. 都使用标签（HTML）或者特殊符号（Markdown）来表示不同的元素和格式。
3. 可以在其中插入链接、图片、表格等元素。

区别：
1. 语法复杂度：HTML的语法相对复杂，需要记忆很多标签和属性以及它们之间的嵌套关系；而Markdown的语法相对简洁易懂，用普通文本加上特殊字符就可以实现大部分功能。
例如，在HTML中插入一个链接需要使用`<a>`标签和相关属性，如`<a href="https://example.com">Example</a>`；而在Markdown中，直接使用`[Example](https://example.com)`即可。

2. 功能丰富性：HTML功能更为强大，可以实现更复杂的页面布局和交互效果，支持动态内容；而Markdown主要用于简单的文本标记和排版，功能相对较少。
例如，在HTML中可以通过CSS样式定义页面的外观，运用JavaScript实现页面的交互操作；而Markdown则无法直接实现这些高级功能。

3. 适用场景：由于Markdown的语法简单，易于阅读和编辑，更适用于纯文本的写作和记录，如笔记、博客、论坛帖子等；而HTML适用于构建复杂的网页和网站，需要更精细的控制。
例如，使用Markdown编写博客文章会更加方便快捷，而使用HTML则较为繁琐。

总结来说，HTML适用于构建复杂的网页和实现高级功能，Markdown适用于简单的文本标记和排版。视具体需求而定，两者有各自的优势和适用场景。

🐧markdown与Html的联系与区别举例说明

当涉及到Markdown和HTML的相似点与区别时，以下是更多的例子：

相似点：
1. 标题表示：Markdown使用`#`来表示标题级别，HTML使用`<h1>`到`<h6>`标签表示不同级别的标题。例如：
   - Markdown：`# Heading 1` 
   - HTML：`<h1>Heading 1</h1>`

2. 列表表示：Markdown和HTML都支持有序列表和无序列表。
   - Markdown：使用`*`（无序列表）或者数字+`.`（有序列表）表示，例如：

 * Item 1
 * Item 2

 1. Item A
 2. Item B
 ```
  • HTML：使用<ul> </ul>（无序列表）或者<ol> </ol>（有序列表）包裹列表项，例如：
    <ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

<ol>
  <li>Item A</li>
  <li>Item B</li>
</ol>
  1. 强调和斜体：Markdown和HTML都支持对文本进行强调和斜体显示。
    • Markdown：使用*或_包裹文本来表示强调或斜体，例如：
      *italic*
**bold**
    • HTML：使用<em></em>标签（强调）或<i></i>标签（斜体）包裹文本，例如：
      <em>italic</em>
<strong>bold</strong>

区别：

  1. 图片插入：在Markdown中，可以使用![alt text](image-url)来插入图片；而在HTML中，需要使用<img src="image-url" alt="alt text">标签来完成。例如：

    • Markdown：![logo](https://example.com/logo.png)
    • HTML：<img src="https://example.com/logo.png" alt="logo">

  2. 表格表示：Markdown和HTML的表格语法和表示方式不同。

    • Markdown：通过制定列与列之间的分隔符（|），并使用冒号（:）指定对齐方式，来表示表格。例如：
      | Name | Age |
| ---- | --- |
| John | 25  |
| Lisa | 30  |
    • HTML：使用<table> </table>标签来表示表格，以及<tr> </tr>和<td> </td>来表示行和单元格。例如：
      <table>
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Lisa</td>
    <td>30</td>
  </tr>
</table>

  3. 视频嵌入：在HTML中，可以使用<video>标签来嵌入视频，并设置相关属性来控制播放；而Markdown不支持直接嵌入视频。

    • HTML：<video src="video-url"></video>

这些例子展示了Markdown和HTML在语法和具体应用上的相似点和区别。它们可以根据具体需求来选择合适的语言进行文本标记和格式化。




<span style="font-family: Courier New, 楷体; font-size: 20px; color:blue" >✨markdown与Html中有哪些标签可以混用</span>

​```markdown与Html中有哪些标签可以混用
在Markdown中，可以使用HTML标签进行扩展和增强Markdown的功能。以下是一些在Markdown中常用的允许混用HTML标签的情况：

1. 图片标签：在Markdown中插入图片时，可以使用HTML的`<img>`标签来更精确地控制图片的属性，例如调整图片的大小、添加标题等。例如：
   ```markdown
   <img src="image-url" alt="alt text" width="300" height="200">

  1. 锚点标签：在Markdown中插入链接时，可以使用HTML的<a>标签来添加锚点，实现内部页面跳转或者外部链接的目标在新窗口打开。例如：

    [Link with Anchor](#my-anchor)

<a href="https://example.com" target="_blank">External Link</a>

<h2 id="my-anchor">Anchor Header</h2>

  2. 样式标签：在Markdown中可以使用HTML的<style>标签来自定义文本样式，如更改字体颜色、背景颜色等。例如：

    <style>
  p { color: blue; }
  h1 { background-color: yellow; }
</style>

# Heading 1
This is a paragraph.

需要注意的是，在Markdown中使用HTML标签时，需要确保HTML代码被正确解析和渲染。有些Markdown编辑器或平台可能会对HTML代码进行一定的限制或过滤，因此在具体应用中需要根据环境和需求合理使用混用标签的方式。




<span style="font-family: Courier New, 楷体; font-size: 20px; color:blue" >🐧markdown与typora的联系与区别，请举例详细说明</span>

​```markdown与typora的联系与区别，请举例详细说明
Markdown是一种文本标记语言，用于编写结构化的纯文本文档，并可以通过解析转换为HTML或其他格式。Typora是一个支持实时预览和专注写作的Markdown编辑器，提供了一些额外的功能和用户友好的界面。

联系：
1. Markdown语法支持：Typora基于Markdown语法，完整支持Markdown的标记语法和功能。你可以使用Markdown的各种语法来进行文本标记、添加标题、列表、链接、图片和表格等元素。

2. 实时预览功能：与许多其他纯文本编辑器不同的是，Typora具有一个实时预览窗口，可以即时显示Markdown文档的渲染效果。这使作者可以实时查看他们的文档在最终导出为HTML或其他格式时的样式。

区别：
1. 用户界面：Typora提供了一个直观且直观的编辑界面，更专注于写作体验。它隐藏了大部分Markdown语法的细节，提供了所见即所得的编辑环境，使用户能够更轻松地创建和编辑Markdown文档。

2. 导出选项：Typora允许将Markdown文档导出为HTML、PDF和其他格式。它提供了多个不同样式和布局的选项，用户可以根据需要选择合适的导出格式。

3. 设定参数：Typora还提供了一些个性化设置选项，可自定义编辑器的外观和行为。用户可以调整字体、主题、代码块样式以及区域模式等，以满足个人偏好或特定需求。

举例说明：
例如，对于以下Markdown代码：

​```markdown
# Heading

This is a paragraph.

- Item 1
- Item 2

[Link](https://example.com)

![Image](https://example.com/image.png)
​```

在Typora中编辑该代码，将会在编辑界面实时预览，使作者能够直接看到Markdown文档的渲染效果。同时，Typora还提供了导出功能，可以将该Markdown文档导出为HTML、PDF等格式。

此外，Typora还提供了方便的快捷键和菜单选项，例如粗体、斜体、标题样式等，以帮助用户更快速地输入和编辑Markdown文档。整体而言，Typora相对于传统的文本编辑器提供了更便捷和优化的Markdown编辑和预览功能。

附录

  1. mermaid语法说明 ↩︎

  2. 脚本的解释 ↩︎

咔哆TryBid
关注
  • 22
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CSDN-markdown编辑器使用教程.html
12-04
CSDN-markdown编辑器使用教程，CSDN自带的介绍范文模板 如果写过一次博客，这个文档就找不到了，在这里备份一下，方便大家查阅。
CSDN创作中心Markdown编辑器基本使用方法
senlijiu的博客
04-08 1026
对CSDN创作中心提供的Markdown编辑器教程进行了学习，并增加了个人笔记。
几款主流好用的markdown编辑器介绍
weixin_44976692的博客
03-28 4071
在写作、笔记、博客等文档编辑过程中，Markdown 已经成为了许多人的首选格式。为了更高效地编写 Markdown 文档，选择一款适合自己的 Markdown 编辑器尤为重要。在本文中，我们将介绍几款主流且好用的 Markdown 编辑器，帮助您找到最适合自己的工具。以上就是几款主流好用的 Markdown 编辑器的介绍。每款编辑器都有其独特的特点和适用场景，希望本文能够帮助您找到最适合自己的 Markdown 编辑工具。如果您有其他好用的 Markdown 编辑器推荐，欢迎在评论区分享给我们！
制作一个实时渲染的markdown编辑器YaliEditor
qq_43203949的博客
09-26 1208
将节点的变化转化为文本的修改进行记录，当用户触发undo操作时，对拿出修改记录，通过修改记录重新构建。，对节点的变化进行监控，当节点发送变化时，对通知undoSystem去对节点进行复制并将改变记录下来。的解析器，turndown的回将html元素转为为markdown字符串，在。一个简易的实时渲染markdown编辑器，可以及时渲染mardown。而redo操作则是通过对undo记录的反做，对页面进行重做操作。后面会更新，对软件的风格系统进行实装。原生语法进行渲染，渲染的格式通过编写。
在CSDN中如何使用markdown编辑器—完全指南
热门推荐
免费网络加-速-器游戏加/速/器
09-04 2万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
CSDN-markdown编辑器使用指南
一叶_障目
12-19 525
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
CSDN-markdown编辑器
flysun55的博客
08-27 239
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I...
Markdown编辑器使用说明
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
05-31 1284
文章目录Markdown编辑器使用说明新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 Markdown编辑器使......
几款主流好用的Markdown编辑器介绍
Python老吕的博客
03-25 1162
Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。由于 Markdown 的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。
CSDN-markdown编辑器用法
fengxingzhe001的专栏
09-24 702
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
如何使用CSDN-markdown编辑器
w741627265的博客
07-27 389
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
jQuery实现Markdown编辑器插件
06-24
jQuery实现Markdown编辑器插件是一款基于bootstrap的Markdown网页文本编辑器插件。
欢迎使用CSDN-markdown编辑器
10-14
csdn自带的介绍范文模板 如果写过一次博客，这个文档就找不到了（没有恢复到本模板的url） 就在这里备份一下 方便查阅
欢迎使用CSDN-markdown编辑器.md
09-24
2019最新csdn自带的介绍范文模板 如果写过一次博客，这个文档就找不到了（没有恢复到本模板的url） 就在这里备份一下 方便查阅
typora MarkDown编辑器 windows 版本下载
11-03
typora MarkDown编辑器 windows 版本下载，因为官网被墙了，特此分享给大家
编辑器，编译器，IDE的区别
2303_79973545的博客
04-27 1230
Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、简单说编辑器是用来写代码的，而编译器是对现场高级语言代码翻译成相对低级语言的一段小程序/指令。简单说，就是集成了编辑器、编译器以及链接器等众多功能的一个集成开发环境。
Unreal 编辑器工具 批量重命名资源
jkchen's Haven
05-02 981
右键 - Editor Utilities - Editor Utility Blueprint，基类选择 Asset Action Utility。然后编译后，就可以在选中资源后右键的菜单内看到 Scripted Asset Actions 内，会有你刚刚创建的函数。然后新建一个函数，加上4个输入：ReplaceFrom，ReplaceTo，AddPrefix，AddSuffix。在类默认值内，可以添加筛选器，筛选指定的类型。
2023年美赛特等奖论文-F-2305794-解密.pdf
最新发布
05-06
大学生，数学建模，美国大学生数学建模竞赛，MCM/ICM，2023年美赛特等奖O奖论文

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值