小云梦工坊 #01：用 AI 复活七年前的 ak-ui
小云梦工坊第一期，从七年前的 ak-ui 出发，聊聊一个停更项目的重新启动。
在别人的文字里，遇见自己的念头。
独立书写 · 自由阅读云游君的小站
按发表时间排列开源项目的「死与新生」
::: tip 背景 这是几个月前受司内开源办公室邀请所撰写的一篇关于开源的文章。 近来也收到了一些咨询开源的邮件，特在此发出，也希望能为大家参与社区/公司开源提供一些帮助。 其中包含了一些个人观点，可按需参考。如有谬误，欢迎指正。 ::: 导语 「 生存还是毁灭？ 」这对开源项目来说也是个问题。 「我曾见过那些你们人类不会置信的事。我曾目睹战舰在猎户座的边缘燃起烈火，我看过 C 射线在唐怀瑟之门边际的黑暗中明灭闪耀。所有这些瞬间，都会消逝在时间之中，一如眼泪消失在雨中。正是死期。」 许多开发者早期带着一腔热血，加
没有红包封面，但是 AI 春联……
AI 春联 开门见山，今年的整活是「AI 春联」～ 站点： https://ai-sfc.yunyoujun.cn/ 根据你的提示词，自由地定制属于你的春联! 好运迎门 旧 新 岁 口 年 辞 口 口 喜 别 口 乐 口 迎 成 口 口 福 绩 口 气 斐 多 访问 https://www.yunyoujun.cn/posts/ai-sfc 阅读全文。
家·烟花·红包封面
🏠家，🎆烟花和🧧红包封面 原文： https://mp.weixin.qq.com/s/XwyrAQ0cQBPaLSgQQLfXWw 新的一年即将到来。 但是……很不幸，时间的流逝永远不会停止。 时光如箭，你的过去在不停增多，你的未来在不断减少，未知的可能性只会越来越少，而无法改变的后悔在累积如山。 你明白了吗？ 访问 https://www.yunyoujun.cn/posts/home-firework-red-bag 阅读全文。
云乐坊工作室的成立与缘起与有关的话
起因 18 年春天的某个午后，我突发奇想买下了 yunle.fun 这个域名。 并在站点编年史中如下记载： 又注册了个新域名：yunle.fun（云乐坊），以后要是能开工作室就用这个名字吧(笑)。 也就是说从很久以前，我的脑海中便充斥着一些不切实际的幻想，比如希望拥有一个属于自己的工作室。 而究其根本原因，无非是想要不用上班、财富自由之类的老生常谈。 亦与诸君共勉。 仔细想来，当初决定搭建博客，也无外乎此。 「超自然9人组」动画中的我闻优太，用奇怪的网名经营着一个超自然博客，并一心想着靠联盟行销致富。 于是，伴随动
聊聊四元数与万向锁及其实际意义
在使用 Babylon 写 ADV.JS VRM 模型编辑器 的人物骨骼旋转动画的时候，我发现几乎所有的骨骼旋转均使用四元数（Quaternion）实现。 于是我便打算好好了解一下相关的内容，但是网上搜到的不少帖子比如 Unity 欧拉角的旋转顺序都是互相矛盾的，导致自己也不知道相信哪个为好，决定还是自己实验下。 同时写了下自己对四元数和万向锁的直观理解，希望能对有兴趣了解这方面的后来者有所帮助。 因为有不少随手的截图和公式，所以就先放在了语雀上。也欢迎随时勘误！ 访问 https://www.yunyoujun.
从零开始写一个 Web Component - GitHub Corners
Web Components 什么是 Web Components? Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的 web 应用中使用它们。 Web Components 实际上和现在 React/Vue 等前端框架的组件概念十分相似，或者倒不如说 Vue 的 SFC（单文件组件）其实正是借鉴自 Web Components 的概念。 它本身 Shadow DOM 的方案做了 CSS 隔离，很好地解决了 CSS 命名污染等问题，但 Web Co
旋转吧！徽章！
如何实现一个徽章惯性旋转动画？ 标题我只能说：懂得都懂。 如何评价「懂的都懂」这句话？｜知乎 前言 距离上一次写技术文章过去了多久呢？大概已经屈指不可数了。 与此前相比，无论心境还是境遇也都变化了许多，而我本打算记录的实习生涯还未动笔，便已接近尾声。但愿还有机会一叙。 在家中慵懒地躺了数日，自觉不应继续如此，方翻了个身，决定将此文修整完，以略表奋发之意。 总之，也由衷地希望大家能从中学习到什么或是给我一些更好的改进建议。 那么，……，先旋转起来吧？ 访问 https://www.yunyoujun.cn/posts
又拍云—年轻人的第一个 CDN
前言 距离上一次更新似乎又过去了很久，而我也成为了无聊的大人，被实习的工作压的喘不过气来。（此中又有不少波折，待尘埃落定，我再找机会记录它吧。） 我的青春更是早在不知何时已经结束了。 看，简单吧，谁也没有受伤的世界，达成了。 故 又拍云 并非我的第一个 CDN，但它的确是我截至今日使用最久的 CDN。 而我相信它也是新站长值得一试的服务。 此中玄机，我们不妨先从 CDN 说起。 访问 https://www.yunyoujun.cn/posts/why-i-use-upyun-cdn 阅读全文。
云空调，便携小空调
简介 ❄️ 云空调，便携小空调，为你的夏日带去清凉！ 这又是一个差不多两年前的坑。 那么它能做什么呢？没错， 随时随地 打开空调。唯一的缺憾是，没有 风 。但我们也许可以「望空调止热」。 GitHub: air-conditioner 裸机: 云空调 样板房: 空调间 遵从最宽松的 MIT 协议，你可以自行 clone 本项目，并自定义地构建它。当然也可以通过 iframe 的方式直接嵌入你的网站。 对了，最近因为小空调又火了起来。浮现出了许多去除页脚、售卖源码和冒名顶替的情况。 MIT 协议虽然允许你以任何方式使
char-dust 一个图片转字符画的 npm 包与示例站点
如题，它的全部作用就是将图片变成字符画（又称 ASCII 艺术 ）。 GitHub: https://github.com/YunYouJun/char-dust/ 示例站点: https://yunyoujun.github.io/char-dust/ 似乎有些老生常谈，那么为什么会有它的诞生呢？ 访问 https://www.yunyoujun.cn/posts/why-make-char-dust 阅读全文。
nnrm - 一个极简的 npm/yarn registry 切换管理器
简介 nnrm 即 new nrm。 GitHub: https://github.com/YunYouJun/nnrm/ nnrm - 一个极简的 npm/yarn registry 切换管理器 | V2EX 一个简单的 npm/yarn registry （镜像源）切换工具 中文使用文档 Why new nrm - nnrm? 首先，我赞成重复造轮子是不好的行为。 nrm 的确使得切换更加方便，譬如我们可以简单地使用 nrm use taobao 的方式切换镜像。 但是在切换镜像前，安装 nrm 本身也是一件很
做猪呢，最重要的是开心
如何养猪 | wikiHow 养猪指南？不对，是猪的成长日志。 访问 https://www.yunyoujun.cn/posts/2020-summary 阅读全文。
从 Vite 与 Vue 开始的 D3 数据可视化之旅
这是一个极其简单的并尽可能面向未来的新手教程，它将指导你简单地使用 Vite 启动 Vue 的脚手架，并开始 D3 数据可视化的相关开发。而你无需 Vue 相关的前置使用知识，你只需跟随教程简单地使用它。 在课后如果你仍有兴趣，那么你可以继续地深入了解它。 「简单」是不是用的太多了 访问 https://www.yunyoujun.cn/posts/vue-d3-demo 阅读全文。
如何找到你朋友的社交账号
A 面与 B 面 （英语：A-side 和 B-side）是流行音乐业界术语，于 1950 年代开始常用，原本指出版的 7 英寸黑胶唱片（必须是单曲）的两面。现在 A 面和 B 面通常用来辨别歌曲的重要度——放在 A 面的歌曲为主打歌，歌手会期望这些歌经常在电台等传媒渠道曝光；放在 B 面的歌曲则属于次要或附加歌目。 前奏 前些日子，其实就是咱考完教师证（10.31）的第二天，便要前往出差。 关于我打算当老师并报考教师资格证这件事 晚间也成功地错过了万圣节。但想来这种现充的节日，也本就与我无缘。故也无从惋惜。 尽管
写写高斯模糊——从 CSS 模糊滤镜的白边说起
前言 通常我们可以很容易地使用 PhotoShop 中的「高斯模糊」来模糊图片。 这也是一种很好的艺术效果，苹果惯用的毛玻璃效果本质便是高斯模糊，而我们将图片模糊后作为网站背景，既减小了图片的体积，也能别有一番风味。（譬如咱站点的背景也是高斯模糊后的产物。） 而 CSS3 提供了滤镜 filter / backdrop-filter ，其中的模糊功能同样也是高斯模糊。（Canvas 中的 filter 亦是如此。） 只是当我们为图片背景添加 CSS 滤镜时，便会出现不和谐的白边。 虽然有一些奇技淫巧（比如放大图片再
如何从 Valine 迁移至 Disqus
此前我在 第三方评论系统之我见 中简要对比了使用过的一些评论系统，但仍旧没有得出一个尽善尽美的方案。 我很长一段时间评论系统都是使用的 Valine，但因为后来博客第一次收到了一些 不友好的评论 ，以至于我有一瞬间地冲动想要从 Valine 彻底迁移到 Disqus。 但是 Valine 本身加载速度确实很快，用着也挺好，且文章的访问量统计也依赖于此。又实在没有办法下定决心切换至 Disqus。 「任何可以用 JavaScript 编写的应用程序最终都将用 JavaScript 编写。」 In 2007, Jeff
ADV 游戏引擎计划
ADV.JS 又一个遥遥无期的大坑。 GitHub: https://github.com/YunYouJun/advjs Demo: https://advjs.elpsy.cn 前言 按照惯例，开坑前先来三问。是什么？为什么？怎么做？ 访问 https://www.yunyoujun.cn/posts/make-an-avg-engine 阅读全文。
关于我打算当老师并报考教师资格证这件事
「关于加个引号就能变成轻小说标题这件事」 嘛，正如 前文 所言，我确实准备报考教师证。 并立此文章为证，（ 那没考上岂不是贻笑大方 ），记录一些过程（ 破事水 ）。 因为标题拟的很像轻小说，并且这件事本身其实并不是什么有趣的事（ 但我希望它能有趣些 ），所以我决定用我的死宅文风以轻小说的方式来记录一下。（ 欢迎吐槽，但别太伤人。 ） 内容简介 成长的苦涩，日常的迷惘。 唯有长大方能看见的真相，让「死宅少年」偏移人生轨迹的事件…… 家里蹲死宅少年 —— 云游君，本作的男主角。 可爱女主角 —— 暂无（ 欢迎参演 ）
Strato - Hexo 主题「Yun」版本宣传 PV
为主题 hexo-theme-yun v1.0 Strato 做的宣传 PV ～（ 也许是第一个有 PV 的 Hexo 主题？ ） 谢谢你喜欢我的主题！ 当我第一次听说要做主题的宣传 PV 我是拒绝的，因为，不能你让我发 1.0，我就马上去发，第一我要试一下，因为我不愿意做完了以后再加一些特技上去，主题 Duang 一下，很亮、很柔，这样用户一定会骂我，根本没有这样的主题，就证明上面那个是假的。 后来我也不断在修 BUG，我自己用了大概一年左右，感觉还不错，后来我在做 PV 的时候也尽量不加特技，因为我要让用户看到
我与小镇与家
2013-05-14 今日一位同学过生日，收到了很多礼物。想一想，要是我的话，也没有同学会知道我的生日吧。就像我也不知道他们的生日。 —— 我的一位朋友的青春~~疼痛（中二）~~日记 正如标题，我决定在鄙人生日这天（ 实为早便想写，却拖到现今，甚至于鸽了自己 ），写一写自己与我生活的小镇与我的家，并试图回首 23 年与之相伴的人生，揣度未来。 但到真强逼着自己去写时，反倒无感而发，一停下来，便又浮想联翩。所以最终估摸也只是毫无章法的碎碎念。 访问 https://www.yunyoujun.cn/posts/i-a
el-bot & mirai-ts 制作笔记
mirai-ts 是 mirai-api-http 的 TypeScript/JavaScript SDK。 el-bot 是一个基于 mirai-ts 使用 TypeScript/JavaScript 编写，可配置、可自定义插件的 QQ 机器人。 GitHub: mirai-ts GitHub: el-bot Docs: mirai-ts API 文档 Docs: el-bot 文档 el-bot 展示了整个 mirai-ts 的使用流程，并内置了一些如自动应答、转发、命令行、RSS 等常用功能（默认插件），开箱
第三方评论系统之我见
静态博客纵有万般好，但不得不承认其常常需要很多奇技淫巧，方能实现 甚至无法实现 动态网站仅需数行代码便可实现的功能。 评论系统便是其代表之一。 我尝试过数种第三方评论系统（Disqus/Gitalk/Valine/LiveRe(来必力)/畅言/utterance/giscus），并在其中反复横跳，丢失了不少可爱的评论，也很遗憾未能找到一款真正百无挑剔的评论系统。 一个事物的发展往往是一个波浪式前进、循环往复式上升的过程。 我将简单对我使用过的评论系统之利弊进行对比分析（可能包含许多个人色彩），以便各位看官参考。 访
人生不是一场马拉松
今天也继续跑着，每个人都是跑者，时钟无法暂停，时间往前不停流逝，这是一场不能回头的马拉松比赛。 边跟对手竞争着，边在时间洪流这条直路上跑着，想比别人跑得更快，相信前方有美好未来，相信一定有终点，人生是一场马拉松。 …… 但真是如此吗？ 访问 https://www.yunyoujun.cn/posts/life-is-not-a-marathon 阅读全文。
👴就是二次元，故尝试证明。
引言 两口气看完「 理科生坠入情网，故尝试证明。 」这部番时，我便想着写个观后感吧。添加到 Todo 列表后，便因为各种杂事和惰性，一拖再拖，抛之脑后。 导致现在回过头来，当初的回味几乎所剩无几。 访问 https://www.yunyoujun.cn/posts/i-am-er-ci-yuan-and-try-to-prove 阅读全文。
教你如何从零开始搭建一个属于自己的网站
写给想要拥有一个自己的网站但没有资金成本的小白与曾经的自己。 前言 虽说是网站，对于个人来说，或许一般叫作博客。 但我不希望它仅仅是一个博客，而是能够成为一个处于自己现实生活之外、自由、实验、不用畏惧他人眼光甚至可以独断专行的地方。 访问 https://www.yunyoujun.cn/posts/how-to-build-your-site 阅读全文。
使用 CDN 加速你的 GitHub Pages 网站
内容分发网络 Content Delivery Network 访问 https://www.yunyoujun.cn/posts/use-cdn-speed-up-site 阅读全文。
使用 CCDIK 或 FABRIK 实现逆向动力学
访问 https://www.yunyoujun.cn/posts/methods-for-inverse-kinematics 阅读全文。
【转】三维文件格式知多少
三维文件格式知多少 | abc、glTF、fbx、obj、dae、stl、3ds... 文章来源: 饼干教育 原文链接: https://www.bgteach.com/article/132 访问 https://www.yunyoujun.cn/posts/how-much-3d-format 阅读全文。
【译】30 分钟学会 LaTeX
译自 Overleaf - Learn LaTeX in 30 minutes 云游君 (YunYouJun) me@yunyoujun.cn 在本指南中，我们希望为您初步介绍一下 LaTeX 。 该指南不需要您具有任何 LaTeX 的 先验知识 ， 不过到您完成时，您将会已经编写出您的第一个 LaTeX 文档，并且如果顺利的话，您将能够对 LaTeX 提供的一些基本功能有很好地了解。 访问 https://www.yunyoujun.cn/posts/trans-learn-latex-in-30-minutes