文章原文:https://icodeq.com/2025/89755aaa4d49/
博客内原文有多图排版引擎,阅读体验更佳。
新年快乐! 朋友们 哈哈哈哈 现在 已经是 大年初六 又是一年春节要过完 家里面的事情终于忙完 有时间闲下来可以做一下这一年的总结
2024 也是正式开始工作的一年 一年下来 确实发生了很多事情 确实值得记录一下的 那么多的不说了哈哈哈 就开始吧
首先 就是代码方面的 先放一个年度 commit 图吧
5788 次提交, 可以看出来是从4月开始工作的 然后我的代码是基于GitHub 来进行项目管理的 中间有空缺的地方那是因为在做一些小项目哈哈哈哈 就是一部分项目是在本地直接构建的
日常的一些代码提交
说到工作的话 那就放一下工作的年度总结
{% gallery %}
{% endgallery %}
放一些日常工作的记事本
{% gallery %}
{% endgallery %}
然后就是单词 的 年度总结
{% gallery %}
{% endgallery %}
从2月开始 就一直坚持背单词 到现在已经连续300多天了 并且还在坚持 至于用处的话 只能说只有一小部分是想再考点什么东西吧 更多的我其实认为在背单词过程中是一个可以给我带来正向反馈体验的一件事情
对于我而言 其实白天工作的压力还是有点的 到了晚上 正好有一个小时来进行自我专注 我认为也是一件比较好的事情
至于为什么开始背单词 其实是因为在备考专升本 我们这个大学是两年制的 和其他的专业不一样 真正留给我们备考的时间其实只有70天 再加上过年 没有状态哈哈哈 所以是2月开始才发力去备考 学习 考试是4月1日考试的 虽然时间短但是分数其实还算理想 只不过报考的专业分数线有点高 差几分就过线了 但是还是没有考上嘛 说遗憾其实也不觉得 只是说经历了这样的事情 所以说一下哈哈哈
{% gallery %}
{% endgallery %}
也算是努力过了哈哈哈 最后20天的时候 刷 熊哥教数学 这套课 数学最后从平时的40分 最后考的90分 可惜英语炸了 分数线是 163 可惜 只差一点点
虽然统招专升本失败了 但是在10月份 考了成人本科 因为统招其实复习的还可以 也算考上了哈哈哈
这个其实要求比较低啦 分数线是 110分左右 考上之后好像学制两年半 其实是想考一下学位证 后面的话....再说 一步一步来吧
然后就是这一年 和朋友一起入了一张无限流量卡 再加上我又入了一个 F50 无限Wi-Fi 就非常爽了 只要充电 就有网了可以说非常适合远程办公哈哈哈
{% gallery %}
{% endgallery %}
最后一张图是 F50 随身 Wi-Fi + 咸鱼找人改的散热 + 1w 毫安电池 可以说非常有极客风格了 好玩好玩
买无限流量卡之前 我是在内蒙远程办公 当时用的是 一张移动的流量卡 只有 195GB / 月 因为要开热点给电脑 工作开发 真的不够用
连视频都不敢看 一天只能用 6个G 左右 正好朋友也想入一张无限流量卡 所以就一起买了主副卡 感觉非常好用
还有就是 时隔一年半 这一年终于又拥有了一个千元耳机哈哈哈哈 我的第一个千元耳机 是 大学刚开学的时候 买 Mac 送的 AirPods 2 听起来非常爽
比较可惜的是 因为是在学校里 再加上期末 比较乱 只用了一个学期 最后放假收拾东西的时候弄丢了 导致一年半 都是靠便宜耳机过来的哈哈哈
工作之后 其实就变得比较稳定了 也不容易丢东西了 就买了一个 JBL 的耳机
听感非常爽哈哈哈 买了耳机之后休息的时候最喜欢戴着耳机去到处走走 1月的话真的走了很多步数 一边听歌一边散步 真的感觉挺好
{% gallery %}
{% endgallery %}
说到这个 给大家看我的 手机的自律面板哈哈哈哈 算下来的话 也就是上一年的这个时候 开始决定要做一些改变的
{% gallery %}
{% endgallery %}
哈哈哈哈 这些 还是别说了 哦哦 对了 今年 因为大佬 @xcsoft 换了个 Nas , 然后就把那台旧的寄过来了哈哈哈哈 也是这样拥有了人生中的第一台 Nas
装上了 正好在群里有人讨论的 FnOS 是一个国产的 Nas 系统 我其实没有什么可以存在 Nas 的东西 唯一的需求就是看剧哈哈哈哈
自从有了这台 Nas 之后 看剧真的变得好方便 而且 UI 非常的炫酷 在这个网站上看剧 有一种在影院的感觉
因为是有无限流量卡嘛 所以就是有 ipv6 所以可以实现直接公网看剧 上次去上海玩的时候 在上海看剧也是非常流畅 相隔这么远也是可以跑到 6MB/s 的速度
考虑到没有 ipv6 , 但是又想访问 Nas 这种需求, 所以又入了 阿里云的 上限 200Mbps 的轻量云 然后再经过 DogeCloud 转发 实现全国网络可以访问看电影 非常爽 实现自己用自己的 CDN 看剧了
说到看剧哈哈哈 有 Nas 的 这几个月看剧真的看了不少
动漫的话 年度最佳 这个 双城之战2 哈哈哈 好看好看
电影的话 是这两部 (当然 我说的是在 Nas 上看的)
还有就是 看了星际穿越 好看好看 科幻片第一名哈哈哈
剧的话 科幻 + 烧脑 是 暗黑, 一开始看不懂 后面越看越爽 好看好看
在电影院看的电影的话 我感觉比较爽的是 误杀3 和 哪吒2 看完都会有一种沉浸在电影里面的感觉 体验非常好
刚才说到去上海玩 去上海玩这次是这一年最高兴的事情了
看了一场 Quinn 的 Live House 真的感觉 非常尽兴 强烈推荐大家一定要去看一次 Live House
{% gallery %}
{% endgallery %}
Quinn 说每年一次哈哈哈 下次还去
对了对了 还有这个统计图 今年一年工作 1189hrs 44mins 哈哈哈哈哈 1000个小时其他的时间其实是在思考应该如何去编写代码 查文档之类的
{% gallery %}
{% endgallery %}
放几张写官网的时候拍的图
{% gallery %}
{% endgallery %}
总结的话 其实就是说这么多哈哈哈 但是上面的内容 仅仅是一个开始 下面 就给大家一点小小的震撼
因为我想把从入职到现在做的所有项目全部列出来 也算是对 2024 的一个总结
以下项目 展示的都是经历过一次一次改版 到今天为止的项目哈哈哈 都是一点一点变成现在这样子的
刚入职的话 首先写的第一个项目就是我们的官网 也是一直用到现在的官网
{% gallery %}
{% endgallery %}
这就是电脑端的页面 下面的是手机端的页面
{% gallery %}
{% endgallery %}
这是APP下载页面 上面的评论也都是用户真实的数据 哈哈哈
{% gallery %}
{% endgallery %}
这是官网的后台页面
{% gallery %}
{% endgallery %}
还有官网的衍生站
{% gallery %}
{% endgallery %}
说一点什么: 这个官网 里面的每一个板块 都是经过精心的设计的 哈哈哈哈 就是各种小板块拼接起来的一个大项目 但是技术栈的话 其实也比较乱 不是纯 Vue 来实现的 其实里面使用了很多 iframe 来实现 但是整体效果的话 其实还不错的 挺好看 很炫酷 后台也做了很多很多可以自定义的地方 并且可以实现全自动化 CI 构建打包发布 js 混淆加密 上线 自动刷新 CDN 缓存 等操作
{% gallery %}
{% endgallery %}
主要是看文档 并且写 Github Actions 的 YAML 文件 云端构建部署
期间还把之前的资源库项目成功上线了
{% gallery %}
{% endgallery %}
说一点什么: 这个其实就比较玩具 看了看文档 熟悉了下工具就做出来了
{% gallery %}
{% endgallery %}
说一点什么: 这两个的话 也都是借力成型哈哈哈
{% gallery %}
{% endgallery %}
说一点什么: 这个项目的话 是一个纯 JS + CSS 项目 有后端 但是比较简单 FastAPI 随便搓的一个项目 前端的话 投入的精力蛮多的 具体可以看上一篇博文 就是讲这个的 这个项目也成为了 我们公司的面试题 哈哈哈哈 蛮好玩
{% gallery %}
{% endgallery %}
说一点什么: 这个项目的话 就是官网项目的衍生品 其中的一个小板块 觉得还可以 单独拿出来作为一个网站展示了 后面升级为 大模型图鉴了 在 1.8 里面讲了
{% gallery %}
{% endgallery %}
这个站点主要是自己实现了一个后端 大概300行 (如图) 不保存用户聊天记录 用户每次对话 将对话存入 redis 下次对话再拼接起来 进行连续对话
说一点什么: 这个项目主要在于后端的实现 比较复杂 前端的话 就是 openai 官网的前端 然后用外挂js的方法 修改了部分东西 改了改接口 让他对接到自建后端 然后自己实现了一版基于 redis 的连续对话系统 使标准的 OpenAI API 格式转换为 OpenAI 官网 Web 格式
项目详细介绍: https://imyai6688.feishu.cn/docx/I38gdoM82oECTex9bL7crBRgnDd
{% gallery %}
{% endgallery %}
音乐板块到现在一共生成了 27000 首音乐哈哈哈哈 还挺多的 还有完善的投稿/广场功能
后面还支持了录音的功能 (调用设备的麦克风 然后当作音频文件进行上传)
说一点什么: 这个项目其实花的精力蛮大 也应该算得上入职以来开发的第一个大项目 前后端都有 并且比较复杂的一个项目 当时todolist 都写了好几页 具体在前文好像已经放过了 可以去看下 反正音乐的话 Suno 支持的功能 我们几乎都支持了: 生成音乐、续写、上传音频、定制模式、合并续写音频、投稿、MV 播放、音乐播放、 还写了一个移动端播放器 在上面截图里面应该有 然后这个页面 也是自适应布局 在每个屏幕上都可以很好的显示 更改浏览器宽度可以看出来变化
{% gallery %}
{% endgallery %}
视频项目到现在一共生成了 15000 条视频
细说这个
还有扩展包生成项目 可以生成卡密 以及一套对话码卡密系统
说一点什么: 这个项目是写完音乐项目去写的 音乐的话 其实就是基于 Suno 这一个平台 所以当时设计的架构就是比较耦合的架构 但是视频不一样 里面平台有很多个 所以最后第一版出来的效果不是很理想 近期在做视频重构项目 现在已经到收尾阶段了 给大家看我的 todolist
线这个image-20250204175248858image-20250204175357969
新版的视频的话 我认为UI是非常舒服的哈哈哈 封面 模糊 等功能都上了
{% gallery %}
{% endgallery %}
主要实现的功能是在表格里面点击切换 展示/输入状态 以及一个后端的存储 API 使用 Github 存储 Vercel 编写API
说一点什么: 这个项目其实就是主站模型选择功能的前身 先做了这个 感觉效果还不错 然后去升级了下 变成主站的模型选择了 难点就是在于后台管理页面的点击切换
{% gallery %}
{% endgallery %}
可以多选对话进行操作哈哈哈 就是删除或者导出 都可以多选进行操作
说一点什么: 也是成功做出了多选功能 和 长 DOM 元素导出为图片 使用的好像是 domtoimage 非常好用 导出文档的话 其实是论文系统做出来之后进行升级的 因为生成论文需要导出为 Word 格式 所以去研究了下导出 Word 模版的方法 然后觉得效果还不错 就应用到导出文档里面了
{% gallery %}
{% endgallery %}
说一点什么: 这个其实我感觉就是一套比较简单的博客系统了 也就是一套 markdown 编辑 渲染系统 主要这个项目里面使用了字节跳动的编辑器 很好看 很好用
{% gallery %}
{% endgallery %}
GPT直连站IMYAI独家自研实时代码预览功能优化完毕 1. 代码高亮 2. 代码实时加载渲染高亮 3. 同步支持 mermaid 4. 支持暗色模式切换 5. 适配移动端铺满全屏代码 6. 亮色调暗色调不同代码高亮主题 功能更新 GPT直连站IMYAI独家自研实时代码预览功能日常迭代更新 修复了思维导图有时误判的问题 代码块增加了自动触发预览功能, 可在设置中关闭 (仅检测到可预览代码时触发) 代码块增加了自动滚动, 鼠标滚动上移也可取消自动滚动逻辑 可预览文件下载文件后缀自动匹配 说一点什么: 这个项目是一个浏览器插件改过来的 但是加了很多新功能 比如代码高亮 样式 设置 等等 也算是将一个半成品变成了一个成品 因为这个项目我们好像已经没在用了 会考虑将代码再贡献给原作者
{% gallery %}
{% endgallery %}
鼠标右键还可以出来菜单 (移动端是长按) 还增加了常用模型功能
说一点什么: 这就是上文所说的 模型切换模块 我个人认为是比较满意的哈哈哈哈
旧版页面
新版页面
支持拖动文件进行上传
说一点什么: 样式方面的话 主要参考了一个开源聊天项目叫做 lobehub/lobe-chat 然后就是一些细节方面的优化 应该说是变得更好看了吧哈哈哈哈
优化前
现在板块的样子
画廊广场
绘画这些后台都可以自定义哈哈哈 可以从这里进入后台 (普通用户只能查看 不可更改): https://super.imyai.top/settings
现在的话 绘画板块新增模型已经被我调教的非常舒适了 哈哈哈哈 就是一套非常完善的处理系统 这是日志系统
说一点什么: 这个绘画页面的UI 也是经过美化的 输入框自适应布局下了不少功夫 然后只有前两个模型不是我接入的 后面的模型全是今年新接入的模型哈哈哈
修改前 (样式不好看, 几千个应用卡顿严重)
优化后 (企业级骨架屏 ):
看我做的轮播图哈哈哈哈 好看 好玩
使用虚拟列表进行优化 彻底解决卡顿的问题 几千个应用点击切换主题色 也依旧十分流畅
说一点什么: 这个项目实现了一版企业级的骨架屏 挺专业的 好看 好玩 写虚拟列表的时候 下了不少功夫 不过最终还是成功实现啦 哈哈哈哈 虚拟列表 grid 布局
{% gallery %}
{% endgallery %}
说一点什么: 这个项目后端开发的时候 有一种在 python 里面写 php 的感觉 哈哈哈哈 好玩好玩 是自己想出来的一种实现方式
这个是自己实现的一版发布 npm 库 自己实现的渲染哈哈哈 所以单独作为一个板块来放一下
但是代码的话 其实很简单
主要是体验了一下自己发布库 自己使用 这样的一个流程 感觉还不错的
说一点什么: 这个实现方法是对一些公式进行渲染 其实还有一种实现方案 在这里 写了 那就是将没有匹配到的进行正则替换 不过我的实现的效果也一样哈哈哈 只不过是当时没想到居然还有这种实现方案
优化前
优化后
右边的数字 文字 有一个动画效果 那个排位系统是自己加上去的哈哈哈 就是前端判断积分的用量算出来的一个段位系统 很简单
外加一个海报系统哈哈哈 可以实时编辑预览的
还有这些 都是可以自定义的
还有 头像选择组件
上传头像 裁剪图片 十分的顺滑~ 大家可以注册个账号体验下这个组件哈哈哈哈 这是官网 https://super.imyai.top 登陆之后点击个人中心(右上角头像)就可以体验了
{% gallery %}
{% endgallery %}
说一点什么: 这个主要是头像选择组件下点功夫 这个头像裁剪组件好用是好用 就是文档不怎么友好哈哈哈哈 但是最终还是调整好了 这个头像选择应该算是我见过体验感排在前位的组件了 好用好用
{% gallery %}
{% endgallery %}
这块代码比较复杂 手搓 canvas 好在效果是非常好的
主要是代码的实现比较复杂, 要相当于手写一个 canvas 画板了 要绘制不规则和规则图形 还要擦除 等功能 比较复杂的 写这个花了整整一天时间 图片的话太大了 没办法放 点击这个链接查看: https://img.onmicrosoft.cn/ke/202502041451404.png
感觉一下子写的太多了 压力有点大了哈哈哈哈 一下子把过去大半年的聊天记录都翻了一遍 休息下继续哈哈哈哈
{% gallery %}
{% endgallery %}
说一点什么: 就是一个展示类组件 一些样式而已 后台的实时预览做的有点意思
{% gallery %}
{% endgallery %}
说一点什么: 这个主要是对接 Github Actions 实现 项目自动打包构建 也算是跑通整个 Github API 了 上次跑Github API 还是两年前 做的一个跑步项目哈哈哈哈
{% gallery %}
{% endgallery %}
说一点什么: 这个主要是一些表单的渲染 主要就是写的后台 没什么可说的
地址: https://super.imyai.top/write
这个做起来比较复杂的
设计稿我画的第一版是这样的
然后开始做了项目规划
{% gallery %}
{% endgallery %}
又画了进一步的草图
最后做出来的样子
{% gallery %}
{% endgallery %}
后台的页面
{% gallery %}
{% endgallery %}
地址: https://super.imyai.top/settings
完善的日志系统
{% gallery %}
{% endgallery %}
说一点什么: 这个项目其实开始还好 比较容易 开发的体验也是不错 从立项到交付只用了3周的时间 难的是 一开始这是一个论文创作系统 后面将它升级成为了 长文创作系统 然后里面的好多东西都要自定义了 整个项目就变得非常复杂 不过最终还是实现啦 好玩好玩
哈哈哈哈 以上就是我对 2024 的总结啦 选了一些比较有意义的项目放出来给大家看 再次祝大家新年快乐 !
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。