前几天在一个博客中看到有一个打赏功能。其实简单说来就是在页面中加入动态DOM节点，使用的也是简单的HTML、CSS、JS这些前端的一些简单知识。在GitHub上有开源的代码，这里稍加改造就可以用在自己的博客中了。

最简单的使用方式是在页面中加入如下JS代码:

当然如果只是这样就完了，还是没有看作者的源JS代码，事实是不修改一下源码也无法使用的，其实主要是文件路径设置的问题。

打开JS源码，不是压缩的源码哦，除非你看的不眼花，也没人拦你的。

原来的cssUrl是/css/myRewards.css，因为博客园上传的文件没有文件夹，所以去掉css。可能大家想到了，img也有一样的问题。

支付方式列表中，修改图片相对路径，由于只使用了支付宝、微信两种方式，所以只修改他们的路径。其实还可以添加其他的支付方式在这里，就不赘述了。

支付按钮的图片路径，同样修改返回的相对路径。

这样在博客园后台的设置页面，在页首Html处添加上面的配置文件就可以了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。