Git Product home page Git Product logo

alms's Introduction

7X24小时在线要饭🍚,欢迎👏各位老板打赏,打赏一分也是爱

  1. 纯原生js手撸,无任何框架
  2. 不用数据库,不用部署服务器上
  3. 零成本,网站部署CF,CF托管加速,数据托管在leancloud
  4. 移动端交互体验超棒,一键打赏,免去app来回切换
  5. 微信内分享打赏更方便,长按即可(需域名备案

食用教程:

克隆代码

git clone https://github.com/yong-s/alms.git

修改配置

替换为自己的收款码

images内分别替换微信、支付宝的收款码

替换为自己的scheme url

支付宝替换:qrcode后面的值改为自己的收款码链接

alipays://platformapi/startapp?saId=10000007&qrcode=https%3A%2F%2Fqr.alipay.com%2Ffkx17568wleuqk0ebdb8ia3

替换为自己的leancloud API key

  1. 没有去注册leancloud,国际版不用备案
  2. 使用开发版(免费
  3. 设置-应用凭证-复制AppKey
  4. custom.js内修改App_Key为上一步复制的
  5. 国际版需要使用自定义的域名,API_BASE_URL 改为自己的,先去设置-域名绑定

img to base64

  • 自己本地转换python
import base64

def image_to_base64(image_path):
    with open(image_path, "rb") as image_file:
        # output to base64
        encoded_string = base64.b64encode(image_file.read()).decode('utf-8')
    # output to html img   
    return f'<img src="data:image/jpeg;base64,{encoded_string}" alt="图片描述">'
    # output to css
    # return f'.image {{ background-image: url("data:image/jpeg;base64,{encoded_string}"); }}'


# 替换为你的图像文件路径
image_path = "/Users/Downloads/btc.png"
html_img_tag = image_to_base64(image_path)
print(html_img_tag)
with open("base642image", "w") as base64img:
    base64img.write(html_img_tag)

部署

域名、网页全托管,妈妈再也不担心我的网页速度和安全了

真 * 慈善家

GitHub pages等服务器

通过GitHub pages,域名托管在cloudflare上,几块钱买一年的域名,完美搞定

对象存储

优点:免去域名备案,微信内直接打开,腾讯云cos按量计费 缺点:🈚️,要说有,就是不知道这个口子啥时候会被关了

  1. 去腾讯☁️后台,找到对象存储,新建存储桶,基础配置,静态网站打开
  2. 上传index.html assets images
  3. 直接访问给的域名即可

TO DO

  • 实现对象存储,可以免去备案,方便微信内分享
  • 国际化,中英文显示
  • 支持国际(PayPal)收款,开启全世界要饭模式🤣
  • 支持加密货币收款₿

感谢

  1. 模版来自HTML5 UP
  2. 部分灵感参考
  3. donate
  4. 感谢ChatGPT🙏,纯原生js,通过GPT辅助完成✅
  5. 感谢Midjourney🙏提供背景图片
  6. favicon提供favicon支持

alms's People

Contributors

realzsan3 avatar

Stargazers

AigcNext avatar  avatar  avatar  avatar giskard avatar  avatar unkownY avatar  avatar Yao Cui avatar Rookie avatar  avatar  avatar yuxin avatar  avatar  avatar  avatar hsz avatar  avatar  avatar lhzkml avatar  avatar 小原渚 avatar  avatar listenGrey avatar  avatar wangye avatar  avatar  avatar  avatar  avatar Hertz Hwang avatar  avatar  avatar 狗娃子 avatar Chris Su avatar  avatar zola avatar  avatar djn1028 avatar  avatar Wolo avatar chienkuo chang avatar sue avatar Echo avatar NiceDayTooYou avatar dev-wux avatar  avatar  avatar tonyonce avatar Hei Zeming avatar  avatar  avatar  avatar 财富自由被动收入 avatar wilbur.yu avatar  avatar  avatar Riku avatar  avatar Sliverkiss avatar lxyer avatar  avatar 知心宝贝 avatar  avatar  avatar ggguo avatar 欢欢 avatar  avatar giggletim avatar  avatar  avatar Yiersan avatar  avatar  avatar aBuXiu avatar  avatar  avatar Mr.PuYi avatar  avatar leon avatar  avatar  avatar  avatar Philip Ding avatar  avatar  avatar  avatar LinQingYang avatar ITmao avatar  avatar  avatar w33d avatar SportKight avatar AlwaysZmx avatar 顾奈 avatar Suntrian avatar  avatar 冷小菜 avatar  avatar  avatar

Watchers

Stainless5792 avatar  avatar  avatar

alms's Issues

1

alipays://platformapi/startapp?saId=10000007&qrcode=https%3A%2F%2Fqr.alipay.com%2Ffkx17568wleuqk0ebdb8ia3
收款码连接是什么?

请问施舍留言失败怎么搞

求问施舍记录怎么搞,按照教程操作的,但是无法提交记录,总是显示“施舍留言失败”。

域名绑定是选择 API 访问域名吗?

custom.js 里的 2 处 X-LC-Id 是不是也要换成自己的 AppID?

除此之外 LeanCloud 里或者别的地方还需要设置什么吗?

前端小白求教,谢谢大佬!


附加图片:

API_BASE_URL App_Key 有修改成自己的

image
image

custom.js 里的 2 处 X-LC-Id 教程里没写,看起来和 LeanCloud 设置里的 AppID 格式一样,感觉应该改一下,也改成了自己的

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.