圆弧派博客 - 专注于网络技术 - 青帝 https://www.iarc.top/author/1/ zh-CN 青帝 Thu, 14 Aug 2025 21:15:00 +0800 Thu, 14 Aug 2025 21:15:00 +0800 五分钟开发ToDoListAPP后端 https://www.iarc.top/499.html https://www.iarc.top/499.html Thu, 14 Aug 2025 21:15:00 +0800 青帝 使用CodeBuddy IDE五分钟内即可完成ToDoList基础后端开发,在这个AI工具发达的时代,我们已不需要将全部的知识装进大脑,只需有一个大的框架,细节交给AI即可快速建立项目。
环境配置:Node.js

将项目需求描述给codebuddy,我这里模型选的是GPT-5-nano,只需稍等几十秒钟,项目将会完全构建
mebdpi7q.png
以下是codebuddy生成的项目(未进行任何修改)
index.js:

const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

// In-memory storage
let todos = [];
let nextId = 1;

function findTodo(id) {
  return todos.find(t => t.id === id);
}

app.use(express.json());

// Get all todos, with optional filtering by completion status
app.get('/todos', (req, res) => {
  const completed = req.query.completed;
  if (completed !== undefined) {
    const isDone = completed === 'true';
    return res.json(todos.filter(t => t.completed === isDone));
  }
  res.json(todos);
});

// Get a single todo by id
app.get('/todos/:id', (req, res) => {
  const id = parseInt(req.params.id, 10);
  const t = todos.find(t => t.id === id);
  if (!t) return res.status(404).json({ error: 'Todo not found' });
  res.json(t);
});

// Create a new todo
app.post('/todos', (req, res) => {
  const { title, description } = req.body;
  if (!title) return res.status(400).json({ error: 'title is required' });

  const todo = {
    id: nextId++,
    title,
    description: description || '',
    completed: false,
    createdAt: new Date().toISOString(),
    updatedAt: new Date().toISOString()
  };
  todos.push(todo);
  res.status(201).json(todo);
});

// Update an existing todo
app.put('/todos/:id', (req, res) => {
  const id = parseInt(req.params.id, 10);
  const t = todos.find(t => t.id === id);
  if (!t) return res.status(404).json({ error: 'Todo not found' });

  const { title, description, completed } = req.body;
  if (title !== undefined) t.title = title;
  if (description !== undefined) t.description = description;
  if (completed !== undefined) t.completed = completed;

  t.updatedAt = new Date().toISOString();
  res.json(t);
});

// Delete a todo
app.delete('/todos/:id', (req, res) => {
  const id = parseInt(req.params.id, 10);
  const idx = todos.findIndex(t => t.id === id);
  if (idx === -1) return res.status(404).json({ error: 'Todo not found' });
  const removed = todos.splice(idx, 1);
  res.json(removed[0]);
});

// Health check (optional)
app.get('/health', (req, res) => {
  res.json({ status: 'ok', todoCount: todos.length });
});

app.listen(port, () => {
  console.log(`Todo backend listening at http://localhost:${port}`);
});

package.json

{
  "name": "todolist-backend",
  "version": "1.0.0",
  "description": "In-memory Todo List backend using Node.js + Express",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {
    "express": "^4.18.2"
  }
}

接下来进行npm安装项目运行所需的库,安装完后直接开始运行看看能不能正常跑起来
mebdyaqa.png

测试阶段:
测试接口:(内存存储,重启丢失数据)

请求方式路径功能
GET/todos获取所有待办,可通过查询参数 completed=true/false 进行筛选
POST/todos创建待办,body 示例 { "title": "示例", "description": "可选" }
GET/todos/:id获取指定待办
PUT/todos/:id更新待办,支持 title、description、completed
DELETE/todos/:id删除待办
GET/health健康检查

获取所有待办:

mebe8wrx.png
目前初始化成功但还没有添加数据

创建待办

由于我没有进行前端的编写,这里直接在浏览器控制台模拟前端js发送请求完成接下来的测试,js代码如下:

fetch("/todos", {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ "title": "待办名字", "description": "待办描述" })
})

mebebqwl.png
已成功创建两个待办事项,重新get请求todos可查看已成功添加
mebed9yl.png

通过id获取指定待办信息

mebeeegt.png
mebeet8z.png

更新已有待办事项内容

mebehhgu.png
成功更新
mebehygl.png

删除待办事项

mebejchw.png
mebejr8h.png

健康检测

mebekpzb.png

注意事项:
该版本的待办事项数据仅保存在内存,重启后将全部丢失,仅适合开发/测试阶段。不过接下来可以让codebuddy优化成使用json文件存储或者使用数据库(SQLite、PostgreSQL、MongoDB 等)存储数据,交给各位去继续探索了。

评论区留言“CodeBuddy”抽5位送永久体验码!
CodeBuddyIDE官网:https://www.codebuddy.ai/
我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=6g36nynyzup

]]>
0 https://www.iarc.top/499.html#comments https://www.iarc.top/feed/author/1/
Github账号只要满180天,即可终身享受免费4核8G服务器搭建Alist网盘 https://www.iarc.top/492.html https://www.iarc.top/492.html Fri, 01 Aug 2025 22:39:00 +0800 青帝 mdsx6sgy.png

ClawCloud Run,它是阿里云青春版Claw Cloud家的,有点像Vercel那种在线开发平台。不管是啥应用、程序,包括Docker应用,都能快速部署,现在已经支持76款热门开源应用一键搞定了。

mdsx1f16.png

福利这块:如果你的GitHub账号注册满180天,能终身享受每月5美金的免费额度;新用户刚注册,也会直接送5美金体验额度,但用完就没了。

mdsx81mi.png

资源配置呢,免费套餐最高能给到10GB流量、4核vCPU、8GB内存、10GB磁盘空间,还有1个工作区,很适合用来部署轻量级的小应用。举个例子,部署Alist搭个个人网盘管理系统,一天下来也就0.07刀,每月5刀的免费额度完全够用,轻量场景用着特别合适。

注册也简单,直接用GitHub账号登录就行。可选地区有美国东部、德国、美国西部、新加坡和日本。从国内访问速度看,新加坡和日本这两个节点更推荐。

mdsx94m1.png

注册完之后,界面上会显示几个核心功能模块:App Launchpad(应用启动)、Database(数据库)、Devbox(开发沙盒)、Object Storage(对象存储)、App Store(应用商店)和Terminal(终端)。

注册地址在这:https://console.run.claw.cloud/signin?link=BSYQATGONVWT
]]>
2 https://www.iarc.top/492.html#comments https://www.iarc.top/feed/author/1/
祝各位2025新年快乐,这是一份新年礼物,免费主机二级域名等 https://www.iarc.top/482.html https://www.iarc.top/482.html Wed, 29 Jan 2025 16:22:00 +0800 青帝 瑞蛇携福至,好运满征途。新的一年,祝您蛇来运转,巳巳如意,创新无限,前程似锦。新年快乐🎉🎉

2025新启程

赠送100台康乐主机

活动链接:http://idc.arcpi.cn

微信图片_20250129161455.jpg

免费二级域名212025.xyz

公益二级域名:http://212025.xyz
微信图片_20250129161504.jpg

祝福网页在线生成

制作地址:http://web.iarc.top
微信图片_20250129161517.jpg

]]>
0 https://www.iarc.top/482.html#comments https://www.iarc.top/feed/author/1/
油管无水印下载视频工具 https://www.iarc.top/480.html https://www.iarc.top/480.html Mon, 27 Jan 2025 13:33:00 +0800 青帝 工具展示

show

最高可支持8K无水印视频下载

使用需知

该工具为英文,如果有的看不懂需要用翻译软件,然后下载速度取决于你的梯的速度,支持下载视频合集。

下载地址

{cloud title="油管无水印视频下载" type="default" url="https://pan.quark.cn/s/9f01f8c5ee7b" password=""/}

]]>
2 https://www.iarc.top/480.html#comments https://www.iarc.top/feed/author/1/
魔幻粒子新年快乐祝福源码 https://www.iarc.top/479.html https://www.iarc.top/479.html Mon, 27 Jan 2025 13:23:00 +0800 青帝 效果图

新年快乐

源码介绍

魔幻粒子新年祝福是一段基于HTML5 Canvas制作的粒子爆炸,矩阵显字的动画特效代码,给人一种非常大气的视觉感,欢迎对此段代码感兴趣的朋友前来下载使用。

源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改

下载地址

{cloud title="魔幻粒子新年祝福源码" type="default" url="https://pan.quark.cn/s/3323cd0b8b51" password=""/}

]]>
0 https://www.iarc.top/479.html#comments https://www.iarc.top/feed/author/1/
大陆和香港高性价比云服务器推荐两家,都有着十几年沉淀的大厂 https://www.iarc.top/461.html https://www.iarc.top/461.html Wed, 24 Jul 2024 01:14:00 +0800 青帝 本文所提及的服务器商都是本站所用过至少1年的,2核2G服务器每年的价格都是在100元以下(续费不涨价),比一些小厂的还实惠,个人感觉没必要按月去租,既用了就买个一年的更具性价比。

阿里云

1年配置
99元2核2G,3M固定带宽不限流量,40G ESSD Entry云盘

{abtn icon="fa-diamond" color="#ff6800" href="https://www.aliyun.com/benefit?scm=20140722.M_185600978.P_114.MO_2274-ID_10517682-MID_10517682-CID_31491-ST_11142-V_1&source=5176.29345612&userCode=m2urtzth" radius="5px" content="点我前往阿里云活动页"/}

阿里云

性价比

{progress percentage="90%" color="#fff56b"/}
宽带只有3M,装个win10系统当成云电脑从网上下文件网速几十M比3M快多了,但是从服务器上下文件到本地就3M左右,个人博客类的站点够用。

稳定性

{progress percentage="99%" color="#fff56b"/}
排除被人为打黑洞里了一次,用了一年期间没有连不上的情况。

野草云

1年配置
99元2核2G,100Mbps优质BGP宽带每月限600GB流量(超出限速1M),30GB SSD存储

99

香港AMD Linux VPS折后价格表:

1年配置
81.4元1核1G,100Mbps优质BGP,600GB月流量(超出限速1M),15GB SSD存储
96.2元1核2G,100Mbps优质BGP,600GB月流量(超出限速1M),15GB SSD存储

一年付3.8折优惠码:12THBIRTHDAY
81.4
96.2

{abtn icon="fa-diamond" color="#ff6800" href="https://my.yecaoyun.com/aff.php?aff=2415" radius="5px" content="点我前往野草云活动页"/}

性价比

{progress percentage="100%" color="#fff56b"/}
100MbpsBGP线路在国内实测下载速度是10M左右,比3M快了三四倍。就是一个月只有600GB流量,超过600GB就会被限速,我这一年用的过程中一个月最高用的还不到100GB了,正常建网站完全够用,如果用这搭梯子翻墙的话用的可能多一点。下载应用确实比国内服务器舒服,不用弄镜像源了,这可以直连github等代码仓库。

稳定性

{progress percentage="80%" color="#fff56b"/}
一年里有两次断网超过12小时(都是小概率事件都被我撞上了),我看他们公告发了几次重启断网公告,这我倒是没察觉到。
dw1.jpg
财务系统被入侵了,强制给我重置了root密码并关机了 ::(黑线)
dw2.jpg
香港地震给机房震断电了
dw3.jpg

最后

目前我就这两家的服务器用的时长都超过一年了(内陆阿里云,海外野草云),其他家的没用过不做评价。
确实超过一年了
这是第二年的阿里云服务器
腾讯云、华为云、移动云等这些国内有名的也有很多便宜的服务器可以关注一下,但都是大陆空间都需要icp备案。
野草云除了隔几个月用十几分钟重启一下,没有啥毛病了,网速能接受,用来装xui最合适了,也是运营了12年应该不会跑路的。不过要极致稳定就选阿里云,要宽带和基本稳定就选野草云,香港离大陆也不算远,延迟不算高,给网站套个国内的CDN也可以缓解延迟。

如果有更便宜更具性价比的服务器欢迎留言:@(献花)

]]>
6 https://www.iarc.top/461.html#comments https://www.iarc.top/feed/author/1/
Joe文章列表添加渐变颜色效果 https://www.iarc.top/452.html https://www.iarc.top/452.html Sun, 07 Jul 2024 00:41:00 +0800 青帝 一个大气的文章列表CSS渐变动画,也可以使用图片作为渐变背景,,效果如下(鼠标移动到元素上后颜色会更加突出):
  • 日间模式
    1
  • 夜间模式
    2

    接下来需要编辑的文件以及相对Joe主题的文件路径:

  • joe.index.js /Joe/assets/js
  • joe.index.css /Joe/assets/css
  • joe.mode.css/Joe/assets/css

开始(共三部分)

{tabs}
{tabs-pane label="添加HTML代码"}
打开joe.index.js文件找到如图所示位置
3
可以直接搜joe_list__item wow default定位到,其实一打开就是了。
在第一个a标签元素后面加入如下代码

<div class="article-banner-wrap"></div>
<div class="article-banner"></div>

4
{/tabs-pane}
{tabs-pane label="添加CSS代码"}
直接将下面的css代码复制粘贴到joe.index.css文件的最后面就行了

/*首页列表渐变*/
.article-banner-wrap {
    position: absolute;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
}

.article-banner {
    visibility: hidden;
    opacity: .2;
    position: absolute;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
transition: opacity 0.2s;
-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 8px;
background:linear-gradient(to left,#2BC0E4,#EAECC6);
visibility: visible;
animation: banner-show 1s;
}
.joe_list__item.default:hover .article-banner{opacity: 1;}

5
其中的background可以改成图片地址,这样效果就是图片了,但图片会拖累网站加载速度,可自行决定是否要换成图片。
{/tabs-pane}
{tabs-pane label="适配夜间模式"}
打开joe.mode.css文件,将以下CSS代码加入文件底部即可。

/*首页列表图片渐变夜间模式*/
html[data-night='night'] .article-banner{
    background: linear-gradient(to left,#1F1C2C,#928DAB);
    opacity:0.1
}

6

我这里不是最底部是因为我后来又加其他东西了,其实也不是一定要最底部,只是方便小白操作和自己描述了。
{/tabs-pane}
{/tabs}

]]>
3 https://www.iarc.top/452.html#comments https://www.iarc.top/feed/author/1/
一款自适应的开源纯静态音乐播放器 https://www.iarc.top/446.html https://www.iarc.top/446.html Sun, 05 May 2024 16:40:00 +0800 青帝 一个基于AplayerMetingJS的静态音乐播放器

预览

{anote icon="music" href="https://lab.iarc.top/concert/" type="info" content="音乐厅"/}

lvt9j8vv.png
lvta2r0s.png

基本操作

Space空格键:暂停/播放音乐

上/下方向键:增加/减少音量

左/右方向键:上一曲/下一曲

ID

播放列表的id,可以从音乐歌单分享的链接中获取,例如https://y.qq.com/n/ryqq/playlist/8668419170中,id为8668419170
网易云也同理。

Server

播放列表的服务商,例如netease(网易云音乐),tencent(腾讯),kugou(酷狗),xiami(小米音乐),baidu(百度音乐)

使用URL参数(推荐)

支持URL参数 https://lab.iarc.top/concert/?id=+ id +&server= + server

例:
鸡你太美: https://lab.iarc.top/concert/?id=2762963245&server=netease

项目开源地址

原作者开源地址:
{cloud title="原版地址" type="github" url="https://github.com/zhheo/HeoMusic" password=""/}

圆弧派二开地址:
{cloud title="二开地址" type="github" url="https://github.com/QingDi2/lab/tree/main/concert" password=""/}
二开新增功能:下载、标题、网易云歌单id输入框,其余原版功能未做删减。
全开源各位可以随便改

]]>
0 https://www.iarc.top/446.html#comments https://www.iarc.top/feed/author/1/
用cfpages免费建个干净大气的程序介绍页[附源码] https://www.iarc.top/437.html https://www.iarc.top/437.html Sat, 04 May 2024 22:35:00 +0800 青帝 引流方法之一,都知道微信小程序只能在微信内搜索到,在百度搜索引擎等搜不到,所以建个单页有助于从搜索引擎上获得用户。

介绍页演示站:https://mxam.arcpi.cn
演示图:
看破不说破
源码都是静态文件,所以直接用cf pages网站托管平台免费建,当时vercel也可以的。

cf pages官网地址:戳我前往(无需魔法也能正常用)
一级棒
选免费套餐就行,注册个号进去后也不用实名验证啥的,可以直接创建项目,然后把源码压缩包往里面一丢他会自动解压,最后cname解析一下域名就OK了
真心好用的
源码下载:

{hide}

{cloud title="程序介绍页" type="lz" url="https://xql.lanzouw.com/icQsm1xp287c" password=""/}
那个小程序源码好像都泛滥了,要是没泛滥的话留个言,过几天我再发出来吧
{/hide}

]]>
1 https://www.iarc.top/437.html#comments https://www.iarc.top/feed/author/1/
腾讯企业邮箱接受邮件后在普通微信内提醒的方法 https://www.iarc.top/432.html https://www.iarc.top/432.html Thu, 02 May 2024 00:32:00 +0800 青帝

前言

企业邮箱注册教程在网上一搜就有很多视频教程,免费版的有阿里、网易、腾讯企业邮箱,在这就不说咋注册了(去掉域名解析生效时间,连一分钟都用不了)。

吐槽一下

我当时腾讯企业邮箱公众号也关注了,新邮件消息提醒也打开了,腾讯企业邮箱小程序里的消息提醒也打开了,但实际一测试在微信里还是没有任何的提醒,只有企业微信里提醒了。后来我按住它那个网页端研究了半天,页面内的有关的没关的按钮全点了一遍,应用什么的乱七八糟的也创建了一遍都没能实现腾讯企业邮箱接收邮件后在微信内提醒这个功能,在网上也搜了一圈发现都是说的乱七八糟的而且没有一点用,后来还是找了个客服终于解决了,然后发现其实实现这个功能也是30秒之内就能结束战斗的,结果我花了30多分钟 ::(心碎)

登录企业微信网页端

插图1

  1. 找到“我的企业”==>“微信插件”==>“邀请关注”
  2. 用在该企业内的微信扫码关注一下,不在的就加入一下即可
  3. 大功告成,在右上角加好的设置里将接受企业消息打开就行了

最终效果

插图2
在企业邮箱收到邮件的第一时间微信能就能收到消息提醒,就和QQ邮箱那个几乎一样,这样就能把企业微信给卸载了直留个微信就能使用企业邮箱收发邮件了。 :$(强)

]]>
0 https://www.iarc.top/432.html#comments https://www.iarc.top/feed/author/1/