Copyright statement: This article is [Ouyang Peng] original article, welcome to reprint, please indicate the source! [ http://blog.csdn.net/ouyang_peng] https://blog.csdn.net/qq446282412/article/details/ 70162888
Click here to view the original text
2018.11.3 update: Previously, by uploading the QR code image to the CSDN blog and then quoting the address, the image would always disappear for no reason, so it is best to upload it to another website (such as GitHub).
1. Prepare the QR code to receive payment pictures
1. WeChat
Open [WeChat], click the plus sign in the upper right corner, and then click [Receipt and Payment]-[QR Code Receipt]-[Save Receipt Code] to save the payment code to your phone.
2. Alipay
Open Alipay , click [Receive Money] on the homepage, and then click [Save Picture] to save the payment code to your phone.
Welcome to receive [Alipay Red Packet]:
Two, add reward function
1. Enter [My Blog], click [Manage Blog]
2. Click [Column Management] on the left
3. Click [Add custom column]
4. Fill in the content
The custom column supports the HTMLformat, and the content is shown in the following code:
<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>
Of course, please replace the above picture address with your own WeChat and Alipay QR code picture addresses.
After writing the content, save it.