转载csdn博客步骤

最新推荐文章于 2021-11-20 23:00:56 发布

wangql-boke

最新推荐文章于 2021-11-20 23:00:56 发布

阅读量98

点赞数

文章标签： csdn

本文链接：https://blog.csdn.net/weixin_40102925/article/details/105925660

版权

在参考“如何快速转载CSDN中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载CSDN博客步骤和一些知识小笔记。
参考博客原址：http://blog.csdn.net/bolu1234/article/details/51867099

转载CSDN博客步骤：

1.CSDN博客页面右键，点击【检查】
这里写图片描述
点击检查后，页面右侧出现html代码，如下图

2.如果需要转载全文，则在html代码下侧点击选中article_content 即可，会在代码框中自动选中article_content相关代码

3.在选中html的article_content代码处右键，点击【Copy】,再点击【Copy outerHTML】即可，至此，博客内容的html代码复制完成
这里写图片描述
4.新建博客，在markdown编辑器中粘贴以上html代码。
！！！注意：是markdown编辑器，CSDN博客默认的是html编辑器，在博客设置中修改成markdown编辑器。在html编辑器中是无法将html代码转换成相应博客内容的

Markdown和HTML相关小知识

Markdown

Markdown是一种纯文本形式的标记语言，重点在易读易写，排版漂亮，是写博客的好工具，优点类似于word，但是更简洁直观。
Markdown在windows、Linux以及OS平台都有许多支持的编辑器

HTML：

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面[1]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。 —— [维基百科]

HTML其实.txt文本类似，不同的是HTML中包含有标记的符号；

HTML标记的构成一般有两种：单标记<…>或者双标记
HTML文档结构如下：
这里写图片描述

        <div class="person-messagebox">
            <div class="left-message"><a href="https://blog.csdn.net/record_my_world">
                <img src="https://profile.csdnimg.cn/5/A/A/3_record_my_world" class="avatar_pic" username="record_my_world">
            </a></div>
            <div class="middle-message">
                                    <div class="title"><span class="tit "><a href="https://blog.csdn.net/record_my_world" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;,&quot;ab&quot;:&quot;new&quot;}" target="_blank">record_my_world</a></span>
                    <!-- 等级，level -->
                                            <img class="identity-icon" src="https://csdnimg.cn/identity/blog3.png">                                            </div>
                <div class="text"><span>原创文章 16</span><span>获赞 7</span><span>访问量 2万+</span></div>
            </div>
                            <div class="right-message">
                                        <a class="btn btn-sm  bt-button personal-watch" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;,&quot;ab&quot;:&quot;new&quot;}">关注</a>
                                                            <a href="https://im.csdn.net/im/main.html?userName=record_my_world" target="_blank" class="btn btn-sm bt-button personal-letter">私信
                    </a>
                                </div>
                        </div>
                    
    </div>