【转载】为CSDN博客添加打赏功能

版权声明：本文为【欧阳鹏】原创文章，欢迎转载，转载请注明出处! 【http://blog.csdn.net/ouyang_peng】 https://blog.csdn.net/qq446282412/article/details/70162888
点此查看原文

2018.11.3更新：之前通过将二维码图片上传到CSDN的博客中，然后引用地址的方式，图片总是会无缘无故消失，所以最好上传到别的网站（比如GitHub）。

一、准备二维码收款图片

1、微信

  打开【微信】，点击右上角加号，然后依次点击【收付款】-【二维码收款】-【保存收款码】，即可将收款码保存到手机中。

2、支付宝

  打开支付宝，点击首页上的【收钱】，再点击【保存图片】即可将收款码保存到手机中。

  欢迎领取【支付宝红包】：

二、添加打赏功能

1、进入 【我的博客】，点击【管理博客】

2、点击左侧的【栏目管理】

3、点击【添加自定义栏目】

4、填写内容

  自定义栏目支持HTML格式，内容如下代码所示：

<div id="custom_column_41051715" class="panel">
	<ul class="panel_head">
		<p style="font-family:SimHei;"><strong>【微信】</strong>二维码：</p>
	</ul>
	<ul class="panel_body">
		<img src="https://img-blog.csdnimg.cn/20181102091256463.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pY2hhZWxfZjIwMDg=,size_16,color_FFFFFF,t_70" alt="微信二维码" title="微信二维码" height="100%" width="100%">
	</ul>
</div>

<div id="custom_column_41051842" class="panel">
	<ul class="panel_head">
		<p style="font-family:SimHei"><strong>【支付宝】</strong>二维码：</p>
	</ul>
	<ul class="panel_body">
		<img src="https://img-blog.csdnimg.cn/20181102091537479.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pY2hhZWxfZjIwMDg=,size_16,color_FFFFFF,t_70" alt="支付宝二维码" title="支付宝二维码" height="100%" width="100%">
	</ul>
</div>

<div id="custom_column_41051842" class="panel">
	<ul class="panel_head">
		<p style="font-family:SimHei">欢迎领取<strong>【支付宝】</strong>红包：</p>
	</ul>
	<ul class="panel_body">
		<img src="https://img-blog.csdnimg.cn/20181102100636543.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pY2hhZWxfZjIwMDg=,size_16,color_FFFFFF,t_70" alt="支付宝红包" title="支付宝红包" height="100%" width="100%">
	</ul>
</div>

  当然，上面的图片地址请替换为你们自己的微信和支付宝二维码图片地址。

  写完内容之后，保存即可。