<article class="baidu_pl">
<div id="article_content" class="article_content clearfix">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-6e43165c0a.css">
<div id="content_views" class="markdown_views prism-atom-one-dark">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
</svg>
<div id="article_content" class="article_content clearfix">
参考博客原址 https://blog.csdn.net/qq_33976576/article/details/80424587
转载CSDN博客步骤：
1、CSDN博客页面右键，点击【检查】
2、点击检查后，页面右侧出现html代码，如下图
3、点击写博客、点击左侧栏【博客设置】
4、选择MarkDown编辑器，保存
5、重新点击写博客，把复制内容粘贴到左边框，然后发布博客
</article>
362
目录
一、找到原文，右键点击审查元素(有的浏览器是检查)
二、点击下图箭头位置
三、再点击需要转载的文章的标题
四、完成上一步后，下方空间会定位到某个位置，在那个位置的前面一点或者后面一点，找到下图箭头指向的div。一般是content_view。点击它会发现文章内容区域被选中
五、在刚刚上一步找到的位置右键，选择copy outerHTML
六、然后到CSDN文章发布里 用markdown
七、将刚刚复制的内容.
2018
写评论
262
第一步
首先打开要转载的博客，然后按F12快捷键打开"开发者工具"。也可以通过浏览器右上角的设置中打开，这里就不赘述了。
第二步
点击左上角这个按键，将鼠标移到我们要转载的博客 将鼠标移动到这里后，可以看到标签名为"article"，单击它 然
19万+
原创的文章是自己学习并整理出的结果，所以，如果是翻译或转载的文章，征求原作者同意转载后，发布时点击转载按钮，并在文章显要位置注明原作出处哦。
博主在其他平台撰写过10篇以上的
189
397
98
165
龙云尧个人博客，转载请注明出处。
CSDN地址：http://blog.csdn.net/michael753951/article/details/70307704
个人blog地址：http://ya
137
226
1315
…
240
找到喜欢的博客后，我们可以鼠标右键—>检查,或者按键盘F12，查看网页代码
往下翻，找到对应文本内容的代码块，鼠标放上去时，左边的内容会被包裹，看看包裹的是不是自己想要的内容，如果多包裹了，就再往里选择。
选择好代码块后，右键Copy
最后，打开Markdown编辑器，粘贴复制的内容就可以了。
…
311
将鼠标放进上图所示的红框中，右键-> 复制 ->copy outerHTML，把内容复制下来，然后打开自己的Ma
435
选击检查后，页面右侧会出现 html 代码，如下图
2.如果想要转载全文的话，则在 html 代码中找到 article_content 并点击即可，系统会在代码框中自动选中 article_content 相关代码
3.在选中的 article
90
95
1920
我们选中“article_content”从图片左边我们也可以看到，博客的内容已经被我们选中了，也就是我们想要转载的内容，Ctrl+C 复制：
打开编写博客，粘贴
反弄的也不咋好，样式有些问题，后续有好方法大家可以讨论
…
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
400-660-0108 
热门文章
您愿意向朋友推荐“博客详情页”吗？
-
强烈不推荐
-
不推荐
-
一般般
-
推荐
-
强烈推荐
最新文章
插入表情
代码片
- HTML/XML
- objective-c
- Ruby
- PHP
- C
- C++
- JavaScript
- Python
- Java
- CSS
- SQL
- 其它
点击重新获取
扫码支付
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值
举报
- 内容涉黄
- 政治相关
- 内容抄袭
- 涉嫌广告
- 内容侵权
- 侮辱谩骂
- 样式问题
- 其他
- 包含不实信息
- 涉及个人隐私
- 侮辱谩骂
- 诽谤
- 搬家样式
- 博文样式
只看目录
隐藏目录
显示侧栏
隐藏侧栏
<a class="option-box" data-type="guide">
<img src="https://g.csdnimg.cn/side-toolbar/3.4/images/guide.png" alt="" srcset="">
<span class="show-txt">新手<br>引导</span>
</a>
<a class="option-box" data-type="cs">
<img src="https://g.csdnimg.cn/side-toolbar/3.4/images/kefu.png" alt="" srcset="">
<span class="show-txt">客服</span>
</a>
<a class="option-box" data-type="report">
<span class="show-txt" style="display:flex;opacity:100;">举报</span>
</a>
<a class="option-box" data-type="gotop">
<img src="https://g.csdnimg.cn/side-toolbar/3.4/images/fanhuidingbucopy.png" alt="" srcset="">
<span class="show-txt">返回<br>顶部</span>
</a>
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：
- 全新的界面设计 ，将会带来全新的写作体验；
- 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
- 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
- 全新的 KaTeX数学公式 语法；
- 增加了支持甘特图的mermaid语法1 功能；
- 增加了 多屏幕编辑 Markdown文章功能；
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
- 增加了 检查列表 功能。
功能快捷键
撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：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
合理的创建标题，有助于目录的生成
直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片: 
带尺寸的图片:
居中的图片: 
居中并且带尺寸的图片:
当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的：
| 项目 | Value |
|---|---|
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |
设定内容居中、居左、居右
使用:---------:居中
使用:----------居左
使用----------:居右
| 第一列 | 第二列 | 第三列 |
|---|---|---|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
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 |
创建一个自定义列表
-
Markdown
- Text-to- HTML conversion tool Authors
- John
- Luke
如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
Markdown将文本转换为 HTML。
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(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.
新的甘特图功能，丰富你的文章
- 关于 甘特图 语法，参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：
这将产生一个流程图。:
- 关于 Mermaid 语法，参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图：
- 关于 Flowchart流程图 语法，参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。
注脚的解释 ↩︎
扫一扫
到【灌水乐园】发言
