解决CSDN转载文章顶部有空白的问题

深碍√TFBOYSˉ_ 2022-10-15 07:59 182阅读 0赞

> ### 问题： ###
> 
> 在csdn没有一键转载功能，自己重新编写又比较麻烦。经我搜索后发现之前别人写的方法对于目前的csdn需要做些小小的改动

### 解决方法 ###

**1**.这里以我的一篇文章为例，我们进入文章页面，然后按F12或者鼠标右键选择检查(谷歌浏览器下，其他浏览器可能是审查元素之类的)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70]

**2**.选中下面的任意一行然后按Ctrl+F快速搜索在最下面的输入框填入content\_views（之前别人说的方法都是选中article\_content，目前来说这样会把最下面的点赞收藏也复制上）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 1]

**3**.我们看到可以快速搜索到这个元素，选中这个元素鼠标右键选择copy下的copyHTML（其他浏览器可能是复制下的复制HTML之类的）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 2]

**4**.这样我们就已经复制好了要转载的文章的HTML，然后我们新建一篇文章，打开markdown编辑器粘贴我们复制的内容  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 3]  
我们可以看到复制的HTML元素粘贴后就是我们想要的内容

##### Tips:有时我们这样复制的文章右侧会出现部分空白的情况 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 4]  
只需把左面的 <svg></svg>标签删除，然后把紧接着的元素距左边的空格删除即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 5]

然后我们就会看到想要转载的内容就在右面显示了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 6]

> 偷懒虽好，不要忘了发表时选择转载哦。

[转载：参考文章][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70]: /images/20221014/53f66b7ec7f94576846e03f92ff6b7a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 1]: /images/20221014/b39d0e068a044d18871fd7bf41dc7402.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 2]: /images/20221014/eb6123b831504b74a63a7f82a71e883b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 3]: /images/20221014/0d844131d93247c98505e7789e195bb3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 4]: /images/20221014/f6391216065d440e9ad40cd9639987ef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 5]: /images/20221014/fb9d061748ff48eaab9d798dace71492.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pzczE5Mg_size_16_color_FFFFFF_t_70 6]: /images/20221014/4107ad51ed4a4ab7ab1be9859f8b39a3.png
[Link 1]: https://blog.csdn.net/zss192/article/details/104175164?ops_request_misc=%25257B%252522request%25255Fid%252522%25253A%252522161277708416780271544040%252522%25252C%252522scm%252522%25253A%25252220140713.130102334.pc%25255Fall.%252522%25257D&request_id=161277708416780271544040&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-2-104175164.pc_search_result_no_baidu_js&utm_term=CSDN%20%25E8%25BD%25AC%25E8%25BD%25BD%20%25E7%25A9%25BA%25E7%2599%25BD