在做 RAG（Retrieval-Augmented Generation）相关产品时，我逐渐意识到一个被严重低估的问题：

描述信息并不是一个普通的文本字段，而是智能体理解世界的重要入口。

在我们的系统中，RAG 的名称和描述作为 metadata 会直接参与智能体的检索与匹配。换句话说，它们并不是给人看的，而是给模型用的。

问题从哪里出现的

最初，RAG 的描述只在创建时由用户填写一次。

这个设计在“静态知识库”的假设下是成立的，但现实情况完全不是这样：

• 用户会持续上传文件
• 会删除、更新、替换内容
• 有时一次会变更多个文件

但描述却始终停留在第一次填写时的状态。

这意味着：

知识库的真实语义已经发生变化，但系统仍然在用一段过期的文本来代表它。

而这段文本，恰恰是智能体进行检索和匹配的重要依据。

一个看似简单，其实很危险的选择

当我意识到这个问题时，第一个直觉方案其实很简单：

那就让 AI 在文件变更后，自动生成新的描述并覆盖旧的。

但这个方案几乎立刻被我否掉了。

原因并不复杂：

• 描述是用户“认知中的知识库定义”
• 如果系统在用户不知情的情况下自动覆盖
• 即便 AI 生成得更准确，也会破坏信任感

正确 ≠ 可接受，这是 AI 产品里经常被忽视的一点。

我的设计切入点

我换了一个视角去看这个问题：

也许问题并不在于

该不该让 AI 写描述，

而在于

谁对这段描述负责。

于是我做了一个关键拆分。

把“描述”拆成两种角色

在最终方案中，我们同时维护两种描述信息：

一种是用户描述

• 创建 RAG 时由用户填写
• 可见、可编辑
• 表达的是用户对这个知识库的意图理解

另一种是隐形描述

• 由 AI 基于当前所有文件内容自动总结
• 每次文件变更都会重新生成
• 默认不直接展示给用户
• 作为智能体匹配的重要输入之一

这一步的核心思路是：

让 AI 负责理解“真实内容”，

让用户负责表达“主观意图”。

AI 在后台持续工作，但不打扰用户

从体验上看，这个机制对用户几乎是“无感”的：

• 用户上传、更新文件
• 系统自动重新生成隐形描述
• 不弹窗、不打断、不提示

但这并不意味着 AI 在“偷偷做决定”。

真正的关键在下一步。

把“是否采用 AI”变成一个用户决策

在 RAG 详情页中，我保留了一个非常克制的入口：

描述标题右侧的编辑按钮。

当用户主动点击编辑时，系统才会告诉他：

当前存在一条由人工智能基于最新文件内容自动生成的描述信息

并明确给出两个选择：

• 采用 AI 生成的描述（覆盖当前描述）
• 保持现有描述不变

这一步对我来说非常重要。

因为它意味着：

• AI 的存在是可感知的
• 覆盖行为是用户主动触发的
• 最终责任仍然回到用户手中

为什么我认为这是一个好的 UX 方案

这个设计并没有追求“AI 看起来多聪明”，

而是刻意控制了 AI 的存在感。

它解决的不是 生成质量 问题，而是：

• 如何不剥夺用户的控制权
• 如何避免 AI 成为一个不可预测的黑盒
• 如何在正确性与信任之间取得平衡

在 AI 能力越来越强的前提下，

我反而更在意的是：

什么时候不该让 AI 替用户做决定。

这个案例带给我的一个确认

做完这个设计之后，我对 AI 产品的一个判断变得更确定了：

真正有挑战性的，从来不是“让 AI 多做一点”，而是“让 AI 知道什么时候该停下来”。

而 UX 的价值，往往就体现在这条边界上。

2025年也结束了，感觉现在回忆起来好像没有发生太多的事情，这一年过的很平安，也还算顺利，所以大体上还是非常好的了。

生活上的变化

想着怎么去总结这一年呢，家庭上我们终于在下半年恢复了我们期待的平稳的状态，家里的住家阿姨换成了白班育儿嫂，是一个很年轻的零零后女生。虽然年轻，但却是目前为止非常满意的人选了，幼儿教育相关专业毕业，带过自己的侄女，是她的第一份相关的工作也很负责，每天和孩子姥姥一起带带孩子做做家务，每天还会带孩子进行户外活动，孩子现在大运动和语言能力进步非常快。因为育儿嫂是周末双休早九晚六，所以支出上也帮我们省下了一笔，孩子在上一个育儿嫂刚走后就学会了自己走路，现在已经是一个到处跑的小姑娘了。

孩子这一年也发生了很多的变化，感觉真正的脱离了婴儿感，进入幼儿期了。我和老婆也很喜欢跟她在一起的时间，这段时间也很粘爸妈，女儿学会了说很多单词，会用语言来沟通而不是动作和表情。

今年的春节是我们一家三口第一次在北京过年，韩姐在休假前给我们包好了饺子，冻在了冰箱里。整个春节假期我们都待在家里，这也是一个特殊的体验，担心孩子太小北方太冷没法适应，也省去了长途出行需要带一堆东西的困扰。后来想想这个决定还是非常正确的。国庆体验了一把带孩子回爷爷奶奶家真的是带了两个行李箱，全是孩子的生活必需品。

关于旅行

这一年也几乎没有什么假期用来出远门，反倒是周末的时间用来和孩子打卡了各种公园、儿童乐园，都没有发现北京其实还有这么多适合孩子玩的地方，确实是有了孩子之后自己也会变成一个大孩子，每周末去喂小动物去逛博物馆都是一件非常有趣的事情。

今年三月底和公司请了两天假期，再加上周末凑出来一个小假期带着孩子去了一次杭州，因为有育儿嫂帮忙，其实一路上我们省心了很多，这也是孩子第一次坐飞机，一上飞机就开始睡觉，一直到下飞机整整睡了两个小时。飞机上是韩姐一直抱着孩子，睡了两个小时直达目的地。在韩姐帮忙带孩子的这段期间，她帮我们调整了孩子的规律作息，养好了孩子身上的各种湿疹还有一些小的皮肤问题，白天我和老婆去公司，是她自己一个人独自带孩子让我们真的省了非常多的新，这次去杭州玩也是希望带着家人一起出去散散心，放松一下。三月底的杭州很美，时隔十年再次来到杭州，感觉杭州变化也挺大的。期间还租车自驾去了一趟南浔古镇，算是圆了之前跟老婆说要带她去一次江南水乡的心愿。

关于理财

这一年一点都没有理财，过了一个很省心的一年，没有收益上的波动，也不会被市场左右情绪，力争做一个非常inner peace的人。

今年在理财上做了一个非常懒惰的人，年底的外汇也没有换，年底看了一下去年换的美元货币基金收益还是挺好的，但是因为人民币汇率升值，这部分收益也被平掉了。

今年国内的就业市场和金融市场温差还挺大的，虽然A股美股今年是一个公认的牛市，但却伴随着传统行业裁员不断，居民收入减少的同时也影响着北京的房价，我现在住的回龙观作为码农聚居区，房价跌幅也是领跑北京了，就目前住的房子从高点的550万左右已经跌到了350以内了。身边不少买了房子的人也都在承受着房价下跌带来的账面亏损。每每想到这里总是和老婆感慨多亏三年前选择不卖给我们房子的房东，让我们躲过了一劫。

虽然我们什么都没做，但是就感觉已经是躺赢了。后期可能也没什么计划一定要买房了，这个观点感觉已经和00后一样了，买房感觉也没有那么大吸引力。总结下来感觉没买房是我们这两年做的最好的一次投资，这听起来像是阿Q胜利法一样的感慨。

反倒是有了这种释然感觉生活质量也是提高了很多，因为没摇到号，所以省下来的养车的钱直接打专车，都不用自己开，费用还更省。因为没买房所以租了个更大的房子，在app上叫各种维修都不用自己额外负担费用，东西坏了就换，更省了一些操心的时间。看起来我们学会了在通胀的时候储蓄，在通缩的时候消费，让我们享受到了更高的服务质量。

工作上的变化

今年一年在工作上的变化应该是我开始了一些新的探索，在目前的公司岗位上老板给我的定义应该是30%的产品经理+50%的设计师+20%的前端开发，在上下游的一些职责上有了更大的探索，团队也给了很多的机会，今年在GitHub开源项目上贡献了160+个代码请求，让我也体会到了vibe coding的乐趣。

今年下半年开始了一个智能体相关的产品，就这半年来这一类的产品真的变化日新月异，大家也慢慢的从大模型开始向智能体和应用方向探索，出了很多很好的产品，目前公司的产品还处于比较早期，属于有很多空间进行探索和优化，所以进行起来还是很有趣，这也是在这一行工作的好处吧，只要有足够的探索欲望和好奇心，总是能在工作中学到很多好玩的东西。

今年年初也利用个人时间接了北京一家大型少儿英语培训机构的商单，和一个小伙伴一起做一个英语学习小程序，本以为2个月可以完成全部功能上线，但断断续续到11月才完成全部的项目收尾工作并顺利的拿到了尾款，开发工作一共其实没有多久，但是上线后还承接了一些运营和维护的工作。项目的报价还是挺可观的，给自己加了一个大大的年终奖，用自己今年的一些技术实践变了个现。也非常感谢客户的信任和前老板的介绍。

其实从现在的工作上来看，互联网行业的人员缩减应该是一个不可逆的变化了，十年前刚入行的时候技术没有这么发达，产研效率很低，就需要堆大量的员工来完成项目，但现在在AI的加持下每个资深员工的效率成倍增加，再加上有了智能体的加持很多产研过程中的耗费时间的步骤被大大的加速了，并且完成质量还很高。身处在这样一个变革下还是挺有感触的。

关于购物

今年的个人消费支出应该是很少的，一共能想起来的就只有两个东西了，一个是m4芯片的 mac mini，想了很久还是买了，买来后一直当作家庭服务器，把 iCloud 的续费给停了，然后把家庭相册都放到了 immich 上，服务泡在 Mac mini 上，用cloudflare tunnel绑了个域名做了转发。还有一个就是这个博客也转到了Mac服务器上。偶尔有什么需要运行的服务或者是项目也会通过这种方式来使用。得益于功耗低也可以持续运行，双十一左右的时候低价入的。

还有一个是在北京电动车新政实施前去家门口买了个电动车上了牌，有了电动车之后2公里内的出行真的方便了太多，出门买菜上下班去地铁站都没有压力，冲一块钱的电够开一个星期，真的是非常节能了。在拥有电动车前我甚至还有点看不上，觉得日子过的是不是有点“凄凉”，但真的拥有之后感觉真香，为什么没有早点买。也难怪现在街上越来越多的电动车，我之前上下班骑共享单车的时候过的是什么苦日子。生活有了一点点的提升也能带来一定的幸福感原来是真的。

年度照片

翻了一下相册，发现这一年其实没有拍太多自己的照片，满相册都是孩子的照片，当了父母之后也开始理解为什么那么多人愿意分享孩子的照片，可能有多少是激素影响，我也没有摆脱晒娃的魔咒，去年一共发了10次朋友圈，有一半都是和孩子有关的内容。

下面的年度照片也都是更多的围绕着孩子，看看这一年变化真的挺大的，从满地爬的小婴儿变成了一个跟在屁股后面爸爸爸爸喊着求抱抱的小姑娘。

2月份过年期间，妈妈从淘宝网购了好多拍照的道具，在家这几天就每天换装拍拍拍，这张是我最喜欢的小红帽造型，那个时候还坐不太稳。

1月份的时候的一张照片，小手还没有褪去婴儿肥。

妈妈给买的人生第一个玩具，从小就喜欢抓着，来自面包超人的小沙锤，可能她们这个年纪的孩子长大后发现几乎身边的朋友都曾拥有过这个童年玩具。

老婆生日当天恰逢周末，让阿姨独自在家带娃，我们出逃过一天两个人的周末，去了朗园拍了很多照片，一直逛逛逛，发现了很多好玩的小店。

自己生日当天，老婆给买了个小蛋糕简单庆祝了一下，有的时候会忘了自己的岁数，要算一下才知道，今年是第一个有女儿一起过的生日，这个小宝宝还没有过过生日，也不知道什么是生日，被老父亲强行抱着拍了一张照片。

最喜欢的事情就是被举高高，这种记忆应该是很多人的童年回忆吧，我至今依然记得走在爸爸肩头被举高高的情形，希望这个宝宝也能有这样美好的童年回忆。

三月份春暖花开的时候来杭州游玩，周中人少的时候西湖游玩的体验是真好，感叹杭州确实是年轻人多，周中在商场街上还有晚上的夜市里到处都是年轻人，错峰游玩确实是性价比超高的事情，带孩子第一次坐飞机出来玩，比想象中的要好很多，走出去的勇气是最必不可缺的。

那个时候拍的照片都是明亮的，看得出老婆是真的开心，平时真的需要偶尔跳出常规的生活路径，偶尔出来呼吸一下新鲜空气，换个心情。

南浔古镇给我的新鲜感不如十年前第一次去到周庄的时候，但整个过程老婆都很开心，说比想象中的好，感觉这次的行程规划比预想的要好，得到了很大的肯定。

四月份小区的花园已经开满了小花，天气也暖和起来了，到处都是生机盎然。

小孩子的玩具有的时候真的想不到，一个买菜的小推车都会做进去玩很久，她会把它当作自己的小城堡。可能在这样的空间里会让她更有安全感。

孩子一周岁生日前姥姥抱着孩子在小区内拍下了这张照片。

一周岁生日选了一个比较满意的酒店，就邀请了两方的父母举办了一个小型的家庭生日派对，后来才发现在小红书找的这场民族氛围浓厚的生日宴席竟然是一位学姐成立的工作室布置的。

夏天的时候也是昌平的樱桃丰收的时候，采摘园里的樱桃很新鲜，一次吃了个够。

夏天的时候买了一个儿童座椅，早晚休息时间带着孩子悠闲地骑行家附近的各处好玩的地方。明年大一些了可能会更喜欢这项运动，目前还是小了一点。

八月份开始学会了走路，在外面还是需要牵着一只手才可以慢慢走，不过她很快就体会到了可以自主行走的乐趣，可以自己探索更多的地方了。

第一次坐高铁出远门，一路睡一路玩，最终顺利到家。算是面临一次次的挑战，才有了一次次的成长吧。

因为有了孩子才打卡了很多有趣好玩的小公园和儿童乐园，如果没有孩子可能我们的周末也不会有这么多的乐趣。

这个小姑娘已经可以认出很多小动物了。

对比年初已经没有婴儿感了，这才过了一年，所以孩子的婴儿期真的很短，短到我已经也对那段天天起夜的日子印象浅了很多。

长大了的另一个好处是可以到处打卡新鲜的餐厅了，可以吃的东西也越来越多。

北京的第一场大雪，对于北京来说真的不算小了，已经可以堆雪人了，带着小鸭子雪夹，坐着老爸DIY的浴盆雪橇，一起出门玩雪。

这一年四季也留下了很多美好的回忆，又赚了一年的感觉，对于新的一年如果有什么心愿的话应该就是家人平平安安健健康康吧，然后如果有机会就去更多好玩的地方打卡。

背景

因为有太长时间没有登录Ghost博客后台，导致忘记了我的登录密码，加上最初没有给博客配置邮件客户端，所以也无法通过点击忘记密码给邮箱发邮件的方式来找回，好在我可以通过ssh登录服务器，之后通过修改Mysql的表来重置我的密码。

如何重置密码

首先我们通过ssh登录我们的博客服务器，然后链接我们的mysql，但不幸的是我甚至忘记了我的database和database name，但不要着急，我们是可以在服务器目录中找到的

第一步
首先进入mysql目录 cd /etc/mysql

之后查看里面的账号和密码 sudo vim debian.cnf

然后使用这个文件中的文件名和密码进入mysql，如果debian.cnf中的用户名为 debian-sys-miant则在在终端输入：mysql -u debian-sys-maint -p，点击回车就可以进入了

第二步
这时候就需要修改你的密码了，在进入数据库后需要选择一个database，可以先输入 show database来查看列表，我的Ghost相关的Database是 ghost_prod

之后输入 use ghost_prod来选择该Database

之后我们需要通过下面的命令来更新你的密码，
UPDATE users SET password=‘你的密码’ WHERE email='你的登录邮箱’;

但在此之前我们可以进入在线Bcrypt哈希值生成器来将密码进行哈希处理，然后将生成的哈希值填到上面命令中【你的密码】部分。

如果输入上面的命令之后展示以下信息就说明你的密码更新完成了。
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

第三步
进入  https://你的博客域名/ghost来使用新密码进行登录Ghost后台。

通过以上方法就可以完成密码重置了，如果在此过程中有遇到任何问题，欢迎邮件交流。

如果你是使用SQLite作为数据库也可以通过这篇文章来解决：Ghost管理员重置密码

相关链接

• How to change the admin password of your Ghost blog if you get Locked Out
• Ubuntu中查看本地mysql的用户名和密码
• Online tool to generate and check bcrypt hashed passwords.

今日立秋了，也宣告着今年夏天彻底结束了，可天气却丝毫没有要凉下去的意思。今天跟风点了秋天的第一杯奶茶，送到时冰块都已经化没了，从冰箱里拿出冻好的冰球，勉强喝了杯冰奶茶。

今年没怎么更新博客，其实也发生了很多事情，有很多好的变化，只是不知道为什么都拖更了好久，总想着找个合适时间和合适的理由写出来，原计划是写一篇半年度的总结，可还是放弃了，今天就借着立秋的节气，写写这段时间以来值得记录的事情。

总结今年整体一年都是非常感恩的一年，没有立很多的目标，但都是朝着好的方向发展，生活中也发生了很多的变化，今年我换了一份工作，加入了一家有趣的公司。今年离开了生活了近五年的回龙观，搬到了朝阳生活，从北五环到东五环，到一个新鲜的环境开始新的生活。

年初换工作也是意料之外的事情，原来公司项目因为疫情的原因没办法继续，所以团队调转方向借助团队的资源开始做餐饮供应链的SaaS系统，我个人对这方面没有什么经验和愿景，想着就趁这段时间去看看外面的其他一些机会，期间接触了几家公司。包括高德、58、龙湖以及一家创业公司。

因为之前做地图相关的设计工作，所以去试了一下高德，聊了两次并不是很满意，或许是没有达到岗位的用人标准，俩人面试时更像是同行之间的一些交流。现在国内地图相关的公司不是非常多，而且这个行业确实很特殊，准入门槛和监管比较多，所以后来了解到mapbox之前一直计划做的中国区业务也没有明显的进展，对国内底图以及数据的支持也没有更多的惊喜，官网也一直处于停止更新的状态，反倒是高德最近在做一款对标mapbox studio的产品，但可能是某些原因，单从使用者的角度讲并没有太大惊喜。

跟高德的设计师聊了很多设计职场相关的话题，也从他那里了解到很多阿里的工作模式和内容，总体来讲确实很有挑战，但会非常的累，他也坦言压力会比较大，不知道付出和回报是否是我想要的，面试时间一直到晚上九点钟，结束之后面试官还要回到公司继续完成工作，没敢想如果真的加入这个团队会怎么样。

再后来又去了58和龙湖，龙湖是一家地产公司，面试节奏也很快，部门是数字科技部门，主要是做一些物联网相关的设计，涉及多端的设计任务，系统会比较复杂，设计师团队也很大，有比较完整的晋升和成长体系，leader也有经验，面试时得知一个认识的设计师也在这个团队，第一次听说这家公司还是前司的同事说起，因为这家公司的薪水给的非常高，全年会发18-21薪，而且不限工资涨幅，最后面试下来给的确实是很多了，最后HR发的offer都到了double的程度，并不是一个非常好拒绝的offer。

58UXD是集团的设计部门，整个设计部门负责所有58产品线的设计工作，面试的组是交互部门，初期对这个团队不是非常了解，但是后来也是跟其他朋友聊天时才了解到，他们的设计部门其实权限和水平还是很高的，其实可以关注他们的视频号和公众号，他们也很注重对外的发布和产出，对待的设计的态度也是很认真，是一个非常值得一试的团队。

在这里也非常感谢之前面试联系的面试官，贺炜前辈和何潇前辈非常nice，也愿意给后辈们更多的机会和空间。

再一个就是现在我加入的团队，当时HR Nancy联系到我的时候甚至都没有跟我讲公司的名称，因为那个时候公司成立都没有对外正式公布，属于团队组建阶段，是的，我又加入了一家创业公司，这跟我当初要找公司的方向很不一致，如果按照当时的计划和目标，应该是58UXD这样的团队是更合适的，甚至当时的设计总监讲你可以选择任何你喜欢的产品线，充分的发挥价值，薪资上也愿意给到比其他offer更高的水品，真的是非常有不错的机会。

确定要离开后跟原来团队的老板也进行了交流，最终他的建议也是既然要走就去一家最有希望的公司团队，最后综合考虑确定加入的这家公司叫极狐GitLab，它是一家由GitLab技术入股的一家中国公司，专门为中国市场而成立的一家科技公司，比较有趣的是，这家公司采用全员远程的方式，中国的员工分布在很多城市，它依托GitLab的技术支持，也有非常稳定可靠的产品。虽然我是团队的第一位设计师，但其实并不是从零开始，团队内有非常多的文档以及工作手册去指导完成日常的工作，我依然可以去学习和实践非常多的内容，这也是我选择这家公司非常重要的原因。

我的上级CTO给我安排了一位来自GitLab的一个mentor，她会在我遇到一些困难时指导帮助我，让我非常顺利的度过了初入团队的那段时期。

面试时和我的产品伙伴和CTO聊的很开心，跟他们聊的时候很多想法不谋而合，可能大多数设计师对这款产品并不是很了解，但好在我在之前折腾一些包括博客还有一些代码托管产品时有了解并使用过这类产品的经验，能让我在面试这家公司时发表更多的看法，对于一个团队的产品以及价值观认同是一件非常棒的事情，我希望我的工作是由愿景驱动的，我希望将这个产品做的更好。在这里我将和团队负责将这款产品更好的和国内的使用环境结合，更好的做好本地化，发现更多的创新需求，最终目的是为了更好的为产品研发工作流程服务。

今年还有一个比较重要的事情就是我们搬到了一个新的环境，搬进了一个更大的房子里，这样离老婆的公司也更近了，对于我们家庭的幸福感提升真的非常多。感谢上帝，很多的事情都是没有预想过的，就像这次的房子就是一个预备。

今年6月份的时候还参加了校友会组织的返校日活动，比较难过的是因为我的母校YUST因为一些原因不会再继续运营下去了，这个学校是一个非常特殊的一所学校，它是国内第一所中外合作的办学机构，它还是朝鲜平壤唯一一所由外国建立的最高学府-平壤科学技术大学的姐妹大学，是由美籍韩国人金镇庆总长建立的学校，学校里的老师很多都是无偿奉献的形式来到国内进行授课，应该也是国内少有的专业课全由英语或者韩语授课的大学。

因为YUST每年招生人数非常少，所以办学近30年来也只有8000人左右的毕业生，这次返校日各地参加的校友有300多人，校友会在线直播人数超过了一万人，从93届校友到17届校友都有参加，关于YUST的故事希望能单独写一篇文章回忆一下我在母校YUST的一些故事，也能让更多的人了解这样一个神奇的大学。

返校日结束后我加入了校友会网络组，参与校友会的服侍工作，我们在搭建一个网络平台，将校友会相关的各项内容都发布在上面，作为一个我们YUST校友的乌托邦继续运营下去，会记录更多关于YUST的点滴，连结更多的校友资源做更多有意义的事情，最近校友会也组织各地的一些活动，以及对遇到困难校友以及教授进行资助活动，同时也在学习其他知名校友会的一些组织方式，包括基金会的设立等等，目前YUST的校友会是以爱心公益法人团体的身份在做事情。

今年其实也有一件很重要的事情需要去做，我和老婆会把这件事情放到祷告里，希望我们能看见带领，如果今年顺利的话会有一个结果，到时候也希望将这件事情记录下来，期待它的后续。

希望借着这次的更新能持续的更新博客。

设计需求

产品经理希望在原有的商品抽奖功能上改造一下,变成成可以直接抽取现金红包的功能.

所以最好是有一个动画展现红包抽取的样式.

对比一系列动效实现方案后我们一致觉得SVGA是当下实现效果最好的方案.

在设计过程中充分认识这款工具,也在设计过程中遇到了一些坑,把这些内容记录下来就当是写了个使用总结.

什么是SVGA

SVGA是一种同时兼容 iOS / Android / Flutter / Web 多个系统平台的动画格式。

通过官网文章中的介绍简单理解他的实现方式,就是在设计软件中将所需要的元素导出,之后SVGA会生成一个脚本,记录着这些元素的移动和变化,并将这些在各个系统平台拼合出动画.

他的优点是

1. 相比GIF颜色效果好(8位 VS 32位).
2. 播放资源占用小(内存和CPU).
3. 动画文件小(同一个文件PNG序列为1.8M,SVGA为150kb).
4. 动画过程没有差值计算,每一帧都是丝毫不差的还原设计.

实现过程

设计的需求其实很简单,市面上也有很多优秀的拆红包的动效.

设计的过程先是在figma里完成静态的设计,在考虑完它的动画效果后把资源导入到AE里面继续完成动效的制作.

在AE里面主要是使用了3D图层,模拟红包在Y轴上翻转效果,以及红包上下分开的位移.整体的效果比较简单.在一些关键帧辅助上加入了缓动,让动画不再那么生硬.

最终在AE里实现的动画效果:

遇到的问题

第一次上手SVGA的过程中也遇到了一些问题,但好在靠着网上的资源都找到了解决办法.

1. 导入到AE的设计资源为PDF格式,导致整体文件过大,无法正常播放
   可以在ae里面替换压缩过的PNG图片,内存占用会大大降低.(项目实测:1809M→1.54M)
2. 3D旋转没有被SVGA生成
   发现SVGA会有一些特效是暂时不支持的,比如:
   粒子效果
   羽化
   遮罩
   颜色替换
   3D图层效果
   操控点工具
   表达式
   流体效果
   高斯模糊
   描边
   位移曲率
3. 文本图层不会生成image key
   

因为开发同学要引用红包最后展示的金额,所以设计需要告诉开发金额现实的具体位置.但是在AE里面使用Text Layer标注的位置并没有生成image key供开发定位位置.

所以最后再合成里新添加了一块矩形元素,大小和位置和原本的文字区域重合.之后重新生成了SVGA文件,并把矩形所在的位置作为image key供开发同学定位.

复杂动画解决方法

因为当前的SVGA是不支持较为复杂的效果(比如3D图层),但好在因为SVGA是支持PNG序列的,所以就可以将整个动画先转出成PNG序列,然后用AE再打开这些PNG序列,最后使用SVGA Converter_AE工具生成SVGA文件交付开发.

因为每个PNG序列的透明像素都会造成资源过大,所以要把除红包以外的空白像素都截掉再导入到AE文件中.

导出完成后还要使用压缩工具将每个png资源压缩到尽可能的小.

最后可以在AE的插件SVGA Converter_AE中预览到动画效果,并且标注了内存的占用大小.

写在最后

这款工具是YY团队为了解决直播应用中动效的展示而开发的一款工具,YY团队的老大就是希望开发不要成为设计实现上的障碍,这就给了设计师很大的发挥空间.

虽然这次的功能在这款工具的帮助下短期内完成了上线,但是实际的效果对比大厂的动效还是有很大的提升空间,AE中的很多表达式和操作还是需要在实战中更多的进行提升.

相关资源:
svga文件预览_直播礼物SVGA格式如何优化_黄怡猫的博客-CSDN博客_svga预览
SVGA资源文章
一种完美的动画实现方案 - 简书

又到了年底这个时间点，打算开始整理一下这一年的一些过往，回头想想这一年都发生了什么，经历了哪些事情。算是给这一年的时间做一个阶段性的总结。

这一年总结下来应该是自毕业到现在最艰难的一年，感觉也是我们成长最多的一年。

关于生活

今年生活最大的变化就是我们迎来了我们的女儿七七，整个一年从七七出生开始一分为二，前半年大体都是轻松的，后半年是我们经历起伏最多的半年。

七七出生前一天正好是一个周末，我自己一个人从看房签约再到搬家一共就用了一天时间，当天晚上八点多搬完家后在回去的路上，老婆说已经开始规律宫缩了，我们可能得准备行李去住院了，这时距离预产期还有十天左右的时间。

就这样在母亲节这一天我们办理了入院手续，第二天14:06，我们的女儿出生了，我还记得把她抱到病床边的时候她一直在哭，声音很细，听到我说：“女儿是爸爸呀！” 她就一下停住不哭了，这句话也是在胎教的时候经常说的一句话，第一次感受到了新生命带来的惊喜，我和女儿有了第一次的互动。

从七七出生到现在年底这半年时间是我和我爱人经历过所有的时间里最困难的一段时期，知道照顾新生儿很辛苦很累，但真的经历过后才会更有实感。

从住院期间开始因为照顾宝宝不得不频繁夜醒，老婆也在经历身体激素变化带来的例如情绪波动，我们都瘦了很多。她的产后体重降到了90斤，我也是在最初的一两周瘦了将近10斤。

后面出院后我们就搬到了新搬的房子，家里迎来了新的成员，之前的房子就住不下了。索性就找了一个大房子，感觉什么都可以放得下了。

老婆的产假休了半年，正好在家这段时间是北京最热的时候，那段时间老婆应该是最难熬的，本来就是因为坐月子不方便开窗开空调，再加上从七七出生开始就因为哺乳没有睡过一天整觉，整个人看上去特别的虚弱，虽然月嫂也一直变着花样的做月子餐，但对她的消耗还是太大了。

在七七出生前我们就想过无数种生活的可能，和孩子的姥姥或奶奶一起生活，两方的妈妈轮流帮忙看孩子，我们也尽可能的想到各种可能出现的问题，想好了各种预案，避免出现家庭问题等等，但最终的情况是，我们的妈妈都放弃帮我们照顾孩子离开了北京，然后我们现在跟育儿嫂一起生活，到现在我们都回到公司上班，只有育儿嫂自己一个人在家带孩子，我们白天只能通过监控看到孩子的情况。

这应该是我们之前预想过的最糟糕的情况，也是我们当时设想过最最不放心的情况，但最终我们却发现这可能是目前为止最好的了，我们到目前为止换了4位阿姨，现在的阿姨是最最负责任的阿姨，也是经验最丰富的。我们还在调侃，没想到因为七七的到来我们过上了一日三餐有阿姨照顾的日子，家务和育儿的工作也是由阿姨接手，宝宝现在跟阿姨相处的很好，我们只有在早晚的时间能多陪陪孩子，所以也格外的珍惜工作之外的时间。

在这段时间身体上的累还是可以克服，但最最让我感到无力的是我们自己的家人，我曾经觉得在我们最困难的时候愿意帮助我们的一定是父母，但父母却在我们最无助的时候选择了离开。

从大概一年前开始为了让孩子奶奶尽快能适应新的生活，真的是做了很多预防工作，每个月不同节日都送上节日问候和比平常更多的红包，还给他们讲各种育儿相关的事情，希望能在轻松互助的环境下照顾好新生儿，她也表示愿意照顾这个新生命。

为了让妈妈适应环境提前接到北京，周末的时候老婆还挺着肚子一起出门打卡家附近的餐厅，一起去公园露营，逛颐和园看车展，真是为了能让妈妈开心做了很多的努力，但最后的结果是孩子的奶奶在孩子出生第七天老婆还没出月子的情况下坚持要回去，理由是身体不适，很难接受这样的理由，当时月嫂还没上户，留下我一个人照顾一个还没满月的婴儿和正在坐月子的老婆。

后面实在是需要人手帮忙，岳母在月嫂已经上户的情况下在家里住了一个半月，期间也是经常会有一些育儿观念上的差异，老婆也会在和岳母相处的过程中感受到更多的压力和干涉，通常育儿嫂和阿姨不会给我们这种困扰。

正常在产假期间应该是尽可能的减轻产妇的各种身心灵上的负担，但是这两段和父母相处的时间却是让我们最费心的时间。两位妈妈都是内心比较敏感的性格，所以我们不但要照顾孩子，还要照顾父母的情绪，一点也轻松不起来。后来索性我们就想着不再去寻求父母的帮助，什么事情都自己来。

最近一次阿姨聊天中她说你们都是独生子女，作为你们的父母还可以全力帮衬你们，我当时都不知道该说什么，可能因为父母的承诺让我们期待了太多。

期间还经历2次月嫂因为家人生病需要照顾临时替换阿姨的经历，真的是一次次的挫折和试炼，每一次刚感觉经历了一段难熬的时间刚要放下心的时候就又要面临新的问题，作为我还好，对于一个孩子的母亲来说真的承受了非常多的压力，那段时间真的是每天都非常焦虑。这种面对太多不确定带来的压力，甚至让我们觉得来自金钱上的压力是最不值得一提的。

其实孩子长大的过程中需要面对的问题还远不止如此，最近七七已经开始能表现出更多的情感，在早上上班送别的时候能从她的眼神中已经看到失落的表情了，之前还是会毫不在意的自己在玩玩具，不知道后面越来越懂事的时候会是什么情形。

也正是这样那样的问题，让我们夫妻之间的关系变得更加的亲密，我们必须做到一起面对这些摆在眼前的问题。我突然理解之前听到的一句话，就是如果夫妻关系没有好到一定程度千万不要尝试要孩子，这绝对是考验夫妻感情的非常重要的时期。

抛开让我们头疼的各种问题还有有非常多的开心幸福的时候，这半年来真的是一天天的看到女儿的成长，从她第一次笑，到她第一次学会翻身，一直到最近每天下班回到家开心的笑，抱在怀里咿咿呀呀的发出 baba mama 的声音，真的是我能体会到最幸福的时刻，是孩子一直在治愈我们，我们也希望我们可以给孩子留下更多美好的瞬间。

我们每天都有很用心的记录她的成长，一有空就会拿起相机记录，希望她能够在我们这个小家庭中幸福快乐的长大。

今年最大的变化就是在家的时间应该是历年之最，少了很多和朋友们的社交活动，少了很多我们两个人的娱乐时间，一有时间就带着七七晒太阳逛公园。

以上应该就是生活上的一些变化了吧。

关于投资理财

今年的储蓄率应该是我们自工作以来最低的一年？我们换到了更大的房子，请了一位住家的阿姨，这个应该是花销的大头，除了这两项之外，孩子的一些其他开销并没有我预想的多。

今年也没有定一个家庭总资产的目标，想着就放轻松一点，如果事事都讲究计划目标，那应该还挺辛苦的。

今年在投资理财上有两个尝试，一个是在今年年初银行利率降低前买了两笔外资银行大额存单，固定利率3.5，提前锁定了5年的利率收益。现在看最新的招商银行5年期定存的利率是1.55。每年都能拿到3.5的收益放在今天还是挺难得的，放到前两年可能都不会放弃流动性投资这种低收益率的产品。

另外一个是给我们的女儿七七开启了一个定投计划，我希望是每个交易日为七七定投纳斯达克100元，这样一直存到她18岁生日。希望她成年的时候有一笔自己的可以自由支配的存款，这笔存款她可以用来作为探索世界的门票，或者其他她认为必要的开销，或者单纯作为自己的小金库，虽然不多，但是也足以作为一些帮助。

这个定投计划如果是坚持18年的话，假设按照年化利率3%计算的话总余额会是59W，如果是年化收益是5%总余额会达到72W。虽然过往收益并不代表未来收益，但单纯看纳斯达克100指数过去18年的年化收益率在16-18%之间。如果在18年前开始这项定投工作，并按照年化收益率16%计算，本金收益和将达到228W。希望这个简单的复利计算能够让更多的人了解到定期储蓄的必要性。

但也是要在风险承受范围内进行投资理财，谁也不知道什么时候再会发生一次特殊事件，比如2000年左右的美股互联网泡沫、08年的次贷危机引发的全球金融危机、还有就是疫情期间美股的数次触发熔断都是非常可怕的，那个时候的最大回撤也很吓人。假设一个人是在金融危机之后开始定投，但是定投了10年左右遇到了疫情期间的熔断，那么也将面临着非常大的本金亏损。

这个定投计划我也是看到一些推特上的爸爸们开始为自己的孩子开启的新的理财计划，我希望这个计划我可以雷打不动的坚持下去。

还有一个是因为对于明年的人民币利率走低的预期增强，在年底的时候买一笔美元理财，标的是中银的一个货币基金，可以理解为美元版本的余额宝，当下虽然利率也在降低，但是最近的预估收益率也可以达到4.2，这是目前人民币里面的R1理财中绝对找不到的产品。

计算了一下我是在7.3的时候买入的，如果按照3%的收益率计算，人民币兑美元汇率升到7左右是不亏也不赚的，如果人民币贬值到7.5左右，那收益率综合起来将会有7%左右。最近世界银行和各大投资机构也都发出了明年人民币汇率的预估，很多的机构预估都是7.5左右。

关于工作

工作上今年没有太大变动，年初的时候接到了一家公司迟来的offer，但当时我已经加入了现在的团队。现在的团队经历了这一年的时间战略清晰了很多，产品线也更加的聚焦了，产品的功能成熟度也好了很多，也在招投标中拿到了大国企的订单。

团队目前已经开发了大模型资产管理平台，智能数据平台，还有代码编辑器插件等产品都在积极迭代中。

对于个人来讲今年整体的工作节奏还是很舒服的，每月一个版本，功能都是提前规划好，设计师出好方案跟踪开发进度并测试上线，这些都很常规。

上面是GitLab、GitHub 和 Figma 的活动热力图。

大概看了一下到目前为止 GitLab 上贡献了 257 个 issue 和 36 个MR，GitHub 上提交了 58 个PR。GitLab 的 issue 贡献量占团队的20%左右，GitHub贡献量在项目中排到第三。目前 GitHub 上的的开源项目 CSGHub已经收获了3.2K Star。

今年最大的变化就是直接参与到了我么你开源项目的代码贡献，之前都是只能参与设计贡献，今年通过阅读 tailwindCSS 和 vue 的文档贡献了一些前端代码，整个过程很有趣也很有成就感。在 GitHub 上还将个人介绍从 Product Designer 改成了 Product Designer ｜ UX Engineer。

能在工作中做和自己兴趣相匹配的岗位还是很幸福的事情。

关于旅行

今年应该是历年来最宅的一年了，主要是担心七七还小，担心经常换环境和作息会让她没有安全感，所以打算等到她再大一点的时候安排旅行计划。

今年就两个旅行地，一个是今年元旦的时候和老婆一起去了武汉跨年，另一个是春节期间去了济州岛。

在武汉的时候虽然整体行程比较紧张，但也是比较难忘的旅行，我们在光谷一起度过了跨年夜，也去了博物馆看了越王勾践剑，老婆挺着肚子还去爬了黄鹤楼，说实话我都没有孕妇能走，那个时候还不是孕晚期所以她的体力都很好。

武汉整体的印象就是很年轻，光谷有特别多的大学和年轻人，感觉消费都比北京旺盛，但当地人也讲也是因为大学生多，所以毕业生的薪资待遇都很卷，很多学生毕业就往一线城市去了，也是不太容易留下人才。

对比北京来说武汉是一个比较新的城市，虽然武汉的历史也很久，但是因为武汉有很多新建开发的商业和住宅，看起来就像是一个整体很新的城市，不像北京除了一些CBD，很多地方都是老楼。

可能也是因为今年整体房地产不景气的原因，遇到了两个印象特别深的普通人，一位是我们从武昌区过长江隧道到汉口时的出租车司机，他说早年在广东开餐馆赚钱后想着陪孩子所以搬来了武汉，买了两套恒大的房子，到现在还没拿到房子就烂尾了，估计钱是拿不回来了，两套房子当时买的时候应该是市值200W，就当是做生意赔钱了，就不继续耗着了。

另一位是我们早上在早点摊吃完热干面散步的时候碰到的一个民工大叔，我们走到一个老旧小区附近时，路边有一个已经停业的报刊亭，上面贴满了广告，除了一堆租房广告之外还有一个律师帮忙打官司催债之类的广告，大叔打电话说自己有6万左右的工资被拖欠了，问对方能不能帮忙讨回，可能是对方觉得金额太小还是难度比较大，说了两句大叔就挂断了电话。我们当天吃的热干面6元一份，这么看6万对比当地的物价真的不是一个小数目。

对于旅行给我们最好的体验应该就是当地的饮食真的很合我们的胃口，当地的排骨藕汤、还有红烧武昌鱼、小龙虾都是非常值得推荐的特色。还和老婆说下次希望找一个合适的时间一定要品尝当季的小龙虾。

关于济州岛的旅行写到了另外一篇博客里：域外杂谈-济州岛旅行见闻

今年的五一十一等长假我们都没有出行，而是留在北京，今年趁着有时间办了韩国的F4签证，因为可以到时候拿着F4长居签证去当地换登陆证（韩国身份证），换国际驾照和办理境外银行卡，但在首尔办理登陆证需要最少2周左右的时间才能出来电子证明，4周左右才能拿到韩国身份证，所以对于没有太多假期的我们来说一直没有合适的机会，直到后面看到去地方出入境比如蔚山一天就可以出来电子证明，拿着电子证明次日就可以回国，在第二次去的时候就可以拿到登陆证用中国驾照换取国际驾照和办理银行卡。

正好孩子的姥爷就在蔚山工作生活，我们也可以当作探亲，更加的方便了。有了国际驾照再去到海外旅行地的时候就可以在当地开车自驾了，毕竟有了孩子我们也没办法总是特种兵式旅行。有了境外银行卡也更方便我们做境外理财投资，算是一举多得。

因为前同事去年移居日本工作之后总是跟我提起在日本的一些见闻，让原本就想去日本旅行的我更加想去看看了，年底的时候就给我们全家搬了日本签证，原本是计划跨年在关西，但是因为行程定的比较晚，加上元旦期间日本上班族开启了9连休，整个关西地区的机酒价格就变得比平常高了很多，带着小孩推着婴儿车也不太好去人挤人的场所，所以虽然签证已经办好了，我们也决定等开春了天气暖和一点的时候挑一个非节假日再启程，一个是机酒价格会便宜近一半，另外就是没有太多人所以旅行体验会好一些，可以不紧不慢的慢慢感受当地的特色文化。

年度照片

24年的跨年我们是在武汉过的，正好有机会去看了湖北省博的越王勾践剑，也顺带了解了那个时期的一些历史。

武汉也是一个快速发展的城市，整个城市在快速的更新迭代中，前景的老房子和背景的新房形成了鲜明的对比，过去老一辈的生活面貌正在一点点消失。

吃完早餐回来的路上看到的打法律援助电话讨债的老汉，说是有6万的工程款没有结清，我们早上吃的一晚热干面6元，对比物价这欠款不算是一笔小数目，看到的小广告中最多的是租房，其次是讨债。

跨年夜前还和孕中期的老婆一起爬了黄鹤楼，实在是担心她的身体，但她还是坚持爬完，不得不佩服这个体力。

光谷的跨年夜很热闹，商场门口的空地举办了好多活动，据说武汉是全世界大学生最多的城市，明显看到的现象就是消费还挺旺盛的。本来以为会有倒计时活动，结果被通知临时取消，好多城市也都取消了倒计时活动，我们也担心人群聚集的越来越多，就早早的回去了。

春节前和北京的同事们一起找了一家藏在胡同里的轰趴馆，同事勇哥的秋田犬大牛也一起上了镜。

春节期间因为担心回家过年会遇到种种问题，我们就选择没有回去，一个是天气原因担心太冷，另一个是如果老婆遇到感冒发烧还没法吃药去医院，索性就找了个暖和一些的地方度假，关于济州岛的一些见闻，我都写到了 《域外杂谈 - 济州岛旅行见闻》中。

过完年我们在七七27周的时候去了一个可以做4维彩超的地方，拍了一些七七的照片，也是在这个时候我们知道了应该给她准备什么颜色的衣服。照片把一些五官都拍出来了，嘴唇和爸爸的很像。我们开始期待她的到来。

陪老婆去家附近的照相馆拍了一些老婆的孕照，重新穿上五年前定做的西服，感觉身体有明显的发福，差点就穿不上这一身衣服。

老婆很支持我今年的一些理财计划，赶在利率降低前存了3.5的存单。这两年我们也错过了一些机会，比如之前在金价420的时候去银行了解了投资金条，但觉得有点贵，就说等到降到380就买，结果就眼看着金价一路涨到现在的800附近。

到了临近孕晚期的时候，老婆行动已经变得越来越不便了，有的时候她在家待得实在闷，就会推着轮椅到家门口转转，正好当时家门口地铁站的海棠花开的正盛，就有了这张照片。

清明过后去海南参加了表妹的婚礼，妹妹结婚后，到我们这一辈的孩子们都已经成家了。妹妹是我二伯家的孩子，因为就差一岁，所以童年时期我们都是一起长大的，后来在我上中学后她和姐姐定居在浙江，就有很多年没有机会见。这次还见到了有近15年没见到的伯母，伯母这些年一直定居在韩国富川，妈妈特意叮嘱我要好好的见一见伯母，伯母和妈妈作为妯娌，真的是帮助了我们太多，我在出生的时候算是早产，妈妈在产后状态也不是很好，是伯母用点滴瓶装满热水当作保温箱给我保暖，一边照顾我一边照顾妈妈。那个时候条件不是很好，但她一有什么事情就想着我们，到我异地求学的时候也是隔三差五就被叫到她家里吃饭。到后来大家都离开了本族本地之后就很少再见到。

姐姐和妹妹年纪相差6岁，在他们身上我从来没有见到过姐妹之间的那些不好的一面，姐姐从很小就开始照顾妹妹，妹妹无论在哪里都一直跟着姐姐一起，这么多年来也是如此，到后来定居义乌买房也是要离得很近，姐姐结婚后生了两个女儿，看到这两个侄女就跟他们小的时候一样亲密，幸福和睦的家庭总是让人羡慕，看到她们会让人觉得家人是亲近的，会体会到那种血浓于水情同手足的感觉，我想她们彼此应该就是父母留给自己相伴一生最大的财富了。

我到很大了才知道姐姐是伯母带过来的孩子，他们是属于重组家庭，但就算是这样两个姐妹都非常的亲近，这就让人更加佩服伯母，和睦的家庭一定有一个智慧的父母，我的伯母就是这样一个人。

今年担心老婆身体上的变化带来的情绪波动，我们一有时间就会到公园晒太阳聊天，今年应该是我们逛公园最多的一年，甚至还买了一顶帐篷，可以支在海淀公园的草坪上躺一下午。

母亲节这天正好是周末，这一天真的是非常极限挑战的一天，看房签约找搬家公司搬家都在同一天完成。晚上回家的路上老婆就有反应就去了医院，第二天我们的女儿就出生了。

这张照片是老婆躺在病床上给我和女儿拍的，我把这张照片用在了女儿的银行卡面上，银行卡的数字尾号是女儿的生日。

进入到第二个月的时候女儿经常肠胀气，身上的黄疸数值也很高，有时候晚上也睡不好觉。平时除了需要经常按摩小肚子之外，女儿最喜欢的就是趴在大人的肚子上睡觉，能听到大人的心跳声，也会更加的有安全感，肠胀气也会好一些，我就会这样一动不动看着这么小小一只的女儿睡的香甜。

孩子的成长真的比想象的快，出生第二个月就开始会趴着甚至翻身了，她会学着大人示范的动作学习如何保持趴卧和翻身。

过了第三个月开始七七和人的互动就会变得更多了，这个时候就会觉得不知不觉间已经长得很大了，已经脱离了新生儿的感觉，也开始慢慢的涨体重了，每次看到爸爸妈妈逗他都会开心的手舞足蹈。

第一次带着她去家附近的游泳馆，这个时候还是可以一人一缸，到下次再去的时候因为体重达标，只能去大的公用的泳池了。

七七的白天照，已经是一个阳光爱笑的小姑娘了。

老婆产假结束之后就会到公司继续上班，因为我们公司离得比较近，每天中午我都会坐公交到老婆公司附近一起吃午饭，饭后会一起在楼下的书店看书或者在附近转一转，这张照片是在中科院声学研究所后面的中关村北一条拍的，这条路行人很少，都是附近科研院所的工作人员，难得看到这么好看的银杏大道。

为了希望给女儿留下更多照片，特意买了一台相机，希望可以经常记录一些难忘的瞬间。

虽然头发还不是很多，但是整体上已经慢慢脱离婴儿感了。

特别喜欢吃阿姨做的各种辅食，很幸运她对目前为止吃到的辅食都没有过敏反应。

难得的两人约会时间，在一起14周年纪念，不知不觉就已经走过了这么多年，老婆还说再过两年我就要占据她生命的1/2了。

年终总结算是断断续续写完了，不到最后一天的总结怎么能叫年终总结呢，对吧？

2024/12/31，于北京海淀量子银座大厦。

前言

在最初一版的公司官网中，很多页面是使用的 UntitledUI 的样式来完成设计，但长期使用起来发现如果是仅仅在产品功能界面中使用该 UI 会是不错的选择，但使用在官网设计上会听到一些反馈，诸如色彩太单调，缺少动态效果等等。

这次版本优化就专门希望针对动效部分能做一个增强。之前的经验中如果涉及到动效的部分，会有很多不同的处理方式，但最终在调研过程中我把关注点放在了SVG动效上面，通过调研发现了一个非常好用的工具，那就是 SVG animator，而且在使用时带来了非常多的好处。

相信这会对设计师交付一些微动效尤其是svg路径动画有一些启发和帮助。

什么是 SVG Animation？

SVGs（scalable vector graphics）是可缩放矢量图形文件的缩写，是一种标准的图形文件类型，一种用于描述二维图形的XML标记语言。因为是矢量文件，所以无论是在多大的尺寸上展示效果都是一样的清晰，保证了图像不受尺寸影响，依然能够是最佳的展示效果。

不同于以像素为单位的位图，svg是基于代码，因此 SVG 动画具有可拓展性，后期更容易修改和调整。

Svg 更好的一点是，他的体积非常的小，对于网页来讲更容易渲染和加载，所以在现代网页设计中被广泛使用。

使用 Figma 将同一个图形导出为3种不同的格式，svg是2kb，而png和jpg分别为8kb、27kb。

关于 SVG 动画的历史

最早的关于 svg 动画是在上世纪90年代被开发出来，在 2003 年左右一些网页浏览器开始支持 svg 动画。但是直到最近我们还需要使用一些独立的插件或程序才可以浏览 svg 动画。

几乎所有主流的浏览器在 2011 年开始支持 svg 动画，并且在 2018 年发布了 SVG2 之后，我们才慢慢的发现更多强大且易于使用的 svg 动画软件。

使用 HTML 和 Javascript 制作 SVG 动画

从那之后网页中的 svg 动画开始慢慢取代无处不在的 GIF 动画，最近十年 GIF 动画开始慢慢消失，使用 HTML 和 Javascript 制作 SVG 动画开始变得越来越流行。

比较有名的就有苹果的初始化屏幕上展示的 hello 动画。

为什么使用SVG动

SVG 动画的使用给研发或者是设计师带来了不少的好处，目前越来越多的svg动画取代 gif 的一个原因之一是，网站的访问速度已经成为一个决定 Google 排名的重要因素之一。

如果一个网站上有过多的 gif，就会导致网站排名下降。因此，SVG这样轻量、快速、易用的格式开始变得越来越受欢迎。

SVG animator 是如何工作的？

Svg 的工作原理是需要给路径一个清晰的指导，就好比要给一个手里拿着画笔的孩子一个清晰的指引，告诉他起点、终点以及方向，按照这样的指引就可以让 svg 的路径变成一个动态效果。

通过这样的指引就可以清晰的画出直线、曲线、矩形、圆或者任意形状。

因此 SVG 路径有一个明确的起点、终点以及长度。有了这些参数，我们就能指定某个 svg 路径从 A 点到 B 点连贯起来渲染展示的动画。

Framer 的 Animator 组建是由 Benjamin den Boer 开发，用来处理让 SVG 动起来的问题，我们需要在这里点击 Copy Component，之后到 framer 项目中粘贴，再将这个组建于拖拽到项目中的 svg 资源相连接就可以使用，并且在使用过程中使用属性面板配置组建的动画设置，就可以让 svg 动起来。

一些效果

这个截图是原官网中 hero header section 部分，标题下的蓝色线条是静态的，通过 framer svg animator 重新设计之后的效果变成了 svg 路径动画，实现的效果可以参考下面的动图。

在设计页面时我们也会常用一些icon，这些 icon 也同样可以使用 svg animation 进行动态化。

在线预览地址

Tips

• 如果是通过Figma设计，可以使用 Figma to HTML with framer 插件，将设计稿复制到 framer 中。
• 使用 animation component 关联 svg 时，svg 不能编组，需要保证 component 关联的是 svg 路径，而不是封装的 group。

相关链接：

项目官网：https://animator.page/

作者个人网站 https://benjamin.design/

官方博客：https://www.framer.com/examples/svg-animation/

前言

这次的济州岛之行是我一个迟到了5年的约定，最早是在18年和公司团建回来之后就和老婆说下次一定要带她一起去一次，结果因为种种原因就推迟到了今年才成行。

我们是在二月份去的济州岛，一共待了7天，住在济州市区老衡洞和咸德海边，所以大部分的活动范围就在这附近，出行我们都是选择公交出行，那几日的天气除了一天下了点小雨，其余时间都是半阴半晴，所以非常适合在市区和海边散步，可能当时不是非常热门的时间，所以旅行整体体验感很好。

机票酒店因为我们是提前预定的，所以整体花费并不会很高，加上济州岛又是免签，所以带上护照买个机票就可以去，非常方便。

因为之前看到过王小波先生写的域外杂谈系列，觉得内容形式很好玩，可以通过他的文章认识一些海外城市的衣食住行，能够更好的理解不同于我们的海外生活，所以我也想尝试将我在济州岛的一些见闻记录下来。

住

我们在济州岛入住的酒店位于济州市区老衡洞和咸德海边，老衡洞是属于济州市区最便捷的地方，步行就可以到达新罗和乐天免税店，附近还有保健路步行街，有很多当地的美食店。

咸德海边可以看到号称果冻海的海景，周边有海水浴场，也是热门的旅行地之一。

济州岛的市区和我所去过的首尔、釜山、水原等大部分地区都基本一致，道路整洁干净，街边小店也很多，所以逛起来会有趣一些。

韩国的土地是私有制，土地所有者购买土地后可以根据当地法律允许的范围下进行建筑的施工修建，所以当时比起城市的公寓类型，我倒是更喜欢市区外的一些房子，都特别的有特色，这次和老婆走走停停看到了很多正在施工中的房子。

我们很多时候会在韩剧里看到男女主和家人一起生活在一起，房子是两三层的独栋，十年前在首尔建国大学附近就住过一段时间这种房子，房主是在沙特当建筑工赚钱后在建国大学附近购置的土地和房产。不过近几年大家都更喜欢住在大公司修建的高档小区，因为小区现在看起来更方便，小区内也有一些医院、学校等设施，更加的私密安全一些，现在的韩剧中的主角也是更多的住在高档公寓里。

上面提到的的两种住所很像国外的 house 和 apartment 的区别，但有一点不同的是，韩国大部分的 house 比起欧美的 house 没有那么大的前后院，韩国的 house 围墙也是离建筑比较近，围墙外就是胡同。韩国这一时期的 house 在修筑时都会有一个半地下，通常这类的半地下会当作储物空间或者租住出去，很多韩国电影中的低收入家庭会选择这种房间，像我们看到的1988种的德善一家。

济州岛的乡村房屋才是这次旅行的重点，因为济州岛是一个火山喷发而成的一个岛，所以在岛上有很多的火山石，很多乡村房屋的围墙就会就地取材将它当作院墙，院墙普遍又不高，所以穿行在小路上都能看到院落里的造景和房屋。

因为济州岛的特产是柑橘，所以路过的很多家都会在院子里种上一棵柑橘树。还有很多的庭院里会有各种主人修剪的园艺造景。

走过的时候看到好看的院子总是会忍不住拍下来。

从牛岛坐公交到涯月邑的路上就会经过很多的农田，下车后走到涯月邑的海边会经过一个村子，这个村子也有一些土地会出售。

这个村子就给人以宁静祥和的感觉，因为房主都是常住的居民，所以每个家都会被主人打理的很有特色。

在韩国的很多农村都能看到这种狗，主要的作用就是看家护院，虽然长相呆萌，但是后来才知道这是朝鲜半岛知名犬种丰山犬，普京访问朝鲜的时候金正恩曾经送过一只丰山犬给普京。丰山犬除了看家护院还是有名的猎犬，小时候家里曾经养过一只丰山犬，那时候还不知道其实纯种的丰山犬售价并不低。

围墙院内的树被主人修剪的整齐。

为了尝一次济州岛的刀鱼去了一个机场附近的村子，在这里也见到了一个非常传统的且年代久远还有人住的传统民居，院内还种有蔬菜，这就非常像延边地区农村的一些房屋的构造。

这种房子就是传统的朝鲜民居，包括中国的延边地区还有乌兹别克的高丽人的住所都是这样，特点就是屋顶的设计。

这张照片前后两个不同年代的建筑设计，可以看到不同时期的建筑设计风格和居住习惯，照片后面就是汉拿山。

在济州岛住的这几天感受到了和在首尔完全不同的氛围，感觉这里的人都不紧不慢的打理自己的生活，会感觉更精致一些，没有大都市的那种紧张氛围，非常适合让自己慢下来感受花开，感受日落。

离开济州岛的最后一天感觉自己已经习惯了这种慢节奏，在路边的凉亭休息一会等雨停，和老婆聊聊天不知不觉就会一个小时，但依然觉得很享受这种微风小雨不紧不慢的生活，拍了一张对面民居咖啡馆的照片，石头围墙外停着的老式捷豹成了亮眼的点缀。

这种胡同就是最常见的济州岛的居民区小路，喜欢在其中穿梭行走，不经意间就会遇见一个街边小店。

老婆说很喜欢这家的树，希望如果后面有机会也要亲手在房前栽一棵，好好打理，等它开花结果。

食

饮食上同为东亚国家也不会吃的特别不习惯，我和老婆也是因为饮食习惯与这里相近，所以很多时候感觉济州岛的饮食算是对我们非常友好了，在这里吃到了很多在北京吃不到的正宗的韩餐。

黑猪肉

来到济州岛大家都会推荐黑猪肉，韩国的烤肉也是非常有特色，倒是没有特别期待，如果是来旅游可能首选七星路附近的黑猪肉一条街，这条街如果是在热门时间应该会有非常多的游客，但我们去的时候街上却没有多少人，很多店里也只是三三两两，都不需要排队

后来我们还是选在了市区一家评分中上的一家小店，通过谷歌地图看到评价还不错。店内就五六张桌，只有一位老板和服务员，老板会帮每一位客人烤好，服务态度也是非常nice的。

在店里也没有选择套餐，而是点了两三份店里的招牌，有一份是猪颈肉的部位，带一点脆骨，老板形容时部位就是掐住脖颈拎起小猪仔时，手里可以捏到的那个部位的肉，一只成熟的猪只有1kg左右。

两个人点了3份肉，分量刚刚好，每一份数量都比较少，因为是炭烤味道会有一点木炭的香味。

春川鸡排

在保健路饭后散步时遇到一家春川鸡排店，就和老婆约好第二天要来这里，北京正宗的春川鸡排店也越来越少了，慢慢的也就想不起来要来。这家店据说开了很多年，店内也有中国的服务员，两人份人民币100左右，也算是非常实惠的价格了。

炖带鱼

炖带鱼几乎是每个介绍济州岛的游记中都会提到的一项，我们是选择坐公交到机场附近的一个村子里，据说这是济州岛第一家开始做辣炖带鱼的商家，老板招待了很多的名人。

墙上也挂了一些签名和合照。

这家应该是我们在济州岛吃的单价最高的一餐，两人份韩币10W，当日汇率合人民币500+。我和老婆从小就比较喜欢吃带鱼，也是带着一点期待才来的。

店里兼职的服务员是个中国人，所以语言很友好。

虽说是两人份，但其实三个人也是够的。

老板看我们是中国人又会说韩语，就聊了两句，他会比较关心中国目前的经济情况，我就说疫情后影响很大，经济还没有恢复过来，他说济州岛也是少了很多游客，当地经济也不如往日活跃，最后离开时还用韩语祝老板新年快乐，老板追出来送了一袋当地特产的柑橘糖，是小时候吃过的那种白色麦芽糖加入了柑橘糖浆，味道很熟悉。

济州柑橘

济州岛的柑橘非常的有名，也是当地的特产，我们可以在市区纪念品商店里看到很多关于橘子的周边。

我是一个柑橘属重度爱好者，从小就非常喜欢吃各类橘子，来到这里当然不能错过试吃，我们就去到咸德海边的一个传统超市买了三种不同品种的句子。

右边两种价格差不多30一斤，左侧的那种是20左右，不过吃完感觉还是最左边的甜度最高，口感最好，而且外皮也是最好扒的。

细花排骨

细花排骨是在咸德海边步行就能到达的地方，这应该是我在济州岛吃过最好吃的一家店，牛排骨的肉很软，汤里面应该是放了很多糖稀，吃起来甜度很好。

据说这家店是济州岛排骨届的隐藏冠军。

东门市场

东门市场和黑猪肉一条街以及七星路步行街很近，我们顺便就进去逛了一下，这是一个传统的市场，里面很大有很多条入口，一些当地的特产也可以在这里买之后邮寄回去。在这里可以看到当地食材的一些物价。

东门市场的8号门到了晚上会有一个夜市，有很多网上的视频能刷到这里，我们在这里点了半份的芝士龙虾，感觉食材虽然新鲜，但是味道一般般。市场里有很多当地特色的零食售卖，也可以去品尝一下。

咸德海女包饭

这家店是老婆在小红书收藏的一家，卖点是餐厅靠窗的景色可以看到咸德海滩。我们点了一份拉面一份紫菜卷。窗景是非常不错的，如果是天气好会非常舒服，不过因为人比较多，热门时间高峰期就餐体验应该不会很好。

进店到前台排队点餐，拿个提示器找到就近的位置坐好，等提示器震动就可以去前台取餐，餐具茶水自取，就餐完成之后需要把餐具放置在前台回收区，店内没有扫码自助点餐，这点很多餐厅和国内不一样。

On Off 牛岛芝士猪排

这家店内的环境整体比较舒服，虽然人多，但是等待的位置是在室外，所以店内就餐的人体验会好一些，店内菜单不多，一人点一份就可以找个位置，不多时就会送到位置上，这里适合慢慢就餐，餐后也可以好好休息一下。

看照片就能感觉一人份的分量还是很大的，可能餐后也只能再吃下一杯牛岛的花生冰淇凌了。

MOUMOON Cafe

从牛岛坐公交返回咸德的路上会经过涯月邑，担心坐公交直接回咸得时间太久容易疲劳，就把 MOUMOON Cafe 加入到了行程中，这家咖啡厅也是非常适合打卡拍照，因其面向海滩的巨大落地窗而闻名，黄昏时分伴着店内的音乐望向海滩的夕阳余晖也是非常让人放松治愈的时刻。

UMU 布丁

济州岛也会有一些当地比较火的新兴品牌，UMU就是其中一个，在济州一共有三家店面，主要售卖的产品是各种口味的布丁。

店面都很小，是临街的那种小商铺，我们了解到这家店还是在济州机场，他们在机场一楼布了一个展示空间，里面展示了可以触摸的布丁样品，还有各种周边的产品，整体设计上很清新。

产品的包装上只有一个umu的logo，除此之外什么都没有过多装饰，除布丁颜色之外，周边产品都是纯白的色系，材质强调环保。

柜台上展示了一些样品，可以用手感受布丁的Q弹。

也会在一些产品上和其他品牌进行联动，比如我们知道的 blue bottle等。

购物

免税店

来到韩国的游客购物应该是重点项目了，除了我们知道的外国人可以免税等之外，产品本身的售价也会比国内便宜一些。

在济州岛这次购物主要是集中在济州市区的免税店和七星路周边，买了一块手表和一些衣服。

之前就一直有想买一块表，这次逛免税店的时候就有试戴一些，看了浪琴和欧米伽的一些表款，本来想着如果泰格豪雅价格合适就拿一块的，结果看到帝舵柜台看到了正在做活动的碧湾系列。

当时去的时候免税店柜台除了热门的钛金碧湾之外，其他的型号都是有货的，当时的活动是专柜9折叠加金卡95折，再加上淘宝找的免税店返点14.5，最终折算下来相当于国内价格的62折左右。最终在老婆的建议下拿了碧湾专业型。

虽然是同样的品牌，但是因为是不同的区域，所以和国内不同的是在韩国可以买到在国内不太常见的款式，老婆就特别喜欢这个小的刺绣标的棒球帽，折算下来应该是国内的6-7折左右。

免税店购物建议提前在淘宝或者小红书找到一些合适的返点商家，之后到免税店登录护照号成团之后不但可以享受到金卡优惠，大部分商品还有额外的返点，这是个人自由行用户享受不到的。

保健路步行街

保健路步行街地理位置其实也很便利，在海岸边很近的地方，步行街入口对面是东门市场，保健路步行街隔壁街就是黑猪肉一条街。所以饮食购物可以都在这里解决，留个半天时间可以好好逛一下。

我们去的时候可能是因为淡季，步行街主路上人就比较少，等到我们走到支路上时，原本就人流量少的位置有很多的店铺已经出清闭店了，也确实能想象到曾经的喧嚣和当下的冷清对比是有多强烈，济州岛的旅游业也是收到很大的影响。

Snow peak
主路上是一些我们常见的品牌，没有特别有特色的店铺，都是一些运动品牌之类的，倒是被一家户外品牌给吸引了，就是那家户外用钛合金杯子特别有名的 Snowpeak，店里有很多户外衣服，整体设计更简单干净，面料会更有质感一些，价格会比常见的户外品牌稍贵一些，后来回到北京才知道家附近的卫星厂内就有一家snow peak，而且北京的店内不光有服饰，还有餐食咖啡户外设备帐篷之类的，品类上更推荐，不过价格会比在济州岛贵将近一半。

champion
路过了一家不太起眼的集合店，发现有champion在卖，发现这里的折扣也是非常多，老婆试了一件开衫连帽卫衣和圆领卫衣，两件加起来只要北京专柜一件T恤的价格，样式也很好看，不是那种一进去就是满眼大LOGO的款式。

Carhartt
在步行街的一条辅路上发现了一家宝藏店，这家卡哈特的店铺很有设计感，粗旷的风格和欧美的工装设计很搭，忍不住拍了一张。

work in progress系列和北美的类似黄石风格纯正工装不同，这个系列是欧洲设计师加入了很多潮流的元素，裁剪上也会更加现代一些，美版的是非常传统的宽大版工装，所以个人推荐欧版的是更适合潮牌风格，在这家店里也可以看到很多限定的款式。

这家店内也可以申请退税，出示护照就可以。

Triple Store

在韩国非常推荐这种集合店，在济州岛一共有两家triple store，分别在保健路和七星街附近。店内集合了像 Salomon、Carhartt、Espionage等。个人感觉保健路的店衣服会更多一些，同样可以直接在店内退税结算，支付的就是免税的价格。

各类纪念品店

无论是在咸徳海边还是济州市区都有很多这种类型的纪念品店，会在商品上融合各种当地元素，文创类的产品都做的非常的精致，也尽可能的考虑到产品的实用性，让用户总能看到一两个可以购买的商品。

各类店铺

不知道从什么时候起，对于路边的店铺设计都很有兴趣，抛开北京，其实南方很多不管是县城还是城区，尤其是港澳地区，店铺和门头的设计都很有地方特色，北方的话像是天津的第五大道等地的小店也很有设计感，因为保留了很多当时租界时期的建筑，所以各式风格都是互相融合，设计也是非常的讲究。

这一点相信去过无论是青岛还是天津大连的游客应该会有些许体会。

济州岛的店铺门头设计更为多样，拍了一些比较有特色的店铺，可以看看不同的地区文化下这种小微商业的形态。

咸徳海边的一家纪念品店，商家会把一些促销或者有卖点的介绍写在门面前面，手写体看起来亲切又不显得杂乱。门口的空调压缩机会稍微不和谐，但也为了行人考虑，避免直吹到步行的行人，会把出风口安装上导流罩，比较人性化。

老婆在这家店里买了一个发卡，看得出她真的非常喜欢，平时在家里时也一直在用。

济州岛的临街商业非常的发达，国内的城市规划尤其是北京，这种商业形态几乎都会在特定的园区内或者少部分老城区会出现，所以不会像济州岛这么好逛，如果在北京几乎是需要开车到A点逛一圈，之后开车到B点逛一圈。

国内去过的城市中武汉的汉口、还有澳门香港是比较适合散步去观赏临街商业的。

看到好看的外立面还是会忍不住多看几眼。

一家卖女装的小店，门头的设计感觉很适合做古着店。

济州岛黑猪肉一条街的店铺很多都是这种半开放式的门头设计，这样可以让店内的油烟更快的散去，夏天天气炎热时也能提供更好的通风。

这家春川鸡排的门头看起来至少有20年了吧。

在机场附近的一家民居改的咖啡店，还没开业。跟门口的老板聊了两句，夸了一下店面的设计很有特色，老板还邀请我们进去参观。

非常喜欢这种传统民居，这里除了使用传统的木制栅格窗框之外，在瓦当的部分使用的又是非传统的设计，门口的火山石铺成的小路等到小草都长出来应该会很好看。，老板还特意在朝西的位置开了一个面积很大的窗户，通常在传统民居中不会这么设计，但是为了让喝咖啡的人能够欣赏到济州岛的落日景色，才有了这样的设计。

位于咸徳的一家海边餐厅，餐厅的入口和海边景观位的面积配比很舒适。大面积的玻璃窗让餐厅的所有人都能欣赏到海景。

这是一家小酒吧，门口的位置上有一些墙绘和长椅，可以让路过的人休息打卡，顺便能够更多的停留记住这家店铺。

路过市场附近时在另外一条没有紧邻海滩的辅路上看到了这家小店，店主是一个姐姐，改造了自家的小房子，刷上了黄色的漆面，搭配上暖黄色的灯，让人在二月中的傍晚一眼就看到了这个温馨的纪念品店，让人忍不住想进去逛一下。

这个店铺是咸徳附近非常传统的一个街边超市·民宿，通常这种门牌还有推拉门都是用了非常久的，这种装饰会有至少二三十年没有变过了。

之前爸妈在水原市住的那个巷子里就有一家很像的杂货铺，我也会经常在周末回家时路过买一些日用品。

一家猪蹄专门店，可以在旁边的窗口打包，也可以进店就餐。
店铺内售卖的商品的菜单和价格都会写在门口的黑板上，很像广东街头看到的那种烧鸭专门店。

一家专门卖酒的小店，和店里正在挑选酒的情侣。

很少会在马路上看到涂成黑色的店铺，不知道是文化上的影响还是什么，会觉得有点不舒服。

一家烘焙店，很喜欢他们家有历史感的木门和台阶。玻璃上贴的海报也是复古风格的，门口的树和花都打理的很好。

街边一家售卖布丁的小店。左边可以自主结算购买布丁，右边的门进去是餐饮。

一家卖礼品和杂货的小店

一家非常不起眼的小店，甚至都没有一个门牌。但还是有三三两两的顾客，店主应该是很佛系。

在济州岛理发时遇到了一些困难，在这里很多的理发店是需要提前通过naver预约，如果直接去没有预约，店主会说已经预约满了不会接待。我们又是外国人，没有当地的银行卡，所以预约不上。
最后通过naver地图中店主展示的Ins联系到了老板，说明了情况后约了一个时间去到了店里。

感觉这个超市比上面提到的还要有年代感，可能1988里面能看到类似同款的小超市。

可以看到周边都拆迁完了，就这家店还依然没有出让土地，继续在这里开着，旁边还有自己开垦的菜园。

在现代社会如果还想保持已经习惯了的传统生活方式，真的是一件非常不容易的事情，尽管和旁边看起来有那么一点格格不入，但是也要尊重每个个体的选择。

路过一家杂货铺时，发现店里还有一个空间专门留了三面墙售卖二手书，现在延吉已经很难找到卖朝鲜语的二手书店了。

在酒店附近的路边有一家寿司店，路过的人可以透过窗户看到店内的布局。

店主甚至在后厨操作台的位置开了一个侧窗，这样路过的人也可以看到寿司制作的整个过程。

这家店的主人应该是一个标准的猫奴吧。

在牛岛农田边看到的一家已经关店了的咖啡店，老婆说很喜欢这个颜色和复古的装饰。

路边纪念品店的一个展示橱窗。

至此就是关于我们在济州岛的一些所见所闻，这次旅行中也留下了一下遗憾，比如因为老婆怀着孕在牛岛没法骑行，但我们又没有国际驾照所以也无法租车，希望下半年去首尔办好登陆证银行卡和国际驾照后，再去到其他地区旅游时能够更便捷一些。

得益于现在北京直飞的航班比较多，价格也很亲民，所以后面方便的时候周末短途旅行或许也是一个比较好的选择。

不知道下个旅行地会是哪里，可能再下一次就是三口之家了，期待着下一次的出发。

翻看博客发现已经有两年没有写年终总结了，感觉疫情开始后的三年里，其实发生了很多事情，时间也过的很快，相比起身边其他同事朋友，感觉自己已经很幸运了，没有遇到过封控，也没有单独隔离等等。

今年是疫情开放以后的第一年，也是一个极为特殊的一年，年初大家都满怀期待，今年也在自己身上发生了很多事情，也想通过这个文章看看自己今年以来的变化。

一些变化

要当爸爸啦

今年一个非常大的变化就是我们要成为父母了！9月份知道的这个消息，到现在还是非常的激动，当时也是迫不及待的第一时间告诉了家人，最近已经安全度过了早期的阶段，每次产检都很顺利，最近开始已经每天都有规律的胎动了，第一次感受到他这个小生命的那种心情至今还记忆犹新，明年夏天就要成为爸爸了。

搬家

我们搬家啦，去年年底因为老婆的工作地点发生变化，我们从住了近2年的朝阳东五环搬到了海淀中关村，因为是海淀学区房加上附近有一众高校，费用对比之前高了很多，是我们在北京住过最贵的房子，但感觉一切都很值，老婆上班距离不到300米，因为我是远程办公的原因，每天在一起的时间也多了很多。住在北四环附近的好处就是坐车去哪里都很近。

因为离得近的缘故，好像每个季节都去了颐和园，不同的季节都有不同的感受，皇家园林还是非常美的，还有附近的国家植物园也是非常值得一去。

民宿房东

今年和老婆商量了一下把老家闲置的房子简单装修一下上架到民宿平台，前后忙了差不多半个月，第一周提前网购家具和一些装饰用的材料寄到了家里，第二周在现场一边远程办公，一边整备房子。虽然中间停滞了一段时间，不过赶在了国庆期间上架了。

就目前的旅游热度来看，近一两年还是会有不少游客前往，因为房子的位置在热门目的地附近，所以预订量还是符合预期的。有了一笔工资之外的额外收入。

新玩意

Apple TV

今年在推特上流行过一段时间 Apple TV 的各种推荐，只不过之前因为需要软路由加上苹果电视并没有在国内发布上线，所以只有少部分人使用，但在最新版的TV OS17 发布后内置的应用商店就可以下载VPN，所以只要有美区苹果账号就可以轻松使用了，可以下载常用的流媒体软件比如Netflix，还有 Youtube 等等。

目前使用最多的还有串流媒体收看海外的电视节目，之前在香港旅游时就发现香港的电视媒体播放的内容和大陆非常不同，具体的不同可能最新的TVB新剧的《新闻女王》观众会深有体会，总结起来就是新鲜真实。

PS5

PS5是老婆为了可以在家两个人一起玩双人成行所以买的，PS5真的是目前为止体验最好的游戏平台，目前双人成行已经通关，还有一张朋友送的对马岛之魂还没通关，还有一张GT7玩了一段时间始终无法过关所以转卖了，最近PS5正在吃灰中，看来游戏我是真的不上瘾，从小到大就是对游戏各种不擅长。

工作相关

今年工作上的最大的变化应该就是离开了工作了两年半的团队，在短暂的休息一个月后加入了现在的团队。

这次的离职是工作这么久以来第一次被动离职，虽然年初管理层变动和大量的核心成员离职也是早有预兆，但还是有点措手不及，通知到 lastday 算上没修完的假期只有一周时间，也没有和公司过多仲裁接受了N+1就选择了离开，后来陆陆续续产品研发团队都被裁的差不多了。对此还是有点遗憾，不过想想经历了团队最好的那段时间也已经很好了，再选择留下来或许还不如拿着大礼包去看新的机会。

后来和几个同事聊起，大家都感慨如果不是公司管理层的突然变动和后续的换帅，大家对于目前的工作都还挺满意的，也是因为远程的缘故加上大家氛围都还不错。有的同事提起自己工作两年都没有想过更新简历的事情，研发团队主动离职的人两年内只有一两个人，有的同事两年没有涨薪也选择继续留在团队，对于几十人的研发团队来讲这是我见过离职率最低的公司了。

期间简单的整理了简历作品集后，也接触过一些公司，有互联网大厂，也有一些外企还有一些传统制造业软件公司。不同于两年前，今年的面试邀约都少了很多，并且很多都要求一定要做笔试题。

也考虑到明年家里要迎来新成员，所以工作的考虑上格外关注是否加班和离家近，这样就可以更多时间照顾孕妈，相当于牺牲收入换来更多的家庭时间。可能是离职后休息的时间给老婆照顾的很好，她还开玩笑说要不孕期别上班了，她给我开工资然后天天在家照顾她。虽然是玩笑话，但是比起孕期天天加班到很晚回家，找一个工作生活平衡的团队应该是更好的选择，收入不能是最优先考虑的事情，况且最近两年也很难有绝对稳定的工作，就算是大厂也在经历裁员降薪。

对于目前的这个工作和岗位，最近两个月的体验下来还是很有趣的，一个是行业处于人工智能和大模型领域，每天可以学习和了解一些前沿的领域知识和应用。另外就是团队里主要合作的一些伙伴都是之前公司的人，所以不需要磨合，合作沟通上都非常的高效和顺利。在这里要感谢团队的小伙伴推荐入职。

公司转为线下办公之后，因为离家近每天中午还可以骑车回家，每天来回10km，运动量都保证了。

团队已经开始计划做了很多产品，都是和大模型社区和人工智能相关的应用，相信不久之后就能投入到市场了，团队的成员都很厉害，单单就我所在的办公室不到十个人就有2个博士、2个清华，连实习生都是海外名校的在读，我感觉自己就是一个“学历漏网之鱼”，行业也确实卷，每个月都有新的产品和模型更新。

运动

今年应该是运动量最少的一年？今年到目前为止就踢了三场球。每一次踢完都一身伤，感受到第一次发现身体追不上意识的无奈。

因为去年公司有费用预算，所以买了辆 escape1，周末的时候偶尔会骑行长安街，这样看来今年的运动量不是非常的差，间歇性的跑步还是能在30分钟左右跑完5公里，希望身体状态可以保持住。

去过哪些地方

大湾区五日游

今年特别流行的一个词就是“特种兵”式的旅游，自从被一帮大学生带火之后，我也体验了一把，在五一假期期间逛了5个城市，处了深圳珠海是临时住宿未做停留之外，广州、顺德、香港、澳门都是将主要的景点逛了个遍。关于香港的游记我记录到了：【香港🇭🇰 City walk】

澳门只留了一天的时间来逛，在澳门其实也是留了一些遗憾，可以下次再有机会的时候补上，比如在威尼斯人的时候老婆有点想玩，但没太多时间就放弃了，还有就是安德鲁蛋挞没有尝过，据说肯德基的蛋挞就是来自安德鲁蛋挞的配方。

顺德是一个佛山下属的城市，这里最有名的应该是顺德的美食，就像那句：“食在顺德”。

在顺德时印象最深的应该是顺德鱼皮和民信双皮奶，双皮奶虽然排队久，但是品类多单份小，所以可以品尝很多不同的甜品。还有还有一家印象深刻的是辉哥鱼生，店里的招牌菜桑拿浴一鱼三吃味道还不错，老板娘介绍说辉哥年轻时在北京团结湖附近自己开的酒楼，后来回到顺德开了现在的店。

广州的风格感觉就没有那么市井了，风格就很city，所以也没有逛更多地方，就去看了詹天佑故居，除此之外就是吃了一些广州的点心和早茶。

比较有意思的是离开广州前的最后一顿是在广州的北京路附近吃的一顿延边烤肉。

安图乡下的韩屋

这个地方是今年最意外的一次临时出行计划，本来是在整备民宿期间拜访在延大建筑系教书的学长，没想到他说他最近在参与一个传统民居项目，知道我有兴趣，问我要不要一起去现场参观一下。

我当然是非常愿意的，第二天一早我们就驱车前往安图县的乡下民居，这个项目是当地的一个企业老板花费了十年时间一点点设计施工建出来的，学长之前是在韩国学习传统民居设计，所以这个项目的很多地方都有他的心血。

也是通过他的介绍才更了解传统民居的一些细节，据他介绍这样的一栋韩屋基本上造价就要接近一万一平，比起水泥钢筋成本，这里不但需要设计上的花费，还有他的主要材料都是一些年份很久成材的树木。所以我们看到的基本民居就需要一百万一个。

天津

8月份离职之后去了趟天津，虽然之前也去过两次，但都是和朋友短暂见面吃个饭就回来了，这次是真真正正深入的体验了一把天津式的周末，当时有很多北京工作的朋友会选择坐高铁来天津过周末，无论是住宿还是饮食上都会比北京消费降级一档，但体验和收获确实实打实的升级一档，同样的花费在天津可以收获更好的体验。

天津是有名的慢节奏生活，一天的开始应该就是西北角地铁站附近的早餐开始，这里可以吃到地道的煎饼果子和大饼卷一切。

其次最有收获的就是这里绝对是一个历史和建筑爱好者会喜欢的城市，你可以看到紧挨着的冯国璋故居和袁世凯故居。还可以去看饮冰室主人梁启超的故事，旁边还有梁思成和林徽因的展示厅，里面展示了大量的珍贵建筑手稿。

你会在饮冰室看到很多的历史故事，比如戊戌变法失败之后，梁启超就离开北平去往日本，之后他的足迹遍布欧洲亚洲北美的主要城市，梁思成也是在日本期间出生，梁思成和林徽因是在海外求学习期间相识，并在加拿大完成婚礼。这么多足迹怕是百年之后的我也很难达成。

这附近还有一些比较有名的住所，包括100年前被北洋军阀之一的冯玉祥从紫禁城驱离的末代皇帝溥仪也是住在这里，住所名叫静园，这个园林现在也是对游客开放的景点，人们可以参观溥仪曾经的居所及其生活环境。

太舞小镇

太舞小镇是今年最放松的一次出行了，不知道什么时候开始慢慢的对于一些自然景观越来越喜欢。拍了一组照片，标题为《大山里的孩子》

亲近大自然是我在疲惫生活中的一剂解药。

最后

最后也是想写一些跟自己说的话。今年也是发生了很多的事情，也有一些没有记录到文章里，总感觉这几年过得很快，尤其是疫情这三年。

很多感觉的都变得迟钝了，对于外界的变化也没有那么的敏感了，希望以后的生活可以过的更加的慢一些，多去感受一些身边发生的事情，可以更用心的将时间花在生活中。

今年马上要结束了，已经很好了，很不容易了。明年就不要有太多的负担，认认真真的过就好了。希望多去做一些感兴趣的事情，多出去走一走，看一看，我想这样也就可以了。

今年五一期间借着假期和年假,陪老婆一起逛了香港、深圳、珠海、澳门、顺德和广州. 体会了不同城市之间的人文风景差异.实在是一趟难忘的行程,很久之前就希望能够去一次香港和澳门,这次的行程算是圆了一个心愿.通过这次的旅行,我们的旅行足迹又多了几座城市.

这篇文章主要是记录我们在香港的一些旅行经历,分享我们眼中看到的香港.

因为逛的地方比较多,但相对距离没有很远,所以行程中大部分都是步行,平均单日步数都不下2万步,妥妥的一顿暴走 city walk.

出行前的准备

1. 港澳通行证:出行前最重要的应该是港澳通行证了,我们是在海淀中关村西区派出所完成的申请和签注,需要提前预约时间,之后带着身份证和居住证前往就可以.办理时间很快,全程不到一个小时,费用一人100+.
   需要注意的是如果是临近出行,可以直接在派出所完成签注,这样就免去了通关前排队签注的时间.
2. 港币: 因为香港的一些店是不支持大陆的移动支付,只收取现金,所以我们提前在中国银行的小程序预约了购汇业务,两个人一共换了1000港币,按照当时的汇率应该是8.8左右.
   澳门的店家也是收取港币的,所以不用单独换澳门元.直接使用港币即可,港币和澳门元之间的汇率差可以忽略不计.如果是没有港币,一些店家也可以收取人民币,不过是1:1的汇率收取,如果是这样就会有点亏.
3. 攻略: 出行之前的很多攻略都是在小红书上看到的,我会提前把想要去的地方在地图上标记出来,再了解当地的一些交通出行就可以轻松的自由行了.
   这次的出行原则就是不去游客扎堆的网红餐厅、景点.更多的时间放在感受当地的一些人文上.不想把宝贵的时间浪费在排队上.
4. 住宿:香港的住宿我是在 Airbnb 上提前预定的,位于尖沙咀弥敦道附近的公寓.香港的住宿是比较贵,幸好提前预定,不然会话很多冤枉钱.

出发

出发时北京下了很大的雨,导致飞机延误了四个小时才起飞,出发大厅里挤满了等待航班起飞的乘客.这让我们提前感受到了节日假期人挤人的感觉.

不过与之形成对比的是,首都机场的商业还是肉眼可见的凋敝,没想到疫情过去一段时间之后,一些店铺还是没有开业,这跟我们在五道口和中关村商场逛街时看到的感觉是一样的.可能恢复疫情前还需要一些时间.

作为一个北方人,香港一直给我的感觉是是一个很遥远的城市.直到这次出行我才了解原来往来香港已经如此的便利.

我们从北京出发,飞机到达广州飞行时间在3小时左右.到达广州后,高铁1小时可以直达西九龙站,出高铁站步行就可以达到维多利亚港.如果是选择深圳入关会更快,高铁18分钟,也可以选择地铁抵达香港,乘坐地铁的时间比我从中关村去大望路办公室时间还短.

目的地城市也是一直阴天.虽然出发前看了香港的天气,也很担心会因为天气的原因导致出行受阻.

庆幸的是,在香港的 2 天,天气一直很好.当日的天气非常适合在街上散步闲逛.一出高铁站就感受到有种湿热的海风吹在脸上的感觉.气温比在北京要高出近10摄氏度左右.

九龙半岛

出行的绝大部分目的地都在九龙半岛,所以我们来到香港的第一印象就是从九龙来的.老婆说知道香港老,没想到楼都这么老.给人很强的时代感,抬头不经意间感觉穿越到了二三十年前.路边的楼确实都是很有年代感,很少大面积的住宅小区,看惯了国内的一些新城,确实会有感觉衰败的感觉.

上面的照片是在去中银香港土瓜湾营业厅的路上拍到的居民楼,从照片中就能体会到当时的感觉了.照片中前后新旧居民区的对比还是很强烈的,前面这种楼宇的外立面在国内的老城区也经常能见到.

照片是随手在土瓜湾街边的房屋中介拍到的房产价格,粗略算了一下图中一套795尺(88平米)的房子售价2680万港币,算下来一平米合人民币27万左右.着实是感受到了亚洲最高的房价,这还是九龙,如果是港岛中环附近或者是太平山的房子都不知道能到多少.

漫步穿梭在香港的街巷中,我们想到的都是首尔,两座城市给人的感觉都是那种小街道,人流比较大,而且楼和楼之间贴的比较近.不同的是两座城市的招牌文字,以及路上的行人.

我是非常喜欢这种城市街道,大片的商业街区都很发达,有点区别于北京的商场购物区的体验,这里的商业很多都是临街商业,各式各样的餐厅、小店都非常有的逛.四通八达的小路走到哪里都会有新的体验.

在路上也时常能出现一些小意外,原本计划前往的一家茶餐厅没有营业,所以我们索性就近找了另外一家,到达之后才知道这也是一家网红餐厅,但好在来的早没有排很久的队.

这家华嫂冰室是香港非常有名的一家传统茶餐厅,经营本地地道的港式点心、汤和煲仔饭.最早是由广东来港的华侨于1953年创办.

虽然是一家网红餐厅,但价格不贵,两个人的早餐花费109港币.点了一份菠萝包、猪排滨城喇沙汤、冻奶茶和奶油西多士. 老婆很喜欢喇沙汤的味道,是一种很浓郁的香料的味道,跟咖喱很像.菠萝包味道也很赞,面包口感酥脆柔软.

等到我们出来的时候餐厅才真正开始排起了长队,随意瞥见门口的招工启示发现这里的服务员的薪资情况:兼职时薪75港币/时,煮面的服务员21000-22000每月.

所以对比来看今天我们两个人的早饭相当于普通服务员1.5h的收入.由此可以大概了解香港的薪资购买力.

华嫂冰室附近还有一个非常有名的打卡点就是重庆大厦,大家知道这栋楼是因为王家卫的电影重庆森林.这栋重庆大厦还被称作”联合国大厦“,它本是一座大型外籍人士宿舍和商业大厦,建于1970年.许多来自世界各地的外籍人士都生活在这里.

比较遗憾的是我们当时并没有太留意重庆大厦,散步时路过都没有拍照.重庆大厦离吃早餐的华嫂冰室直线距路可能都不到200米.

维多利亚港

维港应该是每个来港的朋友都会选择打卡的地方,给人感觉和外滩很像.都是在一侧远眺对面的高楼的感觉.

维多利亚港是一个天然良港,虽然肉眼觉得不是很宽,但却是一个深水港,港口的交通也是非常的繁忙活跃.他是一个非常重要的国际航运枢纽.

九龙尖沙咀海滨的星光大道是一个致敬香港电影工业和明星的地方,有非常多的游客前来打卡,这里类似好莱坞的星光大道.

星光大道的设计灵感是源于电影胶片,沿着海滨的步行道上铺设着黑色的地面,模拟电影胶片的形状.

步行道两侧有许多铜像和雕塑，展示了香港电影工业的巨星和重要人物的形象。游客可以在这里找到像李小龙（Bruce Lee）、周润发（Chow Yun-fat）、张曼玉（Maggie Cheung）等众多著名明星的雕像。

天星小轮

天星小轮是香港的一个标志性的公共交通服务,提供乘客穿越维多利亚港的船运服务. 天星小轮的历史可以追溯到1888年,起初是有苏格兰伤人创办的一家私人轮渡公司.

天星小轮采用了经典的双层设计,内部的座椅也是非常传统的木制座椅.提供了非常好的观赏视野,整体航行时间不长,很多人都选择吹着海风感受维多利亚港的夜景.

天星小轮周中票价5港币,周末6港币.节假日可能排队会比较久,如果有八达通卡可以直接刷卡,可以走刷卡通道,排队时间会少一些.

中环

香港中环是香港岛上一个核心商业和金融区,也是香港的中央商务区.这里的整体感觉就会和九龙岛差异比较大.在这里就可以体验最繁华的香港.

中环还有非常多著名的高端品牌的旗舰店、购物中心和跨国银行以及集团总部. 标志性地标建筑有—中银大厦和香港汇丰银行大厦.他们都是非常著名的建筑设计作品.

非常喜欢这里的一点是在中环有非常多的室内电梯和步行道.不同于重庆的将汽车抬到到高架,这里是将行人抬到“高架”.这里的高架就是每栋楼之间的走廊.

这样做就可以在繁忙拥挤的中环,将人车进行有效的分流,而且行人可以更好的享受高视野带来的景色,部分封闭的走廊还可以享受到商场里带出的冷气,这对于行人非常的友好.

对于在YUST上学的人来讲,这种设施就是我们熟悉的连接栋,无论外面刮风下雨都不会影响我们的出行,中环的行人交通应该是我目前为止见到过最便捷的方式,行人可以选择临街小路,楼栋之间的走廊,还有地下的地铁,非常的有层次.

叮叮车🚎

港岛的叮叮车🚎也是一个特色交通方式,在九龙是体验不到的,在国内也有一些城市保留有这种有轨电车,比如大连也有非常有特色的电车.但不同于大连的电车,香港的叮叮车分为上下两层,乘客从后门上车,可以选择视野更宽阔的上层乘坐.

叮叮车的历史最早可以追溯到1904年,至今已有一百多年的历史.最初的时候是由马车作为动力进行运营.

叮叮车的行驶速度很慢,且经过的地方多为香港岛的中环、湾仔和北角等地.大部分都是香港繁忙的街道和热闹的市区,所以为游客提供了一种慢节奏的城市观光方式.我们也可以借着叮叮车游览香港的城市风光,感受独特的城市氛围.

叮叮车的票价也非常的便宜,只需要3港币,在下车时投入硬币或者刷八达通卡即可.

虽然来香港之前一直觉得香港物价高,但是实际到达之后发现一些费用还是很便宜的,比如叮叮车、天星小轮、还有中环的摩天轮,价格都非常的划算.

关于住宿

香港的住宿是出发前在 Airbnb 提前订好的,位于尖沙咀弥敦道附近的公寓房间.比起国内的同类型公寓价格贵了一倍左右,但在香港这个价格已经是很划算了,价格和在北京住一个连锁酒店的价格一样.

出发前就知道香港的住宿贵且面积通常比较小,但实际看到后还是有一些吃惊. 这应该是目前为止住过的公寓中最袖珍的了,面积差不多4-5平米左右,还是算上了卫生间的面积.

公寓是一间大的公寓拆分为多个房间,中间是走廊,有点像学生公寓这种.类似的房间可以参考韩国的考试院的房间,里面的摆设只有一张床、一个床头柜、一个挂墙电视和空调.

不过卫生还是很干净,能够在五一假期抢到一间这样的房间已经很满意了,毕竟价格也不算太贵.而且还是在尖沙咀这样的位置.

如果来到香港住宿并且屋内安装了有线电视的话,还是非常建议看一下的.里面的很多节目都非常的有特色,就是连广告的设计也是很有港式风格.还有一个就是香港的新闻,会发现和内地还是有很大的不同,报道和数据都是非常的写实.老婆甚至还说如果在北京也能在家收到TVB和明珠台就好了.

关于货币

来港前我们就在家附近的中国银行提前预约了购汇,通过微信公众号可以提前预约,看了网上游客的分享,一般两个人游玩两三天基本1000港币就够了.1000港币折合人民币880左右.

在香港一些小店会收取纸币,很多地方已经支持支付宝付款,根据实时汇率进行结算.如果能电子支付还是尽可能的选择电子支付.

在国内预约换港币也是受到外汇管制的监管,算在每人每年5万美金额度之内.

购汇前也是稍微了解了一下港币相关的信息,中国银行(香港)是香港三大货币发行机构之一,还有两家是汇丰银行和渣打银行.

所以我在香港期间发现收到的两张100港币长得是不一样的,是因为发行自两
家不同的银行的缘故.

港币采用的是连接汇率制度.根据该制度，港币与美元之间有一个固定的汇率范围。目前，港币的兑换比例为1美元约等于7.82港币。

我和老婆都有喜欢收藏纸币的习惯,每次都会留一些没有花完的留作纪念.10元港币和其他面额不同,10元面额有塑料材质的,就很适合作为收藏.

关于吃

香港有非常多的街头美食,甚至走在路上一个排着队不起眼的小餐厅都是米其林上榜餐厅.这次出行前其实没有可以找网红餐厅,因为是五一期间游客很多,我们都是尽力避开排队久的餐厅,希望能尽可能的把时间花在游览和体验上.

下面是一些是在这次的行程中到访的一些小店,因为本来就非常喜欢吃港式茶餐厅的东西,所以这次真的是过足了瘾.

筷子记

筷子记是位于中环威灵顿街的一家澳门车仔面专门店,这是一家开了很久也是很地道的平价餐厅.

到达后发现店面确实很小,我们需要等待空位拼桌,一开始入座后发现老板普通话不太好,我们又听不懂粤语,所以沟通遇到了一些问题.后来是我们对面桌的姐姐用不太熟练的普通话告诉我们如何点单,以及告诉我们哪些是推荐,最后在她的帮助下我们完成了点单.

香港不是所有人都可以说流利的普通话,所以如果双方的粤语或者英语有没有很好的情况下会有一些尴尬,不过这也是比较少的情况.大部分香港居民对于一些简单的英语沟通还是无压力的.

后来看门口的文字说明才知道,这里的车仔面是有三送和二送面餐的区别,可以选不同的面条类型,全天热饮是赠送的.

后来拼桌的大姐走了之后,又来了一对年轻人,看到我们讲普通话像是内地的游客,还跟我们打招呼,他们沟通对话是粤语和英语,对面的我们讲普通话和朝鲜语,感觉这个画面还挺有趣.

美都餐室

庙街附近的一家开了80多年的餐厅,因多部电影在此取景而闻名,电影《追龙》中刘德华和郑则仕吃早茶的地方就是在这里拍摄的. 二楼拐角处的6号位置是黄家驹生前经常坐的位置.

同时这家店也因为服务差定价高而饱受食客诟病,老板在店内将粤语和英语,如果讲普通话沟通会有困难.店内也不许食客拍照,会被老板大声呵斥,我们当时就餐时就碰到了一位.

也是在这里感受到了香港服务行业和内地的区别,别的行业不是非常了解,但是在去过的餐饮店里很多都不是我们传统意义上理解的顾客就是是上帝这种体验.

富记美食

后来我们干脆放弃,出门走了两步进到了一家路边的早餐店,看到门口停了非常多的出租车我们就知道来对了地方,门口也有好几桌当地人在就餐,给人很地道的感觉.

两个人点了一份虾饺皇、金钱肚还有一杯柠檬茶.也是在这里吃到了目前为止最好吃的金钱肚和虾饺皇,口感和味道让人一口难忘.

后来才知道这也是一家小有名气的店,是一对老夫妻共同经营.白钟元的《街头美食斗士》曾经拍摄过这家店,他也是偶然经过,白钟元尝过这里的味道后也是赞不绝口.

囍运冰室

囍运冰室是唯一一家我们在香港连续吃两次的店,倒不是因为多出名或者有特色,可能是味道正和胃口.

2人 正常点单的价格也比较合理,因为地处旺角,人流量很多.从中午到晚上一直都是满座的状态.

庙街夜市

晚上的时候因为民宿离庙街比较近,而这里又是有名的一条夜市街,所以自然而然的晚饭就已小吃为主.

可能是我们去的比较晚的原因,整条夜市逛下来已经没有几家大排档还在营业,最后逛了一圈买了两串咖喱鱼蛋当作晚饭.

香港的一些所见所闻

在油尖旺地区佐敦地铁附近吃早餐的路上看到的横幅,香港油尖旺地区是有民主党和议会的.议会副主席会协助做一些投诉、地区规划咨询、代办长者福利等内容.

旺角

照片拍摄于旺角地铁站附近的一座天桥,天桥两边坐满了人,刚开始以为是摆摊的商贩,后来想起当天是周日.这一天是香港的菲佣法定休息日,每周日大家都会聚在一起开这种天桥派对,大家聚在一起聊天分享美食.

在香港的菲佣根据一些不同的技能收费不同,在22年9月之后,本港家庭佣工的最低工资为4730元港币,看到一些博主分享一些菲佣不仅根据家庭饮食习惯搭配菜单,也会辅导孩子英语口语练习等工作.所以这么一看菲佣的性价比确实很高,在北京目前照顾孩子的月嫂阿姨月薪都要8000起,如果内地放开外籍家庭佣工的话对内地家庭来讲确实是一项福利.

中环兰桂坊

在中环兰桂坊附近的一家小吃店,门口贴着光顾的明星食客照片.看到了陈奕迅和任达华.

铜锣湾崇光

在铜锣湾的崇光百货旁边的广告牌上是香港最近话题度很高的一个艺人,在香港人气比较高,当时粉丝为了给偶像庆生甚至在广告牌下聚集造成了短暂的拥堵.

崇光百货附近也有很多有名的购物中心,各种品类的商品都能找到,逛了一圈老婆说单看化妆品的价格还是很划算的.

打卡铜锣湾附近的一条商业街,不知道这个书店是不是事件中的书店.

听闻香港的表店很多都是洗衣店,客人通过人民币买名贵的手表后,再到指定的地方退表,退款时收取美元或者直接打到境外卡上.其实不光是名表,很多奢侈品甚至房产都有人用作此用途.

旅行期间正好赶上香港劳工处张贴的上调法定最低工资的海报,每小时最低法定时薪上调到40港币.如果按照最低时薪每天工作8小时,一个月平均22.5个工作日记算,每月最低工资为7200元港币.

这是一家旺角附近的售卖电子产品的集合店,有点像北京的顺电.特意对比了一下iPhone的价格.加上汇率差会比内地便宜不少.

太平山

最后是来港必去的太平山,我们没有选择游客排队多的缆车,而是选择了大巴上山,在车站没有排队,一路看着风景时间过的也很快.

补一张太平山的傍晚和夜景,受限于天气和设备,夜景拍出来噪点很多,不过肉眼看时还是很美.

费用

五一出行一共是6天,包含香港、澳门、珠海、深圳、顺德、广州.其中珠海和深圳仅中转住宿,并未太久停留.

算下来一共花费 13365

• 机票7196
• 住宿1609
• 交通1096
• 餐饮1340
• 纸币730
• 购物977
• 其他417

总计花费中除机票外剩下的都是正常消费,算是一次不错的旅行体验.

设计系统及其相对应的各种 UI 工具是加速设计和开发过程的绝佳工具。但是在设计系统适应设计和开发环境之间还是会有一些“延迟”或者说“gap”。

因此在设计过程中引入 Design Token （设计令牌）是一个非常好的方法，它可以让我们在设计以及开发过程中更快速的进行设计系统的维护和更改。

这篇文章主要是介绍我们如何在 Figma 中使用 Figma Token这款插件来更便捷的管理我们的设计系统，并且将设计的变化快速的反应在开发环境中。

文章涵盖的内容包括：

• 什么是 Figma Design Token
• Design Token有什么好处
• 如何创建 Figma Token
• 连接到GitLab/GitHub
• 使用 Zapier 同步记录到 Slack 群组

1.什么是 Figma Design Tokens？

设计师在设计一个产品的用户界面时，通常都会将一些基础的元素进行设计和复用，比如颜色、字体、边距、阴影等等。那我们是否可以将这些基础的部分都提取出来，生成一个表，产品的开发环境中的代码和 Figma 的设计稿都可以以这个表作为 SSOT（唯一可信源）来进行设计和开发。

我们在后续的设计过程中就可以直接修改表中的参数应用于设计和代码，而不是传统的设计师设计样式，开发修改样式代码，最后部署上线这样一套费时费力的流程。

2.Design Tokens 的好处

以下是我们使用 Figma Token 的一些好处:

• 加快交付流程
• 提高开发设计一致性
• 提升设计流程自动化

使用 DesignToken 不仅可以加速设计到开发交付的过程,还有助于保持设计和开发之间的一致性问题.在设置好 Design Token 之后,我们可以将变更同步到代码仓库中,这将有助于我们将重复的工作进行自动化.帮助我们减少工作当中不必要的时间浪费.

因为我们在设置 Token 时都会讲一些基础的元素进行命名,所以在不管是设计师还是研发在引用时都更加的直观便于理解,对于颜色也不需要记住具体的色值,而是应用我们预先命名好的名字就可以.

在一些原始的设计流程中,设计师会将需求绘制成设计稿,研发同事需要将设计稿开发还原,这个流程是产品设计师和前端研发最头痛的部分,混乱的设计参数或者还原度不佳的开发结果都是经常出现的问题,验收的过程将会非常耗时,但使用 Token 之后,开发摆脱了使用硬代码的方式,根据使用场景输入 Token 名称的前缀就可以快速使用,提高了编程效率,这样一来只要是设计师和研发都能遵守一些基础的规范,就能做到精准还原,双方的工作量都会少很多.

3.如何创建 Figma Token

有非常多的基础组件可以被设置成 Token,但是为了专注于系统的简单和高效,我们往往会将最基础的元素设置为 Token.比如下面的这些:

• 颜色
• 透明度
• 字体
• 阴影
• 圆角
• 间距
• 动效曲线

为了创建一个 Design Token,我们需要使用到一个 Figma 插件:Figma Tokens

通过这款插件我们可以通过设计稿生成一个 JSON 格式的 Design
Token,同样也可以通过引入 JSON 文件来应用设计系统.

在这款插件里,我们可以通过可视化的方式以及编码的方式创建 Toekns,插件中的所有 Tokens 都可以相互引用,下面我们会具体演示如何使用这个插件.

以当前使用的 109 版本的插件为例,我需要将设计稿中的一些规范应用到 Tokens 中.

上图是在产品中间距的应用规范,我们需要将间距作为 Token,需要填写 Token  名称、值以及描述.在填写值一栏时我们可以使用运算方式填写.比如:

"4px": {
      "value": "{spacing.2px} *2",
      "type": "spacing",
      "description": "4px 用于组件内或图标与相关文本之间的间距。"

同理 8px 的 value 可以是 {spacing.4px} *2,这样早我们需要将间距整体变成 2 倍时,只需要将基础的 spacing.2px 乘以 2,就可以应用到所有的间距 Toekn 当中.

设置颜色 Token 时可以在命名时以 UI.Blue.500 这种方式命名,在插件中展示时会自动根据.来分级.

通过设置好不同的 tokens 后,我们也可以根据不同的 tokens 组合出不同的 themes,比如 Light/Dark mode. Figma tokens 插件支持一键将文稿中的设计图切换主题.

连接到 GitLab

等所有的 Tokens 都设定完成后我们就可以将 Token 导出了,我们可以选择导出到本地,也可以将 Tokens 上传至 GitLab、GitHub 等.

同步至 GitLab 需要我们在 Personal Access Tokens页面中生成一个可供 Figma 插件使用的 Access Token.

在填入 Personal Access Token 之后,需要指定一个项目,保存之后我们就可以将我们的 Design Tokens 同步至 GitLab 了,它支持双向同步,用户可以在 Figma 中编辑并 push 到 GitLab,也可以在 GitLab 中编辑完成后在插件中 pull 到 Figma 里.

我们可以看到在测试项目中会生成一个 token.json 的文件,里面的内容就是我们在 figma 中设置好的 design tokens.

但在实际的使用过程中研发不会直接将该 json 文件直接进行使用,只是将此作为参考以及基准依据使用.比如我们可以看到  GitLab-UI 项目中的  variables.scss 文件的内容.

5.使用 Zapier 同步记录到 Slack 群组

最后我们来看一个实际的需求,这个需求是在一个设计师群里偶然看到的.这位设计师问,有没有团队利用 Figma 的 API 实现了类似的功能:设计师在 figma 里修改了关键数值（如 style）并 push 后，团队协作工具（如 slack、飞书）里就能自动收到通知？

这个时候我们就可以使用Zapier,它是一款无代码集成平台,可以与 2000+ 家 SaaS 产品对接,同步数据和执行动作.

在上面的需求中,我们只需要在 GitLab 有提交发生时,同步消息到 Slack 群组就可以了.选择 app 和事件后,zapier 会一步步指导我们完成配置.

完成所有的配置需要以下步骤:

• 连接 GitLab
• 连接 Slack
• 定制 Zap
• 测试 Zap
• 开启 Zap

完成所有的设置后,当我们在 Figma 的 Figma token 插件上同步样式至 GitLab 后, Zapier 会自动将提交信息同步至 Slack.我们可以在配置的过程中定制 Slack 的通知内容,它支持非常多的字段可以选择.在 GitLab 中我们也可以针对不同的 Branch 和 tag 进行动作的抓取,这样我们就能充分的将协作完成的更及时高效.

相关链接:
Figma Tokens - Docs
Figma Tokens - Plugin
Component Tokens & Themes Example
Zapier
Slack

今年是我迈入30岁的第一年，是一个比较有意义的一年。这一年也是我在极狐GitLab这家开源远程团队远程工作的第一年。我想借着这篇文章总结分享一下我在过去一年远程工作的一些经验和体会。

介绍一下自己

我叫永范，是一名产品设计师，目前就职的公司是总部位于湖北武汉的一家开源开放的技术公司极狐(GitLab)，公司的主要产品是一款开放式一体化的DevOps平台-极狐GitLab.
在加入这家公司开始远程办公前，我跟团队一起创业做过一些境外游相关的地图、电商小程序还有一个供应链SaaS系统。还在一家金融公司做过产品设计工作。

什么样的机会加入这个团队

也是因为疫情，原本跟了好几年的项目面临转型，正好想借着这个机会看看有没有其他的机会，这时极狐GitLab正好开始筹备成立准备扩充团队，那时还没有对外公布公司的名字，只是通过负责招聘的同事介绍是一个DevOps平台，我就猜到应该是目前这个产品，后面就通过面试顺利拿到offer加入了团队。

我这几年的工作经历一直是做产品设计工作，但接触到的领域和产品类型比较分散，能够加入这家公司也有一部分原因是因为之前自己有接触过DevOps产品，可能对于程序员朋友来讲DevOps并不陌生，但对于设计师来讲这一领域确实是很少接触。这应该感谢毕业之后一直折腾博客和作品集网站时的经历，在这过程中接触到过各种云服务，接触到开源项目，这对于我认识这款产品帮助非常大。

如何适应远程办公的环境

一开始远程办公确实是需要一个适应的过程，在加入团队后需要一些时间去适应这个变化：

首先一个变化就是沟通方式，需要认识了解公司各职能的同事，不同于我们之前的办公室环境，团队内的同事分布在全国二十几个城市，大家都需要通过同步(电话/视频会议)或者异步(issue/Slack)的方式来进行协作。如果是贡献到GitLab的议题，那么有可能负责的研发或者设计师居住在全球各地，往往因为时区的原因，回复沟通的时间会更久。

我们有两个特别好的工具去让新入职的同事快速适应，一个是Handbook，另外一个就是伙伴机制。

handbook

团队内非常重视handbook，大家可以通过这个handbook快速的了解团队的结构，不同的职能，每个职能的职责等等内容。handbook是开源的，每个人都可以贡献handbook的内容，让这个手册能够越来越丰富。

伙伴机制

伙伴机制是入职时你的经理都会分配一位伙伴，在你有任何问题时都可以第一时间找到伙伴寻求帮助，伙伴也会在新同事入职前通过极狐GitLab的issue创建一个checklist，这里会罗列你需要了解使用到的各种工具，开通各种权限的方法等等内容。同时人事同事也会组织各种线上入职培训，让新人快速了解公司的文化、产品、系统和制度等等。

另一个就是工作环境的变化，团队内的同事情况都不同，有的同事家里会有年幼的宝宝，还有各种宠物

大家都需要一个相对独立安静的环境来让自己快速进入到工作状态。而我最初面临的最大的问题应该就是装修带来的噪音和独自一人工作的孤独感。

每当有装修噪音时，我都会滑着滑板去到离家最近的咖啡厅办公，借着这个机会把家附近的咖啡厅都转了个遍，有时也会和老婆一起坐地铁到她所在的大厦楼下咖啡厅办公，中午也可以找个附近的公园散步。

公司目前在武汉和北京都设有Demo Center，我也会找一个时间约北京的同事一起线下办公，借着这个机会也可以和大家多多学习交流。

公司也很人性化的为大家设立了相当可观的团建基金，可以按照季度报销，最近就有同事去重庆和小伙伴团建，让身在朝阳区的我羡慕不已。

work life balance

我每天的工作时间是早九晚六，因为是远程的关系没有打卡，工作地点随意。每个同事的工作习惯不同，也有喜欢晚上睡前写代码的同事，基本上可以通过项目中代码提交情况看到大家工作的活跃时间。

每天基本上就是早饭后九点开始参加研发同事的早会或者直接开始完成自己的工作任务，每天中午午休时间出门散步或者休息，下午六点出门接老婆顺便买菜回家准备晚餐。

目前我和老婆所在的团队都是这样的工作时间，所以目前完全的可以做到work life balance。

公司规定的年假是15天，但目前年假应该还剩了一大半，基本是用不完。本想着过年或者长假时多请两天去旅游，但因为目前疫情管控基本这一年没什么旅行安排。

远程办公的软/硬件

硬件

• MacBook Pro 16
• keyboard + touch pad
• 飞利浦显示器 279C9
• boss QC35 二代
• 罗技 MX Master 3
• 有谱蝴蝶人体工学椅(高田Dvary)

软件

• 极狐GitLab
• Google calendar + Google drive
• Slack
• 腾讯会议 + Zoom
• figma
• Bear
• DeepL

远程办公带来的变化

有很多明显的变化，就比如因为不用出门坐地铁，所以花在交通上的消费非常少，额外多了两个小时的个人时间。其次就是全年花在买衣服的消费少很多，因为上公司每个季度都会发当季的衣服，还有公司每年都有健身基金，除了健身房和私教这种报销，还可以购买运动鞋，所以很少有这方面的消费。

很多同事开玩笑说自己就是和央视主播段暄一样，开视频会议时上身正装，下身睡衣。有趣的是GitLab的设计系统名称也是Pajamas(睡衣)。

另外一个变化是这一年在家下厨的时间变得多了，很少会点外卖，除了周末偶尔去餐厅以外，我们都会自己下厨，这真的是一件非常提升幸福感的事情。公司内部还组织了厨艺大赛，评选前三还有奖品拿。

还有一个就是心态上的变化吧，可以更加专注在工作和生活上，可以让自己安静下来，不会那么急匆匆的，整个人平和了许多。不太喜欢过于嘈杂的环境，对于陌生人过多的社交场合会有一些不太适应。

如何提升办公效率

• 工作时间远离手机

工作时间远离手机尤其是短视频、社交媒体尤为重要，这些应用在我看来都是“时间杀手”，规律且有节制的使用手机是提升工作效率非常必要的手段。就算是在之前的工作经历中设计移动端应用时，我也会尽可能不使用自己的手机作为测试机，而是使用各种不同型号、未安装任何无关应用的手机作为测试机。

慢慢的通过远离社交媒体和短视频应用后会感觉时间开始真正属于自己，做事情时也会更加专注。

• 善用邮件订阅

因为远程办公有太多异步沟通的场景，所以邮件是必不可少的。因为团队使用 极狐GitLab 的 issue 作为项目管理的工具，所以通常每天都会收到很多的工作邮件，有讨论的内容，项目的状态，是否需要设计跟进等等信息。

因为公司会使用 gmail 作为团队邮箱，我为了避免特殊情况下漏收邮件，会将 gmail 邮件自动设置转发到我的网易邮件客户端，这样就不用经常在浏览器中找到 gmail 的 tab，会让工作更加的高效。

其次非常有用的一点是你可以在议题列表中单独关注某些标签，比如我会将::Usability:: 、::UX::、::Frontend:: 设置为关注，每当有团队成员或者社区贡献者提交议题并附上以上标签时就会邮件通知我议题内容，我就可以第一时间跟进并关注。

• 及时沟通

这是一个非常重要的一点，在远程办公中最重要的一点是及时沟通。每当团队中一起讨论每个 milestone 中的一些 good/bad 时，很多同事都会反应希望工作中不要有太多等待时间，比如有一些贡献的代码是需要跨时区的研发来review或者确认，这就有可能会产生意料之外的时间损耗，原本计划2天完成的任务有可能就会拖延。

作为设计师我会有一些稳定的研发同事，我们会经常在任务进行中沟通，他们都有着非常棒的工作习惯。会在遇到设计相关的议题时及时@设计师加入，在设计评审时非常了解我们的设计系统，并在文档中快速找到相应的说明，也会在同步或异步沟通中快速有效的解决问题，这让我在工作中非常的安心，我知道我遇到的问题或者提交的bug他们都会非常靠谱的帮忙解决。

在远程办公的环境下不回复信息或经常性的延迟回复信息，会容易让合作的伙伴很难产生信任感，通常的做法是第一时间沟通事情的优先级或大致的解决方案和deadline，让对方知道你有在关注这件事情。如果真的非常困难或者时间排不开，我们就需要找到我们的manager沟通，我们不是超人，不可能面面俱到的处理好每件事情。

承认自己不可能事事做到100分会让自己的工作压力瞬间减少很多。同样对伙伴的信任和理解也会让合作变得更加愉快。

沟通的愉快且顺利会让我感觉完成任务就像是在通关打游戏，发现的每一个待优化点都像是地图上的一块拼图，非常的有成就感。

• 使用勿扰模式

在晚上十点之后将手机设为勿扰模式也被我列入到提升办公效率的一项，通常我不会在深夜完成重要的工作，劳累了一天之后我希望身体得到充分的休息，这也是提升办公效率的方式之一,精力管理非常重要。

因为有一些议题提交到 GitLab 之后，会由其他时区的同事在讨论回复，所以往往会在半夜收到邮件提醒，如果睡前大脑过度活跃就会影响睡眠质量，工作和生活的边界感需要我们刻意去设定并遵循。

• 添加待办事项

在团队中使用的项目管理工具中有一个【添加待办事项】的功能，在议题页面右上角点击待办事项，就可以将议题加入到一个todo list，这样就不用再担心遗漏议题了，根据优先级一件一件的完成也会极大的提升工作幸福感。

有没有考虑过移居其他城市

我身边确实有同事离开北京回到老家，有两位同事在各自的老家盖了栋别墅，有一位在云南买了一个院子，假期的时候会回到云南休假。下面有两篇同事写的知乎文章，介绍了他回村之后的生活。
国内允许远程办公的公司有哪些？
要不要在农村老家建房子

因为还要兼顾家庭，目前还是没有离开北京的打算，如果是真的打算做一个数字移民还是要结合自身的情况。老婆目前对自己的工作非常满意，工作内容和环境都非常适合。如果她的团队也支持全远程的工作方式，那我们大概率应该会考虑旅居一段时间再回到北京，因为疫情有太多原本计划的行程搁置了，希望趁着年轻可以多看看这个世界。

最后

最近国内很多城市因为疫情让原本在办公室工作的人也开始了远程工作的模式，很多朋友也感受到了远程办公的种种变化，其实这种改变需要一段时间的适应。远程办公不光是对自己的挑战，对公司的管理者同样也是挑战。也希望大家都能慢慢找到最佳的工作&生活状态。

前言

GitLab 是一家全员远程办公的企业，公司超 1400 人分布在全球的各个国家和地区，大家都是远程异步优先的模式来工作，在这样的情况下为了避免大家工作协同上的不便，各个职能部门的员工都会借助 Handbook 来了解公司。

在学习和了解的过程中我发现了 GitLab 的 UX Handbook，这是他们的用户体验部门编写的一份工作指南，内容包含产品设计师、用户研究员等职能的设计师在日常工作中所需要了解的年度工作计划、工作流程、入职指导、职业规划、用研培训等内容。

我们通过查看这份 UX Handbook 的源码 可以看到其实内容非常的丰富，大致看了一下有近 100 篇文章，但受限于网站展示方式，我们并不能在 UX Handbook 首页看到这些手册的全部内容，所以我在想是否有一种方法可以将这些手册以一个清晰直观的方式全部展示出来。之后在调研的过程中就发现了Gitbook，用 Gitbook + 极狐GitLab 的结合几乎满足了我所有的要求：

• 支持Markdown
• 支持团队协作
• 文档有版本历史
• 支持导出HTML和PDF格式
• 支持树形目录
• 有非常丰富的插件可以拓展

从去年下半年开始，为了能让自己更好的学习和了解这份文档中的内容，我开始利用业余时间将全部的英文内容翻译整理成中文文档，这样做一方面是让自己更好的理解文档中分享的设计相关的方法，另一方面也可以分享给更多国内感兴趣的朋友，更加方便阅读和理解。目前 GitLab 的 UX handbook 已经通过 GitLab 自带的 Pages 发布，项目地址是：中文版 UX 手册，大家可以通过 这个域名 进行访问。目前还有一小部分内容没有完成翻译，完成的部分也有很多不专业的地方，也欢迎大家一起参与。下图是在本地生成的 Gitbook 预览页面。

下面的内容我将分享我是如何通过使用 极狐GitLab + Gitbook 来完成这份 Handbook ，也会分享一些比较基础好用的 Gitbook 插件。

在 极狐GitLab 创建 Gitbook 项目

• 首先注册 极狐GitLab 账号，登录成功后点击顶部导航栏中的 新建项目/仓库

• 选择从模板创建

• 选择 Pages/Gitbook 模板，极狐GitLab 在创建时提供了非常多的模板供大家选择。

• 输入项目名称和项目标识串，点击新建项目就完成创建了。
  注：如果你想让其他人访问该项目生成的 pages 页面，那么在创建时需要将可见性级别设置为 公开

• 创建成功后我们就获得了一个 Gitbook 项目，里面除了 readme 和 summary 文件外还包含了一个 GitLab 流水线触发脚本，它执行的作业包括 test、deploy、以及 pulic，都可以在用户将代码更改提交到 master 分支后自动触发流水线执行。

克隆项目

首先将生成的 Gitbook 克隆到本地，你可以选择 SSH / HTTPS 两种方式

Gitbook 安装

我使用的系统环境是 MacOS 12.3、Node.js 版本是 v10.22.0，安装的过程非常的简单，在命令行中输入
npm install gitbook-cli -g

安装成功，我们就可以使用 Gitbook 的命令来进行各种操作了
进入我们克隆的项目目录
cd gitbook-cool  (gitbook-cool替换成你的项目标识符)

预览 book

我们可以先预览一下发布之后的页面，在终端输入
gitbook build

gitbook serve

我们就可以通过在浏览器输入： http://localhost:4000 来预览目前的样式了。

目录

# Summary

* [前言](README.md)
* [第一章](xx.md)
* [第二章](xx.md)
* [第三章](xx.md)

xx.md就是我们每个章节独立的 markdown 文件，所以用 Gitbook 写一本书真的非常方便，一个目录加上一些章节的 markdown 文件，你的书就完成了，接下来就可以完善内容了。

插件

Gitbook 作为一款开源的软件，也有一些非常方便的插件可以使用，有了插件之后可以让文档的阅读和使用更加的高效，下面我列举了一些我在使用的插件。

{
     “plugins”: [
     	  ”search-plus”,
          “youtubex”,
          “pageTop”,
          “sharing”,
          “editlink”,
          “rss”,
          “tbfed-pagefooter”,
          “expandable-chapters-small”,
          “anchor-navigation-ex”,
          “tbfed-pagefooter”,
          ”copy-code-button”,
          ”splitter”,
          ”highlight”
     ]
}

插件的安装以及使用方式：

1. 在 book.json 的 plugins 参数中添加插件名。
2. 终端使用 gitbook install - 插件名 来安装插件，或使用 NPM 命令来单独安装：npm install gitbook-plugin-插件名。
3. 重启服务或者重新打包就能看见效果。
4. 如果使用 gitbook install 安装的很慢，建议使用 npm init 初始化一个package.json 文件，然后每个包通过 npm 命令安装，以后就可以通过 npm install 一键快速安装依赖包了。

search-plus 高级搜索

Search-plus支持中文搜索，在使用这个插件之前需要将默认的 search 和 lunr 插件删掉。

editlink  在线编辑文件

"editlink": {
            "base": "https://jihulab.com/jihulab/product/design/design-handbook/-/tree/master",
            "label": "编辑此页",
            "multilingual": false

通过这款插件可以在页面中发现需要更改的段落时，快速定位到代码仓库中的位置。

tbfed-pagefooter

自定义页脚，可以在页脚添加 copyright 信息以及最后修改时间。

youtubex

支持插入 YouTube 视频 ，例如 How to structure data in Dovetail using import 这个视频，可以像下面这么插入到 Gitbook 中，好处是视频的视窗大小会自动适应浏览器页面的大小，并且可以在文章中直接点击观看视频。

{%YouTube%}dod5EUYYgDk{%endyoutube%}

splitter

使用这款插件可以自由调节侧边栏的宽度，如果文档中有的标题长度过长可以使用这款插件。

anchor-navigation-ex

使用该插件可以在文章的右上角显示一个目录图标，鼠标移动至图标上方可以显示文章内的目录结构，方便快速的进行预览及跳转。还可以在页面左上角切换深色模式等主题以及文字类型。

使用 gitlab pages 发布

当我们完成了所有的内容修改之后，就需要一个地方能够发布我们的内容，这时候 Gitlab pages 就为我们提供了非常大的便利，我们不需要单独启用一台服务器，注册并绑定一个域名，而是通过 Gitlab 自带的 pages 功能轻松发布一个可供所有人访问的站点。

目前因为极狐Gitlab 暂未开放 pages 功能，所以我通过将 极狐GitLab 仓库中的代码 mirror 到 Gitlab 的方式，在 Gitlab 生成一个 pages。

我们可以在 极狐Gitlab 的代码仓库中点击左侧面板 设置-仓库-镜像仓库 来设置镜像到 Gitlab 中。

完成镜像操作后，我们返回 Gitlab 的 gitbook 仓库，点击左侧面板中 设置-pages 来查看项目的公网链接。

到这一步为止，我们的项目就已经是发布并且可以访问的状态了。

什么是设计管理功能

设计管理是 极狐GitLab 议题功能内的一个模块，在这里设计师可以上传议题相关的设计资产，包括线框图、原型图等。

与议题相关的研发、产品等职能的同事可以在议题内对设计进行浏览及协作，可以通过这种方式将设计也提供了单一可信源(SSOT)上的协作设计方法。

您可以与您的团队共享设计原型，或者可以轻松的查看和解决设计评审。

如何使用设计管理

首先要求启用 Large File Storage（LFS）：

• 对于自助管理实例，管理员必须全局启用LFS。
• 对于使用极狐GitLab SaaS的用户是默认开启的。
• 必须为项目本身启用 LFS。如果全局启用，默认情况下所有项目都启用 LFS。 要在项目级别启用 LFS，请导航到项目的 设置 > 通用，展开 可见性，项目功能，权限 并启用 Git 大文件存储 (LFS)。

目前设计管理支持上传的文件类型有png、jpg、jpeg、GIF、bmp、tiff、ico、webp 或 svg 格式的文件。

用户可以先打开 jihulab.com 创建一个项目，之后进入左侧面板中的议题列表页面新建一个议题，创建完成后点击议题界面中的点击上传，或将图片拖拽至虚线框内完成上传。

上传完成的设计文件会在议题页面显示，我们在上传同名文件时会生成一个新的版本，但如果是同名文件但内容没有更改过时则会跳过且不会更新版本。

所有拥有议题访问权限的用户都可以看到上传的文件，用户可以点击图像进行放大，上传多张设计图时也可以使用键盘的左/右键来切换。

如果用户希望对图片进行评审，可以通过鼠标点击图片中需要评论的部分来进行留言，这与我们在Figma或是同类产品的操作逻辑类似。

在设计评审时我们可以@项目中的相关人员，与他们进行交流和反馈，如果一些交流和反馈得到了解决，也可以将这些评审标记为已解决。

通过点击右上角的【添加待办事项】也可以将设计评审添加到自己的todo list，避免因为议题过多而遗漏。

我们在设计管理中所生成的用户活动事件都会由极狐GitLab跟踪并显示在用户配置文件、群组和项目活动页面。

GitLab Figma插件

因为我们大多数的设计都会在其他的工具上完成，如Figma等，所以如果想要将我们设计好的文件上传至极狐GitLab那么会经历以下步骤：

1. 在figma完成设计
2. 从Figma导出设计
3. 在极狐GitLab找到对应的议题
4. 将设计上传至议题中的设计管理中

GitLab的Figma插件就是通过API token的方式将Figma中的设计稿无需下载直接同步至极狐GitLab的议题中。

下面我们来看一下如何去使用这样一款插件，去更好的自动化我们的一些工作。

安装插件

通过这个链接跳转到GItLab Figma插件页面，可以点击右上角的install按钮进行安装。

创建极狐GitLab个人access token

• 导航至 https://jihulab.com/-/profile/personal_access_tokens
• 为你的个人访问令牌取一个名字
• 在选择范围一项中选择api
• 点击【创建个人访问令牌】

• 点击创建完成后会生成一个个人访问令牌，记得复制并保存好。

从Figma上传一个设计

GitLab Figma插件可以让您将Figma中的设计上传到极狐GitLab的议题中

• 从Figma的菜单栏中打开插件：插件→GitLab→将设计上传到GitLab

• 输入您的极狐GitLab个人访问令牌，您只需要执行一次操作，或者在您设置的访问令牌到期以及删除令牌后重新执行一次。

• 勾选 I am using a self-management GitLab instance。 输入jihulab.com。如果您是使用其他自部署版本且有公网域名，则填入相对应的链接地址。之后点击保存设置。

• 将您希望上传设计稿的议题链接粘贴至插件的输入框中，或者选择插件中显示的最近议题。

• 选择设计内容（最多10个），点击插件中的upload按钮，提示上传成功。

重置插件

如果您希望删除 极狐GitLab 个人访问令牌并将插件重置为默认状态，请导航到“重置为默认”菜单项：
插件→ GitLab →重置为默认值

最后

设计管理可以让我们在整个产品开发流程中将设计和研发流程结合的更加紧密，能够让设计师的产出也可以通过议题进行记录和归档，让议题不仅关联代码修改的MR、产品经理的PRD，也可以关联项目中的设计部分，这为日后所有其他同事了解项目背景提供了更直观的展现，所有负责人都在这个议题中，任何人如果想看设计变更，代码变更，需求变更都是可追溯的，可以看到这个项目的所有进行过程。

这种协作方式就像DevOps让研发和运维能够紧密协作一样。能够让不同职能之间消除一个又一个的孤岛和墙，加速沟通和研发效率。

但产品也是在一个不断迭代和优化的过程中，在使用中还是有一些值得优化的空间：

• 比如设计管理目前还不支持PDF等格式的文件上传
• 比如Figma的插件上传设计至设计管理中后，还不支持通过上传的文件追溯到Figma的源文件
• 比如上传不同版本的同名文件后也没有一个前后版本变更对照的功能。

所有的这些优化可以通过不断的迭代进行优化，因为这些产品都是开源，大家可以通过访问项目地址进行议题贡献或者代码贡献。

相关链接

https://docs.gitlab.cn/ee/user/project/issues/design_management.html

https://gitlab.com/gitlab-org/gitlab-figma-plugin

https://www.figma.com/community/plugin/860845891704482356/GitLab

什么是设计管理功能

设计管理是 极狐GitLab 议题功能内的一个模块，在这里设计师可以上传议题相关的设计资产，包括线框图、原型图等。

与议题相关的研发、产品等职能的同事可以在议题内对设计进行浏览及协作，可以通过这种方式将设计也提供了单一可信源(SSOT)上的协作设计方法。

您可以与您的团队共享设计原型，或者可以轻松的查看和解决设计评审。

如何使用设计管理

首先要求启用 Large File Storage（LFS）：

• 对于自助管理实例，管理员必须全局启用LFS。
• 对于使用极狐GitLab SaaS的用户是默认开启的。
• 必须为项目本身启用 LFS。如果全局启用，默认情况下所有项目都启用 LFS。 要在项目级别启用 LFS，请导航到项目的 设置 > 通用，展开 可见性，项目功能，权限 并启用 Git 大文件存储 (LFS)。

目前设计管理支持上传的文件类型有png、jpg、jpeg、GIF、bmp、tiff、ico、webp 或 svg 格式的文件。

用户可以先打开 jihulab.com 创建一个项目，之后进入左侧面板中的议题列表页面新建一个议题，创建完成后点击议题界面中的点击上传，或将图片拖拽至虚线框内完成上传。

上传完成的设计文件会在议题页面显示，我们在上传同名文件时会生成一个新的版本，但如果是同名文件但内容没有更改过时则会跳过且不会更新版本。

所有拥有议题访问权限的用户都可以看到上传的文件，用户可以点击图像进行放大，上传多张设计图时也可以使用键盘的左/右键来切换。

如果用户希望对图片进行评审，可以通过鼠标点击图片中需要评论的部分来进行留言，这与我们在Figma或是同类产品的操作逻辑类似。

在设计评审时我们可以@项目中的相关人员，与他们进行交流和反馈，如果一些交流和反馈得到了解决，也可以将这些评审标记为已解决。

通过点击右上角的【添加待办事项】也可以将设计评审添加到自己的todo list，避免因为议题过多而遗漏。

我们在设计管理中所生成的用户活动事件都会由极狐GitLab跟踪并显示在用户配置文件、群组和项目活动页面。

GitLab Figma插件

因为我们大多数的设计都会在其他的工具上完成，如Figma等，所以如果想要将我们设计好的文件上传至极狐GitLab那么会经历以下步骤：

1. 在figma完成设计
2. 从Figma导出设计
3. 在极狐GitLab找到对应的议题
4. 将设计上传至议题中的设计管理中

GitLab的Figma插件就是通过API token的方式将Figma中的设计稿无需下载直接同步至极狐GitLab的议题中。

下面我们来看一下如何去使用这样一款插件，去更好的自动化我们的一些工作。

安装插件

通过这个链接跳转到GItLab Figma插件页面，可以点击右上角的install按钮进行安装。

创建极狐GitLab个人access token

• 导航至 https://jihulab.com/-/profile/personal_access_tokens
• 为你的个人访问令牌取一个名字
• 在选择范围一项中选择api
• 点击【创建个人访问令牌】

• 点击创建完成后会生成一个个人访问令牌，记得复制并保存好。

从Figma上传一个设计

GitLab Figma插件可以让您将Figma中的设计上传到极狐GitLab的议题中

• 从Figma的菜单栏中打开插件：插件→GitLab→将设计上传到GitLab

• 输入您的极狐GitLab个人访问令牌，您只需要执行一次操作，或者在您设置的访问令牌到期以及删除令牌后重新执行一次。

• 勾选 I am using a self-management GitLab instance。 输入jihulab.com。如果您是使用其他自部署版本且有公网域名，则填入相对应的链接地址。之后点击保存设置。

• 将您希望上传设计稿的议题链接粘贴至插件的输入框中，或者选择插件中显示的最近议题。

• 选择设计内容（最多10个），点击插件中的upload按钮，提示上传成功。

重置插件

如果您希望删除 极狐GitLab 个人访问令牌并将插件重置为默认状态，请导航到“重置为默认”菜单项：
插件→ GitLab →重置为默认值

最后

设计管理可以让我们在整个产品开发流程中将设计和研发流程结合的更加紧密，能够让设计师的产出也可以通过议题进行记录和归档，让议题不仅关联代码修改的MR、产品经理的PRD，也可以关联项目中的设计部分，这为日后所有其他同事了解项目背景提供了更直观的展现，所有负责人都在这个议题中，任何人如果想看设计变更，代码变更，需求变更都是可追溯的，可以看到这个项目的所有进行过程。

这种协作方式就像DevOps让研发和运维能够紧密协作一样。能够让不同职能之间消除一个又一个的孤岛和墙，加速沟通和研发效率。

但产品也是在一个不断迭代和优化的过程中，在使用中还是有一些值得优化的空间：

• 比如设计管理目前还不支持PDF等格式的文件上传
• 比如Figma的插件上传设计至设计管理中后，还不支持通过上传的文件追溯到Figma的源文件
• 比如上传不同版本的同名文件后也没有一个前后版本变更对照的功能。

所有的这些优化可以通过不断的迭代进行优化，因为这些产品都是开源，大家可以通过访问项目地址进行议题贡献或者代码贡献。

相关链接

https://docs.gitlab.cn/ee/user/project/issues/design_management.html

https://gitlab.com/gitlab-org/gitlab-figma-plugin

https://www.figma.com/community/plugin/860845891704482356/GitLab

背景

因为有太长时间没有登录Ghost博客后台，导致忘记了我的登录密码，加上最初没有给博客配置邮件客户端，所以也无法通过点击忘记密码给邮箱发邮件的方式来找回，好在我可以通过ssh登录服务器，之后通过修改Mysql的表来重置我的密码。

如何重置密码

首先我们通过ssh登录我们的博客服务器，然后链接我们的mysql，但不幸的是我甚至忘记了我的database和database name，但不要着急，我们是可以在服务器目录中找到的

第一步
首先进入mysql目录 cd /etc/mysql

之后查看里面的账号和密码 sudo vim debian.cnf

然后使用这个文件中的文件名和密码进入mysql，如果debian.cnf中的用户名为 debian-sys-miant则在在终端输入：mysql -u debian-sys-maint -p，点击回车就可以进入了

第二步
这时候就需要修改你的密码了，在进入数据库后需要选择一个database，可以先输入 show database来查看列表，我的Ghost相关的Database是 ghost_prod

之后输入 use ghost_prod来选择该Database

之后我们需要通过下面的命令来更新你的密码，
UPDATE users SET password=‘你的密码’ WHERE email='你的登录邮箱’;

但在此之前我们可以进入在线Bcrypt哈希值生成器来将密码进行哈希处理，然后将生成的哈希值填到上面命令中【你的密码】部分。

如果输入上面的命令之后展示以下信息就说明你的密码更新完成了。
Query OK, 1 row affected (0.00 sec)
Rows matched: 1  Changed: 1  Warnings: 0

第三步
进入  https://你的博客域名/ghost来使用新密码进行登录Ghost后台。

通过以上方法就可以完成密码重置了，如果在此过程中有遇到任何问题，欢迎邮件交流。

如果你是使用SQLite作为数据库也可以通过这篇文章来解决：Ghost管理员重置密码

相关链接

• How to change the admin password of your Ghost blog if you get Locked Out
• Ubuntu中查看本地mysql的用户名和密码
• Online tool to generate and check bcrypt hashed passwords.

前言

在最初一版的公司官网中，很多页面是使用的 UntitledUI 的样式来完成设计，但长期使用起来发现如果是仅仅在产品功能界面中使用该 UI 会是不错的选择，但使用在官网设计上会听到一些反馈，诸如色彩太单调，缺少动态效果等等。

这次版本优化就专门希望针对动效部分能做一个增强。之前的经验中如果涉及到动效的部分，会有很多不同的处理方式，但最终在调研过程中我把关注点放在了SVG动效上面，通过调研发现了一个非常好用的工具，那就是 SVG animator，而且在使用时带来了非常多的好处。

相信这会对设计师交付一些微动效尤其是svg路径动画有一些启发和帮助。

什么是 SVG Animation？

SVGs（scalable vector graphics）是可缩放矢量图形文件的缩写，是一种标准的图形文件类型，一种用于描述二维图形的XML标记语言。因为是矢量文件，所以无论是在多大的尺寸上展示效果都是一样的清晰，保证了图像不受尺寸影响，依然能够是最佳的展示效果。

不同于以像素为单位的位图，svg是基于代码，因此 SVG 动画具有可拓展性，后期更容易修改和调整。

Svg 更好的一点是，他的体积非常的小，对于网页来讲更容易渲染和加载，所以在现代网页设计中被广泛使用。

使用 Figma 将同一个图形导出为3种不同的格式，svg是2kb，而png和jpg分别为8kb、27kb。

关于 SVG 动画的历史

最早的关于 svg 动画是在上世纪90年代被开发出来，在 2003 年左右一些网页浏览器开始支持 svg 动画。但是直到最近我们还需要使用一些独立的插件或程序才可以浏览 svg 动画。

几乎所有主流的浏览器在 2011 年开始支持 svg 动画，并且在 2018 年发布了 SVG2 之后，我们才慢慢的发现更多强大且易于使用的 svg 动画软件。

使用 HTML 和 Javascript 制作 SVG 动画

从那之后网页中的 svg 动画开始慢慢取代无处不在的 GIF 动画，最近十年 GIF 动画开始慢慢消失，使用 HTML 和 Javascript 制作 SVG 动画开始变得越来越流行。

比较有名的就有苹果的初始化屏幕上展示的 hello 动画。

为什么使用SVG动

SVG 动画的使用给研发或者是设计师带来了不少的好处，目前越来越多的svg动画取代 gif 的一个原因之一是，网站的访问速度已经成为一个决定 Google 排名的重要因素之一。

如果一个网站上有过多的 gif，就会导致网站排名下降。因此，SVG这样轻量、快速、易用的格式开始变得越来越受欢迎。

SVG animator 是如何工作的？

Svg 的工作原理是需要给路径一个清晰的指导，就好比要给一个手里拿着画笔的孩子一个清晰的指引，告诉他起点、终点以及方向，按照这样的指引就可以让 svg 的路径变成一个动态效果。

通过这样的指引就可以清晰的画出直线、曲线、矩形、圆或者任意形状。

因此 SVG 路径有一个明确的起点、终点以及长度。有了这些参数，我们就能指定某个 svg 路径从 A 点到 B 点连贯起来渲染展示的动画。

Framer 的 Animator 组建是由 Benjamin den Boer 开发，用来处理让 SVG 动起来的问题，我们需要在这里点击 Copy Component，之后到 framer 项目中粘贴，再将这个组建于拖拽到项目中的 svg 资源相连接就可以使用，并且在使用过程中使用属性面板配置组建的动画设置，就可以让 svg 动起来。

一些效果

这个截图是原官网中 hero header section 部分，标题下的蓝色线条是静态的，通过 framer svg animator 重新设计之后的效果变成了 svg 路径动画，实现的效果可以参考下面的动图。

在设计页面时我们也会常用一些icon，这些 icon 也同样可以使用 svg animation 进行动态化。

在线预览地址

Tips

• 如果是通过Figma设计，可以使用 Figma to HTML with framer 插件，将设计稿复制到 framer 中。
• 使用 animation component 关联 svg 时，svg 不能编组，需要保证 component 关联的是 svg 路径，而不是封装的 group。

相关链接：

项目官网：https://animator.page/

作者个人网站 https://benjamin.design/

官方博客：https://www.framer.com/examples/svg-animation/

今年五一期间借着假期和年假,陪老婆一起逛了香港、深圳、珠海、澳门、顺德和广州. 体会了不同城市之间的人文风景差异.实在是一趟难忘的行程,很久之前就希望能够去一次香港和澳门,这次的行程算是圆了一个心愿.通过这次的旅行,我们的旅行足迹又多了几座城市.

这篇文章主要是记录我们在香港的一些旅行经历,分享我们眼中看到的香港.

因为逛的地方比较多,但相对距离没有很远,所以行程中大部分都是步行,平均单日步数都不下2万步,妥妥的一顿暴走 city walk.

出行前的准备

1. 港澳通行证:出行前最重要的应该是港澳通行证了,我们是在海淀中关村西区派出所完成的申请和签注,需要提前预约时间,之后带着身份证和居住证前往就可以.办理时间很快,全程不到一个小时,费用一人100+.
   需要注意的是如果是临近出行,可以直接在派出所完成签注,这样就免去了通关前排队签注的时间.
2. 港币: 因为香港的一些店是不支持大陆的移动支付,只收取现金,所以我们提前在中国银行的小程序预约了购汇业务,两个人一共换了1000港币,按照当时的汇率应该是8.8左右.
   澳门的店家也是收取港币的,所以不用单独换澳门元.直接使用港币即可,港币和澳门元之间的汇率差可以忽略不计.如果是没有港币,一些店家也可以收取人民币,不过是1:1的汇率收取,如果是这样就会有点亏.
3. 攻略: 出行之前的很多攻略都是在小红书上看到的,我会提前把想要去的地方在地图上标记出来,再了解当地的一些交通出行就可以轻松的自由行了.
   这次的出行原则就是不去游客扎堆的网红餐厅、景点.更多的时间放在感受当地的一些人文上.不想把宝贵的时间浪费在排队上.
4. 住宿:香港的住宿我是在 Airbnb 上提前预定的,位于尖沙咀弥敦道附近的公寓.香港的住宿是比较贵,幸好提前预定,不然会话很多冤枉钱.

出发

出发时北京下了很大的雨,导致飞机延误了四个小时才起飞,出发大厅里挤满了等待航班起飞的乘客.这让我们提前感受到了节日假期人挤人的感觉.

不过与之形成对比的是,首都机场的商业还是肉眼可见的凋敝,没想到疫情过去一段时间之后,一些店铺还是没有开业,这跟我们在五道口和中关村商场逛街时看到的感觉是一样的.可能恢复疫情前还需要一些时间.

作为一个北方人,香港一直给我的感觉是是一个很遥远的城市.直到这次出行我才了解原来往来香港已经如此的便利.

我们从北京出发,飞机到达广州飞行时间在3小时左右.到达广州后,高铁1小时可以直达西九龙站,出高铁站步行就可以达到维多利亚港.如果是选择深圳入关会更快,高铁18分钟,也可以选择地铁抵达香港,乘坐地铁的时间比我从中关村去大望路办公室时间还短.

目的地城市也是一直阴天.虽然出发前看了香港的天气,也很担心会因为天气的原因导致出行受阻.

庆幸的是,在香港的 2 天,天气一直很好.当日的天气非常适合在街上散步闲逛.一出高铁站就感受到有种湿热的海风吹在脸上的感觉.气温比在北京要高出近10摄氏度左右.

九龙半岛

出行的绝大部分目的地都在九龙半岛,所以我们来到香港的第一印象就是从九龙来的.老婆说知道香港老,没想到楼都这么老.给人很强的时代感,抬头不经意间感觉穿越到了二三十年前.路边的楼确实都是很有年代感,很少大面积的住宅小区,看惯了国内的一些新城,确实会有感觉衰败的感觉.

上面的照片是在去中银香港土瓜湾营业厅的路上拍到的居民楼,从照片中就能体会到当时的感觉了.照片中前后新旧居民区的对比还是很强烈的,前面这种楼宇的外立面在国内的老城区也经常能见到.

照片是随手在土瓜湾街边的房屋中介拍到的房产价格,粗略算了一下图中一套795尺(88平米)的房子售价2680万港币,算下来一平米合人民币27万左右.着实是感受到了亚洲最高的房价,这还是九龙,如果是港岛中环附近或者是太平山的房子都不知道能到多少.

漫步穿梭在香港的街巷中,我们想到的都是首尔,两座城市给人的感觉都是那种小街道,人流比较大,而且楼和楼之间贴的比较近.不同的是两座城市的招牌文字,以及路上的行人.

我是非常喜欢这种城市街道,大片的商业街区都很发达,有点区别于北京的商场购物区的体验,这里的商业很多都是临街商业,各式各样的餐厅、小店都非常有的逛.四通八达的小路走到哪里都会有新的体验.

在路上也时常能出现一些小意外,原本计划前往的一家茶餐厅没有营业,所以我们索性就近找了另外一家,到达之后才知道这也是一家网红餐厅,但好在来的早没有排很久的队.

这家华嫂冰室是香港非常有名的一家传统茶餐厅,经营本地地道的港式点心、汤和煲仔饭.最早是由广东来港的华侨于1953年创办.

虽然是一家网红餐厅,但价格不贵,两个人的早餐花费109港币.点了一份菠萝包、猪排滨城喇沙汤、冻奶茶和奶油西多士. 老婆很喜欢喇沙汤的味道,是一种很浓郁的香料的味道,跟咖喱很像.菠萝包味道也很赞,面包口感酥脆柔软.

等到我们出来的时候餐厅才真正开始排起了长队,随意瞥见门口的招工启示发现这里的服务员的薪资情况:兼职时薪75港币/时,煮面的服务员21000-22000每月.

所以对比来看今天我们两个人的早饭相当于普通服务员1.5h的收入.由此可以大概了解香港的薪资购买力.

华嫂冰室附近还有一个非常有名的打卡点就是重庆大厦,大家知道这栋楼是因为王家卫的电影重庆森林.这栋重庆大厦还被称作”联合国大厦“,它本是一座大型外籍人士宿舍和商业大厦,建于1970年.许多来自世界各地的外籍人士都生活在这里.

比较遗憾的是我们当时并没有太留意重庆大厦,散步时路过都没有拍照.重庆大厦离吃早餐的华嫂冰室直线距路可能都不到200米.

维多利亚港

维港应该是每个来港的朋友都会选择打卡的地方,给人感觉和外滩很像.都是在一侧远眺对面的高楼的感觉.

维多利亚港是一个天然良港,虽然肉眼觉得不是很宽,但却是一个深水港,港口的交通也是非常的繁忙活跃.他是一个非常重要的国际航运枢纽.

九龙尖沙咀海滨的星光大道是一个致敬香港电影工业和明星的地方,有非常多的游客前来打卡,这里类似好莱坞的星光大道.

星光大道的设计灵感是源于电影胶片,沿着海滨的步行道上铺设着黑色的地面,模拟电影胶片的形状.

步行道两侧有许多铜像和雕塑，展示了香港电影工业的巨星和重要人物的形象。游客可以在这里找到像李小龙（Bruce Lee）、周润发（Chow Yun-fat）、张曼玉（Maggie Cheung）等众多著名明星的雕像。

天星小轮

天星小轮是香港的一个标志性的公共交通服务,提供乘客穿越维多利亚港的船运服务. 天星小轮的历史可以追溯到1888年,起初是有苏格兰伤人创办的一家私人轮渡公司.

天星小轮采用了经典的双层设计,内部的座椅也是非常传统的木制座椅.提供了非常好的观赏视野,整体航行时间不长,很多人都选择吹着海风感受维多利亚港的夜景.

天星小轮周中票价5港币,周末6港币.节假日可能排队会比较久,如果有八达通卡可以直接刷卡,可以走刷卡通道,排队时间会少一些.

中环

香港中环是香港岛上一个核心商业和金融区,也是香港的中央商务区.这里的整体感觉就会和九龙岛差异比较大.在这里就可以体验最繁华的香港.

中环还有非常多著名的高端品牌的旗舰店、购物中心和跨国银行以及集团总部. 标志性地标建筑有—中银大厦和香港汇丰银行大厦.他们都是非常著名的建筑设计作品.

非常喜欢这里的一点是在中环有非常多的室内电梯和步行道.不同于重庆的将汽车抬到到高架,这里是将行人抬到“高架”.这里的高架就是每栋楼之间的走廊.

这样做就可以在繁忙拥挤的中环,将人车进行有效的分流,而且行人可以更好的享受高视野带来的景色,部分封闭的走廊还可以享受到商场里带出的冷气,这对于行人非常的友好.

对于在YUST上学的人来讲,这种设施就是我们熟悉的连接栋,无论外面刮风下雨都不会影响我们的出行,中环的行人交通应该是我目前为止见到过最便捷的方式,行人可以选择临街小路,楼栋之间的走廊,还有地下的地铁,非常的有层次.

叮叮车🚎

港岛的叮叮车🚎也是一个特色交通方式,在九龙是体验不到的,在国内也有一些城市保留有这种有轨电车,比如大连也有非常有特色的电车.但不同于大连的电车,香港的叮叮车分为上下两层,乘客从后门上车,可以选择视野更宽阔的上层乘坐.

叮叮车的历史最早可以追溯到1904年,至今已有一百多年的历史.最初的时候是由马车作为动力进行运营.

叮叮车的行驶速度很慢,且经过的地方多为香港岛的中环、湾仔和北角等地.大部分都是香港繁忙的街道和热闹的市区,所以为游客提供了一种慢节奏的城市观光方式.我们也可以借着叮叮车游览香港的城市风光,感受独特的城市氛围.

叮叮车的票价也非常的便宜,只需要3港币,在下车时投入硬币或者刷八达通卡即可.

虽然来香港之前一直觉得香港物价高,但是实际到达之后发现一些费用还是很便宜的,比如叮叮车、天星小轮、还有中环的摩天轮,价格都非常的划算.

关于住宿

香港的住宿是出发前在 Airbnb 提前订好的,位于尖沙咀弥敦道附近的公寓房间.比起国内的同类型公寓价格贵了一倍左右,但在香港这个价格已经是很划算了,价格和在北京住一个连锁酒店的价格一样.

出发前就知道香港的住宿贵且面积通常比较小,但实际看到后还是有一些吃惊. 这应该是目前为止住过的公寓中最袖珍的了,面积差不多4-5平米左右,还是算上了卫生间的面积.

公寓是一间大的公寓拆分为多个房间,中间是走廊,有点像学生公寓这种.类似的房间可以参考韩国的考试院的房间,里面的摆设只有一张床、一个床头柜、一个挂墙电视和空调.

不过卫生还是很干净,能够在五一假期抢到一间这样的房间已经很满意了,毕竟价格也不算太贵.而且还是在尖沙咀这样的位置.

如果来到香港住宿并且屋内安装了有线电视的话,还是非常建议看一下的.里面的很多节目都非常的有特色,就是连广告的设计也是很有港式风格.还有一个就是香港的新闻,会发现和内地还是有很大的不同,报道和数据都是非常的写实.老婆甚至还说如果在北京也能在家收到TVB和明珠台就好了.

关于货币

来港前我们就在家附近的中国银行提前预约了购汇,通过微信公众号可以提前预约,看了网上游客的分享,一般两个人游玩两三天基本1000港币就够了.1000港币折合人民币880左右.

在香港一些小店会收取纸币,很多地方已经支持支付宝付款,根据实时汇率进行结算.如果能电子支付还是尽可能的选择电子支付.

在国内预约换港币也是受到外汇管制的监管,算在每人每年5万美金额度之内.

购汇前也是稍微了解了一下港币相关的信息,中国银行(香港)是香港三大货币发行机构之一,还有两家是汇丰银行和渣打银行.

所以我在香港期间发现收到的两张100港币长得是不一样的,是因为发行自两
家不同的银行的缘故.

港币采用的是连接汇率制度.根据该制度，港币与美元之间有一个固定的汇率范围。目前，港币的兑换比例为1美元约等于7.82港币。

我和老婆都有喜欢收藏纸币的习惯,每次都会留一些没有花完的留作纪念.10元港币和其他面额不同,10元面额有塑料材质的,就很适合作为收藏.

关于吃

香港有非常多的街头美食,甚至走在路上一个排着队不起眼的小餐厅都是米其林上榜餐厅.这次出行前其实没有可以找网红餐厅,因为是五一期间游客很多,我们都是尽力避开排队久的餐厅,希望能尽可能的把时间花在游览和体验上.

下面是一些是在这次的行程中到访的一些小店,因为本来就非常喜欢吃港式茶餐厅的东西,所以这次真的是过足了瘾.

筷子记

筷子记是位于中环威灵顿街的一家澳门车仔面专门店,这是一家开了很久也是很地道的平价餐厅.

到达后发现店面确实很小,我们需要等待空位拼桌,一开始入座后发现老板普通话不太好,我们又听不懂粤语,所以沟通遇到了一些问题.后来是我们对面桌的姐姐用不太熟练的普通话告诉我们如何点单,以及告诉我们哪些是推荐,最后在她的帮助下我们完成了点单.

香港不是所有人都可以说流利的普通话,所以如果双方的粤语或者英语有没有很好的情况下会有一些尴尬,不过这也是比较少的情况.大部分香港居民对于一些简单的英语沟通还是无压力的.

后来看门口的文字说明才知道,这里的车仔面是有三送和二送面餐的区别,可以选不同的面条类型,全天热饮是赠送的.

后来拼桌的大姐走了之后,又来了一对年轻人,看到我们讲普通话像是内地的游客,还跟我们打招呼,他们沟通对话是粤语和英语,对面的我们讲普通话和朝鲜语,感觉这个画面还挺有趣.

美都餐室

庙街附近的一家开了80多年的餐厅,因多部电影在此取景而闻名,电影《追龙》中刘德华和郑则仕吃早茶的地方就是在这里拍摄的. 二楼拐角处的6号位置是黄家驹生前经常坐的位置.

同时这家店也因为服务差定价高而饱受食客诟病,老板在店内将粤语和英语,如果讲普通话沟通会有困难.店内也不许食客拍照,会被老板大声呵斥,我们当时就餐时就碰到了一位.

也是在这里感受到了香港服务行业和内地的区别,别的行业不是非常了解,但是在去过的餐饮店里很多都不是我们传统意义上理解的顾客就是是上帝这种体验.

富记美食

后来我们干脆放弃,出门走了两步进到了一家路边的早餐店,看到门口停了非常多的出租车我们就知道来对了地方,门口也有好几桌当地人在就餐,给人很地道的感觉.

两个人点了一份虾饺皇、金钱肚还有一杯柠檬茶.也是在这里吃到了目前为止最好吃的金钱肚和虾饺皇,口感和味道让人一口难忘.

后来才知道这也是一家小有名气的店,是一对老夫妻共同经营.白钟元的《街头美食斗士》曾经拍摄过这家店,他也是偶然经过,白钟元尝过这里的味道后也是赞不绝口.

囍运冰室

囍运冰室是唯一一家我们在香港连续吃两次的店,倒不是因为多出名或者有特色,可能是味道正和胃口.

2人 正常点单的价格也比较合理,因为地处旺角,人流量很多.从中午到晚上一直都是满座的状态.

庙街夜市

晚上的时候因为民宿离庙街比较近,而这里又是有名的一条夜市街,所以自然而然的晚饭就已小吃为主.

可能是我们去的比较晚的原因,整条夜市逛下来已经没有几家大排档还在营业,最后逛了一圈买了两串咖喱鱼蛋当作晚饭.

香港的一些所见所闻

在油尖旺地区佐敦地铁附近吃早餐的路上看到的横幅,香港油尖旺地区是有民主党和议会的.议会副主席会协助做一些投诉、地区规划咨询、代办长者福利等内容.

旺角

照片拍摄于旺角地铁站附近的一座天桥,天桥两边坐满了人,刚开始以为是摆摊的商贩,后来想起当天是周日.这一天是香港的菲佣法定休息日,每周日大家都会聚在一起开这种天桥派对,大家聚在一起聊天分享美食.

在香港的菲佣根据一些不同的技能收费不同,在22年9月之后,本港家庭佣工的最低工资为4730元港币,看到一些博主分享一些菲佣不仅根据家庭饮食习惯搭配菜单,也会辅导孩子英语口语练习等工作.所以这么一看菲佣的性价比确实很高,在北京目前照顾孩子的月嫂阿姨月薪都要8000起,如果内地放开外籍家庭佣工的话对内地家庭来讲确实是一项福利.

中环兰桂坊

在中环兰桂坊附近的一家小吃店,门口贴着光顾的明星食客照片.看到了陈奕迅和任达华.

铜锣湾崇光

在铜锣湾的崇光百货旁边的广告牌上是香港最近话题度很高的一个艺人,在香港人气比较高,当时粉丝为了给偶像庆生甚至在广告牌下聚集造成了短暂的拥堵.

崇光百货附近也有很多有名的购物中心,各种品类的商品都能找到,逛了一圈老婆说单看化妆品的价格还是很划算的.

打卡铜锣湾附近的一条商业街,不知道这个书店是不是事件中的书店.

听闻香港的表店很多都是洗衣店,客人通过人民币买名贵的手表后,再到指定的地方退表,退款时收取美元或者直接打到境外卡上.其实不光是名表,很多奢侈品甚至房产都有人用作此用途.

旅行期间正好赶上香港劳工处张贴的上调法定最低工资的海报,每小时最低法定时薪上调到40港币.如果按照最低时薪每天工作8小时,一个月平均22.5个工作日记算,每月最低工资为7200元港币.

这是一家旺角附近的售卖电子产品的集合店,有点像北京的顺电.特意对比了一下iPhone的价格.加上汇率差会比内地便宜不少.

太平山

最后是来港必去的太平山,我们没有选择游客排队多的缆车,而是选择了大巴上山,在车站没有排队,一路看着风景时间过的也很快.

补一张太平山的傍晚和夜景,受限于天气和设备,夜景拍出来噪点很多,不过肉眼看时还是很美.

费用

五一出行一共是6天,包含香港、澳门、珠海、深圳、顺德、广州.其中珠海和深圳仅中转住宿,并未太久停留.

算下来一共花费 13365

• 机票7196
• 住宿1609
• 交通1096
• 餐饮1340
• 纸币730
• 购物977
• 其他417

总计花费中除机票外剩下的都是正常消费,算是一次不错的旅行体验.