![image.png](/static/img/5ce856daf10d2955912edb35c166664b.image.png)  

![image.png](/static/img/222df31c77b22959516623e4359339ff.image.png)

## 制作教程  

![image.png](/static/img/3fe3bcb62176f9d7f2ab682eb4be29a4.image.png)
> 插入人物素材  

![image.png](/static/img/65f5e62f07869479d18213b4d9f00115.image.png)
> 用线条曲线大致画出一个嘴巴的形状
>右键编辑线条顶点   

![image.png](/static/img/072eaaada01429c1c0a4425ee33b9be0.image.png)
> 调整填充色为肉色

![image.png](/static/img/30698966b8c2b4e6d190562422178aad.image.png)
> 调整线条颜色为黑色   宽度为3榜

![image.png](/static/img/575b9172c7a21f9f5518a69c7df0c4ce.image.png)
> 插入文本框  依次输入文本内容

![image.png](/static/img/a9544a4823acef24dc75b6ab6d700e07.image.png)
> 给标题文字添加一个弹跳的动画  

![image.png](/static/img/5fa7e3794d13f1df32a6b54686822b34.image.png)
![image.png](/static/img/0424df0833a8283e80ea8bb8924a0fcf.image.png)
> 给下一段文字添加出场动画   

![image.png](/static/img/06360d88826731436d0477260832f77c.image.png)
> 动画触发  **与上一动画同时**

![image.png](/static/img/073180fbc3fe158999040c1efec75248.image.png)
> 右键设置文本框，选择效果选项

![image.png](/static/img/8a27fa3b91da8151263cb9b065c0179c.image.png)
> 动画**按字母顺序**出场  延迟秒数0.2秒

![image.png](/static/img/8c95d431ffd3582b00264b5fa8a9dc75.image.png)
> 选中嘴巴  

![image.png](/static/img/9091bf30a0c40444197dbc27904b63c4.image.png)
> 给嘴巴设置一个淡化的动画效果

![image.png](/static/img/cadc16b6baafb29d68672bae274bd69a.image.png)
![image.png](/static/img/bd54702724270b393d43be836cd0e669.image.png)
> 在添加一个闪烁的动画效果  

![image.png](/static/img/06360d88826731436d0477260832f77c.image.png)
> 两个动画  均为**与上一动画同时**

![image.png](/static/img/c21283e25a8a57ca5e88ef907f4f3f7a.image.png)
> 打开动画**效果选项**

![image.png](/static/img/8af50ad1ff642597247dc76b1c9898b7.image.png)
 > 期间  设为**非常快**
   重复  设为**直到幻灯片末尾**  
   
再添加一个淡化的动画

在PPT中添加人物说话

## Firefly III 介绍
Firefly III 是开源免费、无广告的个人财务的（自托管）它可以帮助您跟踪您的支出和收入，统计少花钱多存钱。Firefly III 支持使用预算、类别和标签。使用一堆外部工具，支持可以导入数据。它还提供许多简洁的财务报告。

演示地址:https://demo.firefly-iii.org/login

![image.png](/static/img/982c6c75d3255211cdf7cb2d4295cb5f.image.png)

Firefly III 有多种运行方式

可以将它安装在您的服务器上。  
可以使用 Docker 运行它。  
可以使用 Softaculous 安装它。  
可以使用 AMPPS 安装它。  
可以将它安装在 Cloudron 上。  
可以将它安装在 Lando 上。  
可以将它安装在 Yunohost 上    

github:https://github.com/firefly-iii/firefly-iii/


![image.png](/static/img/65de298faed7c6e70590957cde1bd5e4.image.png)
### 环境准备
- Docker 安装
- MariaDB 安装  

首先打开**套件中心**
![image.png](/static/img/91c8c56a7d252ab18ba2b6d2e792816d.image.png)
选择安装位置

![image.png](/static/img/aadecada3692f2ef57f986419593502c.image.png)
设置密码

![image.png](/static/img/fa907f75df33e6d1df3010be1ac3ffc0.image.png)
确认安装

![image.png](/static/img/5b110c52908bc42326537d233ab9c181.image.png)
服务正常  
勾选完成本地打开插件，勾选TCP/IP连接

![image.png](/static/img/7e6b968787ddd889609c0b4bdf45b1b9.image.png)
本地连接nas服务器 (可以使用xshell, crt等连接)  
如果没有开启，可以后台开启一下

![image.png](/static/img/d64ce8de65738ae72b0e31905671548d.image.png)
创建用户名以及数据库
```
CREATE DATABASE firefly ;   #firefly为库名
CREATE USER 'firefly'@'%' IDENTIFIED BY 'aCna2D@1CZ';  #授权firefly密码为aCna2D@1CZ
grant all privileges on firefly.* to 'firefly'@'%' identified by "aCna2D@1CZ";  #授权firefly库
```

目前我们的MariaDB连接信息如下

- 用户名: root
- 密码: 后台自己设置的
- 端口: 3306
- 地址: nas_ip
安装完成后，我们就可以下载Firefly III镜像

## Docker安装Firefly III  
搜索镜像**firefly**

- fireflyiii/core:beta. 此标签包含 beta 版本。
- fireflyiii/core:alpha. 此标签包含 alpha 版本。
- fireflyiii/core:develop. 始终是最新的开发图像。可能不稳定。

![image.png](/static/img/b544a1e4e443e2e4eef7566929caa459.image.png)
选择镜像启动

![image.png](/static/img/b87d12805e3bc5e671210e8224e8506a.image.png)
此处默认

![image.png](/static/img/97904297794f52d6b40d37c484187a04.image.png)
![image.png](/static/img/171428c148e262d653439807f5b67475.image.png)

手动指定一个端口号
![image.png](/static/img/79d06db4389497c870dea996a09b8465.image.png)

映射持久化目录
![image.png](/static/img/d76421a0339434edb67b03bdd43a35c8.image.png)

创建持久化目录
![image.png](/static/img/5420b5ce12a21e56e097e4fcbb56840a.image.png)

配置
![image.png](/static/img/70b090a0f03e08766fc8db07190b313a.image.png)

|文件夹	|装载路径	|说明|  
| --- | --- | --- |
|docker/firefly/export	|/var/www/html/storage/export	|存放导出文件|  
|docker/firefly/upload	|/var/www/html/storage/upload	|存放上传文件|  

点击完成后，我们不要启动容器。
这时候编辑一下环境变量

![image.png](/static/img/f7bae1cb5afc0767abd126858a961356.image.png)

环境变量如下


|变量名	|Value|
| --- | --- |
| APP_KEY	| 必须是 32 位| 
| DB_HOST	| 数据库地址| 
| DB_PORT	| 数据库端口| 
| DB_CONNECTION	| 数据库类型| 
| DB_DATABASE	| 数据库库名| 
| DB_USERNAME	| 数据库用户| 
| DB_PASSWORD	| 数据库密码| 
按照对应的修改即可，APP_KEY为随机32位，可以随机生成


:::info{title="相关信息"}
可以直接复制我的 AgXj2E9M0PGhRqhzoMtycqDRkNwIRHjO
:::


![image.png](/static/img/2e07a2f8c59aed90685591c4707e5dda.image.png)

启动后等待一会就可以访问系统了
![image.png](/static/img/2b47debdff36e8ddff7f3efad1337845.image.png)

我们需要给自己注册一个管理员用户

:::tip{title="提示"}
密码需要16位
:::
设置货币以及中文


![image.png](/static/img/721114cd53845208af4cb6651451aac1.image.png)

此时已经配置完成

![image.png](/static/img/7dc4a3307201faff1d2ad5b766894e55.image.png)




:::info{title="相关信息"}
特别感谢 FRPS（原文作者）的文章，原文链接：https://frps.cn/261.html  
如涉及侵权，请联系删除
:::

群晖搭建个人理财记账工具

![image.png](/static/img/4463af292b749dcfda7873b9613c06e9.image.png)  

![image.png](/static/img/f6db99e1171cdcb7c38ce45105a75f78.image.png)

# 制作教程 

![image.png](/static/img/38df5c8720228bfcb5f837bf884596e2.image.png)
> 插入一个全屏矩形 

![image.png](/static/img/d683e4ac566c32d62566bcae1303f736.image.png)
> *  设置形状格式   去掉线条 ( 无线条 )  
> * 填充  纯色填充  黑色  透明度50

![image.png](/static/img/c83b1e505a8f1f443c97a0901ae88361.image.png)
>  给矩形添加一个  **淡化** 的动画效果

![image.png](/static/img/a6ffe4c8e6460be90d03ee141d57e474.image.png)
> 绘制一个圆环  放在页面居中位置 

![image.png](/static/img/8d835dd4284d0b6f8ffb7457991a90cc.image.png)
> 拖动黄色的控点调节圆环宽度

![image.png](/static/img/a72ab4c86e2406d2d45ce063e1add462.image.png)  
> * 设置形状格式   去掉圆环的线条 ( 无线条 )    
> *  填充   渐变填充 角度90  
> * 渐变光圈  保留两个光圈  蓝色和绿色  将两个光圈往中间移动 

![image.png](/static/img/51b7e4e2485ac1f76be2e295ccace386.image.png)
> 给光圈添加一个  **陀螺旋**  动画效果

![image.png](/static/img/b37fde4b75aed75a4e44eaf1bf38462b.image.png)
> * 插入一个文本框  
> * 输入文字Thanks  粗体  字号 72

![image.png](/static/img/6f529497ab3ad2e706301ac4c8574bdf.image.png)
> 将文字放在圆环中间居中对齐 

![image.png](/static/img/2c32c52820b0aefd46be94d6c67d5fe0.image.png)
> 再给文字添加一个  **淡化**  动画效果

![image.png](/static/img/ac019e6e26797a9a85db9ef4559bd362.image.png)
> 插入一张图片   图片置于底层 

![image.png](/static/img/e588b7b0b3051de04cec876e46bc2713.image.png)
> 把图片放的超大 

![image.png](/static/img/a249c3fd8a2e964001ca534ec0411c91.image.png)
> 给图片添加一个  **放大缩小**  动画效果 

![image.png](/static/img/70965f35c26e0e8535a720cafb82eea0.image.png)
> 效果选项  较小

> 点选动画窗格 

![image.png](/static/img/9dec97dba3fc8f0cb5a34c09642a9cea.image.png)
> 所有动画开始都改为  **与上一动画同时** 

![image.png](/static/img/1c241b75a01e5eea90410ab54a70b1a0.image.png)
> 矩形  **持续时间**  改为2秒  

![image.png](/static/img/605f8dd02c31388bc2c239d35c24b51a.image.png)
> 文本  **动画延迟**  2秒

PPT动画结尾

![image.png](/static/img/d40d7db3e1e62dcd23c7027292c5ea20.image.png)  
![image.png](/static/img/9e9689671447f5bb08083a93abc2e02d.image.png)  

## **制作教程**

![image.png](/static/img/3c93006da0038372ca2fad0c58f770aa.image.png)  
:::note{title="绘制一个全屏矩形"}
:::

![image.png](/static/img/7c9cb003e7e7cdffcf6520c8b9793b95.image.png)
:::note{title="在下方绘制一个大椭圆 "}
:::

![image.png](/static/img/2822cd085c978779bbd597ab925aa5fd.image.png)  
:::note{title="先选中矩形，再选中椭圆，  点击合并形状  剪除 "}
:::

![image.png](/static/img/1169b5fa755c3166c24eb1d0ced42ed9.image.png)  
:::note{title="形状复制一份， 放大并调整角度  "}
:::

![image.png](/static/img/4734efd9dfff4948d71d944d4c360325.image.png)
:::note{title="选中下方形状，再选中上方形状 "}
:::
  
![image.png](/static/img/2822cd085c978779bbd597ab925aa5fd.image.png)  
:::note{title="点击合并形状  剪除"}
:::

![image.png](/static/img/2765832b86f34dc82bd1d49e442315ec.image.png)  
:::note{title="得到需要的图片形状背景"}
:::
 
![image.png](/static/img/0b72e653dad42e464a76d1dc90afc961.image.png)  
:::note{title="插入一张图片，把图片铺满画布  并置于底层"}
:::

![image.png](/static/img/cc808018f11aa3e8b725f4f686ffeaab.image.png) 
:::note{title="先选中图片， 再选中形状， 合并形状   相交 "}
:::
 
![image.png](/static/img/033b463f5582b7205296a4954defcc5d.image.png) 
:::note{title="把图片复制一份出来"}
:::

![image.png](/static/img/44ae7a7553c027bbdbc890841116d3d3.image.png)  
:::note{title="原图片去掉饱和度 "}
:::  

![image.png](/static/img/af4661f9a6379b1daca0384a5b12c256.image.png)  
:::note{title="再将两张图片重叠在一起 "}
:::  

![image.png](/static/img/948049cb6efd2d8982d93188538663eb.image.png)
:::note{title="放上准备好的文字，内容围绕图片摆放  "}
:::

![image.png](/static/img/faaf39d427b2741cb0652ca16e171e5d.image.png)
:::note{title="选中上方的图片   动画 添加一个擦除动画"}
:::
    
![image.png](/static/img/e2d1b21ceb1a4f0d5c425af4c87ddf48.image.png)    
:::note{title="效果选项改为自左侧"}
:::

![image.png](/static/img/ef771be6de1bd25ac3c8f69e86a3d1f8.image.png)
:::note{title="开始改为与上一动画同时  持续时间5秒  "}
:::  

![image.png](/static/img/bad0439e3f030e2242d74ffb530217c1.image.png)  
:::note{title="再根据时间顺序选中内容 "}
:::
 
![image.png](/static/img/32c480e507379dcb60be783cf4dabbae.image.png)  
:::note{title="动画  添加浮入动画    "}
:::

![image.png](/static/img/6799919385a72df619b0f637c92d49a0.image.png)  
:::note{title="打开动画窗格   开始都改为与上一动画同时"}
:::

![image.png](/static/img/79344ba661f2f07b17b4efa047a09db4.image.png)
:::note{title="再依次把动画往后延迟0.5秒"}
:::  

![image.png](/static/img/3df73e37b4ebd18f44e673abe7b1771f.image.png)
:::note{title="选中图片下方的内容"}
:::  

![image.png](/static/img/f114d635010159fd096f3a01a7b980b1.image.png)
:::note{title="效果选项处把动画改为下幅"}
:::

动态时间轴

**委托**(delegate)是⼀种存**储函数引⽤的类型**。


委托的定义指定了⼀个返回类型和⼀个参数列表  
定义了委托之后，就可以声明该委托类型的变量，接着就可以把⼀个返回类型跟参数列表跟委托⼀样的函数赋值给这个变量。  

**委托的使⽤**分两步  
- 定义  
- 声明（变量）  

结构体，枚举的使⽤同上都分为定义和声明  
整数类型、数组类型、字符串类型都是直接声明变量的，因为类型的定义已经完成了（CLR中已经完成定义）  
委托呢，就是**⼀个函数类型，可以把⼀个函数赋值给委托类型**。  
定义委托的时候，跟函数有点像，只不过没有函数体。  
只能赋值-参数和返回值⼀样的函数。  

```c#
delegate double MyDelegate(double param1,double param2);  // delegate  定义委托
static double Multiply(double param1,double param2){
return param1*param2;
}
static double Divide(double param1,double param2){
return param1/param2;
}
double param1 = 34; double param2 =2;
MyDelegate de;
de = Multiply; //执行乘法
de(param1,param2);
de = Divide;   //执行除法
de(param1,param2);
```
案例   有A和B开发人员    功能调用
```c#
 delegate void OnDieDelegate();

 static void Play(OnDieDelegate onDie) {
   Console.WriteLine("做任务");
   Console.WriteLine("玩家正在战斗");
   Console.WriteLine("死亡");
   //
   if (onDie != null) {
     onDie();
   }
 }

 static void ShowDieUI() {
   Console.WriteLine("显示游戏死亡后的UI");
   Console.WriteLine("返回首页UI");
 }

 static void Main(string[] args) {
   // A主角
   // BUI 菜单
   Play(null);
 }
```

委托

msvalidate.01

360-site-verification

sogou_site_verification

baidu-site-verification

95f521bf6bd97279d4c7d479ce66ad91_1745636273

shenma-site-verification

script

link

《千纸鹤》是一个关于个人成长、心灵探索和生活哲学的博客。通过结合纸鹤的象征意义，博客传递着希望、自由、勇气和梦想的理念，分享作者在人生旅途中所遇到的挑战与感悟。每一篇文章都如同一只飞翔的纸鹤，轻盈地载着思想与情感，带领读者在迷茫与困顿中找到属于自己的方向。