简介
优化站点的时候顺手加的小功能，起因是有天逛博客看到一个站点，在每篇文章末尾都有一个签名效果，当时就很心动了，然后就寻思也搞一个，虽然步骤很简单，但是过程真的坎坎坷坷啊
效果预览
先给大家看看动图版本的
上面是白色字体，下面是黑色字体
一黑一白两个版本的，方便插入不同地方，同时也给站点文章增加了特殊签名语法，效果长这样子：
，还有一个带主题色的：
，点击可以播放动画效果哦，虽然可能没什么用
制作过程
浅浅和大家说说是怎么弄得吧，其实也不难，大部分工作交给ai就行，不过最主要的还是得自己来，就是你得有一个签名，最好是那种一笔成型的签名，不然写起来的话可能不那么丝滑？总之效果不好啦，ai理解起来也乱乱的
一开始图省事，因为制作需要svg矢量图片，但是手动画太麻烦了，就去找图片转svg的项目，找到是找到了，转换也成功了，效果也很好，但是吧，他转换的svg是一个面，不是一条线，就导致签名动画播放的时候会来回播放两便，并且还有空隙，总之乱七八糟的，根本不能用
老老实实自己画吧，去下了一个svg绘图工具，拿钢笔工具慢慢描，冷知识，可以通过导入图片然后描线，会简单很多，小提示吧，描完线记得把断点合并成一条线，这样会更丝滑，最好一笔连续成型吧，如果实在有断点也没办法
然后就是丢给ai就行了，让他根据这个设计一个签名效果，再对结果微调就好啦，最后能够得到一个效果css和js文件，托管到github就可以直接远程引用啦，或者也可以直接放在网站目录下本地引用啦，至于为什么用ai，那真是因为签名的笔画位置信息太复杂了，简单的签名还好，笔画一多能算到崩溃，不得不说，AI还是太好用了
补充
关于这个功能，不会上线开源版本哈，因为签名这个需求每个人都不一样，得单独设计，主要就是css和js的制作，引用很简单啦，替换就行，而且说真的也不是每个人都想要的吧？再补充一点，hugo-aiovtue这个主题在经历大更新之后功能已经很全面了，该有的都有了，后续也没什么太大的东西能加，所以不会怎么更新了，再更新也就是个性化方面更新了，这个就因人而异了，大家就自己发挥想象吧（不过我要是真的又有一些乱七八糟的想法也可能会再次更新，随缘啦~）
- 本文链接： https://daily.yybb.us/posts/web-signature/
- 版权声明： 本站所有文章除特别声明外，均采用 CC BY-NC-SA 许可协议。