CSDN如何转载博客

最新推荐文章于 2022-12-04 23:06:23 发布

一卷空白

最新推荐文章于 2022-12-04 23:06:23 发布

阅读量80

点赞数

原文链接：https://blog.csdn.net/bruce_lv/article/details/78764024

版权

一、Why？为何写这篇文章呢？

可能有人会说直接收藏不就可以了吗，何必转载呢。但最近遇到了一个问题：我收藏了一篇不错的文章，然后想再看的时候，突然打不开了。。。这让我情何以堪！

这里写图片描述

作者删除或转为私密状态，人家就是不让你看了，你能咋地！

机智的我当时还收藏了同一篇文章作者在两个网站（简书与其个人博客网站）发表的链接，结果。。。
这里写图片描述

机智如我怎么会被难倒！哈哈哈，google了一下文章标题，万幸，有人转载过这篇文章！！！如果没人转载呢？如果特别想看，不看睡不着觉呢？真是后怕！！！

我之前也是不怎么转载文章的，可是，一朝被蛇咬十年怕井绳啊。这就是写这篇文章的原因！google了一下，有好几种方法，但都不太完美，应该说不适合自己，所以写此文章，一是为了防止记忆力减退的我忘记操作步骤，二是方便后来者。

二、操作步骤

有些博客可以简单的复制进行转载，但有些博客直接复制会改变博客的格式，此时要另想它法。

1、用Chrome浏览器打开待转载的文章，右键，单击【检查(N)】

这里写图片描述

2、在右侧html中找到想转载内容对应的节点，一般博客内容对应的是id=”article_content”的div标签。选中节点，网页上被选中内容会被高亮显示，然后在标签上右键选择Copy——Copy outerHTML

这里写图片描述

如何找相应内容

1、先折叠所有代码块，界面只剩下<html> <head></head> <body></body> <html/>标签
2、展开<body>标签，展开<div id="container">标签
3、展开<div id="body">标签
4、展开<div id="main">标签
5、展开<div id="main">标签
6、展开<div id="article_details">标签
7、<div id="article_content">标签即为博客正文代码

如果这样不对，根据鼠标移到相应标签上会高亮，一层一层找下去即可，或者Ctrl+F输入article_content搜索
 
 
 
 1
2
3
4
5
6
7
8
9
10
11

3、写博客–>选择HTML编辑器。单击【源代码】图标。

这里写图片描述

4、粘贴已经复制的HTML源代码。

这里写图片描述

5、此时将鼠标移动到【源代码】图标，发现图标变为【可视化编辑】，单击图标，可以可视化编辑复制的博客内容。

这里写图片描述

单击图标后的变化，博客内容此时可以非常方便的编辑。

这里写图片描述

6、文章标题选择【转载】，填写博客标题。

这里写图片描述

7、与自己写博客一样，填写相应内容，发表博客。

                    <li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#csdnc-thumbsup"></use>
                    </svg><span class="name">点赞</span>
                    <span class="count">4</span>
                    </a></li>
                    <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;popu_824&quot;}"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-csdnc-Collection-G"></use>
                    </svg><span class="name">收藏</span></a></li>
                    <li class="tool-item tool-active is-share"><a href="javascript:;"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-csdnc-fenxiang"></use>
                    </svg>分享</a></li>
                    <!--打赏开始-->
                                            <!--打赏结束-->
                                            <li class="tool-item tool-more">
                        <a>
                        <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg>
                        </a>
                        <ul class="more-box">
                            <li class="item"><a class="article-report">文章举报</a></li>
                        </ul>
                    </li>
                                        </ul>
            </div>
                        </div>
        <div class="person-messagebox">
            <div class="left-message"><a href="https://blog.csdn.net/bruce_lv">
                <img src="https://profile.csdnimg.cn/C/A/B/3_bruce_lv" class="avatar_pic" username="bruce_lv">
                                        <img src="https://g.csdnimg.cn/static/user-reg-year/1x/3.png" class="user-years">
                                </a></div>
            <div class="middle-message">
                                    <div class="title"><span class="tit"><a href="https://blog.csdn.net/bruce_lv" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}" target="_blank">bruce_lv</a></span>
                                        </div>
                <div class="text"><span>发布了8 篇原创文章</span> · <span>获赞 10</span> · <span>访问量 1万+</span></div>
            </div>
                            <div class="right-message">
                                        <a href="https://im.csdn.net/im/main.html?userName=bruce_lv" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-letter">私信
                    </a>
                                                        <a class="btn btn-sm  bt-button personal-watch" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}">关注</a>
                                </div>
                        </div>
                </div>