服务器ssh中执行下 locale 命令
看是否包含 LANG="en_US.UTF-8"
如上图，不含UTF-8配置，需要手动添加。
nano /etc/default/locale LANG="en_US" # 将上面的内容改为： LANG="en_US.UTF-8"
保存后重启服务器，刷新宝塔页面，乱码问题就解决了。
修改默认远程桌面服务3389端口
首先通过win+r 进入注册表
修改两个值
路径1：HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal Server\Wds\rdpwd\Tds\tcp
路径2：HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal
最近搞了几台Stardust的IPv6小鸡，性能棒棒哒！只是为了能在只有IPv6的VPS上，正常访问IPv4的网站并安装宝塔操碎了心，还走了许多弯路，遂留下宝贵的经验，方便后来人。
本教程同样适用于只有IPv6的VPS。
1. 配置DNS
直接用安装命令过程中可能会失败，需要先加ipv6的DNS，可以使用以下自动配置脚本：
bash <(curl -sL install.emengwe
OK，咱们开始吧。以一个PC端的应用界面为例。
在本文中，我们在创建样式的同时，会说明我们为什么会选择特定的颜色。因为这些差别对设计师非常重要。
0.常量样式
重要的是要注意，在为明暗模式选择颜色时，颜色会略有不同。但是，某些中性颜色风格是不变的，在任何一种模式下都不会改变。在Figma Design System中，我们选择了白色和黑色作为固定颜色，无论您使用哪种模式，该颜色都将保持不变。另外，图像占位符的颜色也是恒定的，不会改变。
例如，在上图中，我们展示了该按钮在浅色和深色主题中的外观。图标，文本和计数器具有恒定的颜色。按钮的背景有变化，但其中的内容未更改。
1.可变样式
可变的颜色样式分别适用于亮和暗模式，并且它们都可以进一步细分为两个主要类别-颜色样式和效果样式。出于本文的目的，我们将主要讨论“亮”模式，并且在将这些步骤应用于“暗”模式时也稍作介绍。
1.1颜色样式-灰度样式
灰度颜色是可更改的样式，因为在黑暗模式下应用相同的颜色时时，您将不会获得与在明亮模式下相同的效果。这是因为，在黑暗模式下，背景已经完全为黑色，此时在黑色背景上使用100透明度的灰度颜色时，你的颜色会完全不可见。
将灰度颜色从“浅”模式切换为“暗”模式时，建议您使用白色（#FFFFFF）并在灰度上应用90％，70％，40％和10％的透明度效果，这将在应用于“深色模式”时提供很好的平滑过渡效果。
所以在此设计系统的亮色模式时，我们特别选择以下颜色：
· 100（＃1C1C1C）-主要用于标题和粗体文本。
· 200（＃585757）-主要用于正文。
· 300（＃969696）-用于小文本和填充图标。
· 400（＃E8E8E8）-用于较小的细节，例如边框，分隔线和线条颜色。
请注意，我们仅根据自己的喜好将所有四种灰度颜色分别命名为100、200、300和400，它们与任何规则都不相关，您可以根据需要命名灰度颜色。
1.2 系统颜色
系统颜色（也称为基础色）是你项目的主要颜色。我们建议您选择温暖和亲切的颜色，但是在某些情况下，选择调色板时，您可能需要考虑品牌的颜色，这将成为设计系统的一部分。
例如，在此设计系统中，原色是分别应用于这两种模式的蓝色，绿色，橙色和红色。每个原色由两种不同的颜色对比组成，第一个由较浅版本的原色组成，第二个类别由较暗版本的原色组成。如下图：
要创建较浅和较深的基础色，您需要在其之上添加20％，40％
Figma 本身自带选择相似属性图层的功能，但是只能选择那么几种属性可选。
而这个插件扩展了内置功能，你可以通过它选择具有相同属性的图层，还可以组合使用。比如说，导入一个 Sketch 文件之后，我想选中所有 Slice 图层，并把它们删掉，就可以用这个插件。
使用方法也很简单，选择一个图层后，直接运行这个插件来选择所有其他基于特定属性的图层。
常见用例:
- 选择一个特定组件的所有实例，用另一个替换
- 选中所有与特定的文本样式一样的图层
- 选择所有具有相同角半径和填充颜色的”卡片“
官方出马，制作了一系列教程来讲解最新的 Auto Layout，帮助你学会如何制作复杂自动布局的设计。
提示：可以开启自动翻译字幕观看
第一集：制作一个自动布局按钮
https://www.youtube.com/watch?v=PNJxeD29ZTg
第二集：制作一个自动布局顶栏
https://www.youtube.com/watch?v=bh98SF7OjUk
教程文件：
图标是大家都非常熟悉的东西，但是绘制图标并且最终交付给开发却有很多细节需要注意，这篇文章就写了在做一套图标系统时需要注意的地方，包括：
- 把图标画在相同大小的 Frame 中
- 注意调整 icon 的视觉平衡
- 把图标做成组件，方便快速替换
- 设置好 icon 的 constraints，保证拉伸不变形
- 内部图形记得布尔合并，以便替换时能够自动保持颜色，并且导出的 SVG 代码更干净