zoukankan      html  css  js  c++  java
  • 博客添加打赏功能

    效果图:

    1.准备自己的照片,一般有微信和支付宝二维码的照片

    注意格式bmp

    2.上传到博客园上

    博客园后台:文件,上传文件:zfb.bmp,wx.bmp(一般这么命名)

    3.打开博客园:管理---设置---

    往下看:

    博客侧边栏公告(支持HTML代码) (支持 JS 代码)

    如果不是上面的,那先需要申请js代码支持,需要等一会

    4.代码,先需要修改

    <!-- 打赏插件 -->
    <script>
    window.tctipConfig = {
    imagePrefix: "http://files.cnblogs.com/files/kdy11/",
    cssPrefix: "http://files.cnblogs.com/files/kdy11",
    buttonImageId: 4,
    buttonTip: "dashang",
    list:{
    weixin:{qrimg: "https://files.cnblogs.com/files/xiykj/wx.bmp"},  //改成自己上传的图片地址
    alipay: {qrimg: "https://files.cnblogs.com/files/xiykj/zfb.bmp"},  //改成自己上传的图片地址
    } }; </script> <script src="https://blog-static.cnblogs.com/files/CH520/ch_tctip01.js"></script>

    注意照片的地址:
    xiykj 是我的博客地址,你自己需要改成自己的地址
    然后复制,到博客侧边栏公告(支持HTML代码) (支持 JS 代码)这里,保存即可

    5.不报错就算了,如果有时候可能报错
    那需要增加一个

    6.上传js文件

    下载tctip-1.0.3.js
    https://files.cnblogs.com/files/xiykj/tctip-1.0.3.js

     文件下载

    即可

    原文链接:https://www.cnblogs.com/ysysbky/p/12243194.html

  • 相关阅读:
    Golang error 的突围
    深度解密Go语言之 scheduler
    深度解密Go语言之channel
    如何打造一份优雅的简历?
    Go 程序是怎样跑起来的
    曹大谈内存重排
    从零开始使用 Webpack 搭建 Vue 开发环境
    纯样式无脚本无图片自定义单/复选框
    从零开始使用 Webpack 搭建 Vue3 开发环境
    JS遍历对象的几种方法
  • 原文地址:https://www.cnblogs.com/xiykj/p/13681851.html
Copyright © 2011-2022 走看看