最初是在B站刷到这个视频数字人的 All in Dify，试着docker-compose本地部署了一下项目， dify云服务+qwen2.5模型工作流编排了一个简单的对话功能，并开启了语音与文字互转，但是demo里的人物模型只有嘴巴张合，没有复杂的口型功能，总感觉差些意思，看了下Cubism Live2D的官网示例，京（Kei）这个模型有唇形同步功能，于是就开始了对原项目大刀阔斧得修改

原项目的部署方式就不做过多介绍了，参考原文档：AWESOME-DIGITAL-HUMAN-部署指南。

如果你和我一样，使用Hexo这类纯静态博客框架来写个人站点，又想给站点添加全文搜索功能，可以使用第三方文档爬取服务来帮你实现。Algolia可以通过爬虫或官方的API对目标网站的内容创建索引, 在用户搜索时调用接口返回相关内容，让你的读者能够检索到文章。

这篇博客的灵感源头是B站的这个魔性视频：「 高田熊 」 跟 着 节 奏，一 起 摇 摆 ~ | takadabear，突然想写个高田熊打PP的音乐可视化页面

这个页面使用的软件、框架、技术主要有：录屏工具、Photoshop、TexturePacker、PixiJS、Web Audio API

这次咱们试试在一个sheet表上画画，这里的画画不是直接插入一张图片，而使修改单元格颜色，拼出一张图片。

咱们直接在上一篇文章的demo工程上修改代码。

老规矩，先说原理。
①本地选择一张图片绘制到canvas；
②把电子表格的w行h列内的单元格设置为正方形；
③获取canvas的imageData，逐像素修改单元格的背景色。

官方对WPS加载项的解释：

WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。 WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。 开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。 WPS 加载项具备快速开发、轻量化、跨平台的特性，目前已针对Windows/Linux操作系统进行适配。 WPS 加载项功能特点如下:

Sequelize是一个基于Node.js的一款ORM框架，目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server数据库。支持事务、 关联关系、 预读、延迟加载、读取复制等功能。

Sequelize官网文档有点过于简洁了，数据库-模型之间的一些复杂但是非常实用的操作并没有收录，所以这篇文章是Sequelize对数据库一些常见操作的实践记录。基于我踩的一对坑撰写，可能有点像流水账，开始之前需要你对Sequelize的基本概念有所了解。

话说为什么笔者我要求虐去研究什么贝塞尔曲线？讲真，我一个数学一般般，高数及格飘过的人为什么要求虐去搞数学公式啊！研究完贝塞尔曲线，我突然想好好学习数学。真的是数学不好，学什么编程啊。（哭晕在草稿纸中……）

在浏览器控制台输出带样式的文本

作为一个前端，在浏览器控制台输出带样式的文本已经是手到擒来了，一个%c的占位符就可以自定义后续文本的样式。比如：

1
2
3
4
5
6
7
8
9
10
11

const style = `
font-weight: bold;
font-size: 50px;color: red;
text-shadow: 3px 3px 0 rgb(217,31,38),
    6px 6px 0 rgb(226,91,14),
    9px 9px 0 rgb(245,221,8),
    12px 12px 0 rgb(5,148,68),
    15px 15px 0 rgb(2,135,206),
    18px 18px 0 rgb(4,77,145),
    21px 21px 0 rgb(42,21,113)`
console.log('%c%s', style, '手到擒来')

电脑软件

本文主要参考了文章 威联通非官方入坑手册 篇六：3分钟部署Jellyfin开启硬解，打造最好用的家庭影音中心，免费！Emby、Plex靠边下 和 威联通Docker教程 篇六：三种方式安装Emby和Jellyfin，家庭影院搭建保姆级教程，成功开启硬件转码！。没多少原创内容，基本都是对两篇文章的细节整理

部署Jellyfin

Jellyfin的部署有有三种方式