作者: 奶狗

  • 一个使用 Vue 3 + TypeScript + Vite 构建的现代化个人主页

    一个使用 Vue 3 + TypeScript + Vite 构建的现代化个人主页

    原文转自 https://www.lik.cc/archives/homeforvue

    Home For Vue

    一个使用 Vue 3 + TypeScript + Vite 构建的现代化个人主页,具有博客文章展示、项目展示、联系表单等功能。

    特性

    • 🚀 使用 Vue 3 + TypeScript + Vite 构建
    • 🎨 支持深色模式
    • 📱 响应式设计,支持移动端
    • ⚡️ 快速加载和页面切换
    • 🔍 SEO 友好
    • 🌐 支持多语言
    • 📝 Markdown 博客支持
    • 📦 组件自动导入
    • 🎯 TypeScript 类型安全
    • 🔧 可配置的主题

    技术栈

    • Vue 3
    • TypeScript
    • Vite
    • Vue Router
    • TailwindCSS
    • PostCSS
    • ESLint + Prettier
    • Husky + lint-staged

    开发

    项目结构

  • 「开源」奶狗珠宝证书管理插件 for WordPress

    「开源」奶狗珠宝证书管理插件 for WordPress

    闲来无事写的珠宝证书管理插件,基于WordPress

    支持功能

    • 珠宝商品增删改查
    • 证书编号自定义
    • 收货手机尾号后四位为校验码

    演示图

    后台

    前台

    小程序&网页&app

    因为是uniapp写的,理论可以搞成安卓/ios/鸿蒙app。

    演示站

    http://aa.naigou.cn 演示证书 HTY001 电话尾号后四位1521

  • 仿小米日历的一个卡片日历html页面

    仿小米日历的一个卡片日历html页面

    最近看到小米的日历软件更新了,发现了个不错的东西,新增了一个台历的页面,意外的感觉很好看,想着搞到博客里,当个小工具,先写了一点点,后面再完善。

    演示图

    PC

    手机

    目前只写了单页,想移植到博客的,自行参考。使用了https://api.shwgij.com的 农历api和api.hn的图片api。

  • 价值200万的超椭圆LOGO生成小工具

    价值200万的超椭圆LOGO生成小工具

    小米LOGO 原文地址 http://www.mi.com/a/h/19823.html

    小米的新Logo由日本设计师原研哉设计,采用“超椭圆”形状,结合了圆形和方形的特点,旨在展现品牌的灵动与亲和力。颜色上变得更加柔和,强调了“Alive”(生动)的概念,体现了小米希望通过科技让生活更加美好的愿景。这个新标识是小米品牌升级的一部分,意在以更全面、强大的姿态面对未来。

    最近要给博客换套个logo样式,这个logo是之前花了50块买的,其实还算可以,加上了一个简单的圆角样式,看起来其实也还行。但是圆角太直接,看着有点不太舒服。

    于是我找到了之前小米的logo公式,

    在网上找了一堆裁剪工具 例如 https://mi-logo.lvwzhen.com/

    但是他的不能拿自己的图片进行裁剪 只有下方两种样式,不太符合我的要求。

    于是,在AI工具的帮助下,写了一个可以裁剪自己图片为类小米logo的工具。

    代码分享

  • 奶狗赞赏V1.4.0 极简风格的赞赏程序

    奶狗赞赏V1.4.0 极简风格的赞赏程序

    前言

    找到之前的一个要饭程序 看版权上写的 烟雨寒云 但是他的网站打不开了,发动偷偷技能,使用微信的 weui 改了个 css 样式,修复了原版的一些功能。

    欢迎搬运,可以不带原文链接,但是请不要改我的名字,也不要拿去售卖,Functions.php 已经加密。并带有版权信息。

    演示站

    https://demo.naigou.cn

    支持功能

    • 自定义金额打赏
    • 后台功能
    • 对接彩虹易支付
    • 赞助时输入QQ号 获取昵称以及头像
    • 赞赏时留言
    • 总赞助金额统计
    • 赞助者位置显示(根据用户IP)

    V1.4.0

    新增固定金额按钮,默认隐藏手动输入。优化支付方式逻辑,新增默认黑白颜色,选中时恢复原色彩,新增默认支付方式选择。默认支付宝支付

    V1.3.1

    由于没有稳定的获取QQ昵称的接口,调整为手动输入昵称模式。代码无需更改,替换根目录的index.php即可

    V1.3.0新增功能

    • 新增赞助用户全部信息展示(朋友圈UI)
    • 优化部分样式

    V1.2.1新增功能

    • 新增收到赞助后邮箱通知

    V1.2 新增功能

    • 赞助金额前三位,新增角标提示
    • 移除原有弹窗提示,更改为Weui提示样式
    • 留言内网站自动识别为外链(需带http/https)
    • 删除无用css js 图片文件,占用更小
    • 后台弹窗样式优化

    V1.1 新增功能

    • 更改赞助人员逻辑 按赞助金额从大到小排列
    • 赞助列表新增翻页按钮,并优化细节
    • 优化暗黑模式的部分问题

    V1.0.1 新增功能

    • USDT赞赏
    • 支付方式小图标
    • 更换IP库的API
    • 修复底部版权和备案号不显示的BUG

    演示图

  • 给博客加个过场小动画

    给博客加个过场小动画

    看到漫川博客 mancs.cn 里有个加载动画不错,死皮赖脸下找站长要来了。按我自己的垃圾审美改了改,

    演示 https://www.naigou.cn 额外加了个文字放大的效果 添加到额外 css 即可

    漫川博客原代码

    画蛇添足版

  • 动态 SVG 径向渐变动画

    动态 SVG 径向渐变动画

    前言:

    前段时间看到这种动态SVG渐变效果看上去很舒服,今天抽出来时间试了一下,看着还不错。文章中没有放GIF图片,试了一下太掉帧了,直接放了静态图片了,想看效果的自己建一个index.html试一下就行。

    话不多说直接上图和代码

    演示图

  • 利用官方接口快速生成微信公众号二维码

    利用官方接口快速生成微信公众号二维码

    在运营微信公众号的过程中,我们经常需要分享公众号的二维码,以方便用户进行关注。微信官方提供了一个非常便捷的二维码外链接接口,可以帮助我们快速生成公众号二维码,下面我将详细介绍如何使用这个接口。

    微信公众号官方提供了一个二维码生成接口,通过该接口,可以生成一个特定公众号的二维码,供用户扫码关注。这个接口生成的二维码具有唯一性和官方性,安全可靠。

    接口地址

    二维码接口的使用方法:

    要生成公众号的二维码,可以将其原始ID替换到接口地址中的username参数

    https://open.weixin.qq.com/qr/code?username=原始ID

    使用外链图片

    可以直接使用外链的二维码图片,将生成的二维码链接嵌入到HTML页面中。使用img标签插入图片非常方便。以下是一个简单的示例:

  • woocommerce彩虹易支付插件

    woocommerce彩虹易支付插件

    前言

    这个源码是很早之前下载的,原版由于时间问题已经找不到原作者了。并且原版不支持7.2+的php。

    代码里有原作者的信息 https://www.mebi.me/232.html 原作者的版本是4年前的了,也不支持PHP7.2+版本,于是稍微改了改。

    解决方法也很简单。错误是因为代码中使用了 each() 函数,而这个函数在 PHP 7.2 版本中已经被移除。each() 函数曾经用于遍历数组,但由于它被废弃并移除,因此代码需要更新以使用受支持的方法。要解决这个问题,应该将 each() 函数替换为 foreach 循环或其他适当的方法,具体取决于代码的功能。

    本着互联网免费分享的精神,本插件免费分享给各位。估计会有某些投机倒把的拿这个插件去卖钱,我也是管不了的。

    演示图

    支持三网支付 QQ/微信/支付宝。(也支持usdt)暂时先不发,我重新改了一套。

    重构版

  • 用AI写了个简单的可备案域名后缀查询代码

    用AI写了个简单的可备案域名后缀查询代码

    最近买了几个域名(都挺非主流的,整理了一下可备案的域名后缀,方便查询)

    中国互联网域名体系

    国家顶级域名

    .中国.CN

    演示图

    源码下载

    https://naigou.lanzouv.com/i8rSq273xcmf