Merge pull request #5 from ChangJun2019/dev

.vscode/settings.json

@@ -59,6 +59,7 @@
     "shadcn",
     "shap",
     "sina",
+    "Sonoma",
     "styl",
     "taze",
     "Trancy",

components/AppLayout.vue

@@ -1,14 +1,4 @@
 <script setup lang="ts">
-useHead({
-  script: [
-    {
-      'src': 'https://umami.52chinaweb.com/script.js',
-      'async': true,
-      'data-website-id': 'ee1faa71-851b-470b-a5d4-5b11c648ce50',
-      'tagPosition': 'bodyClose',
-    },
-  ],
-})
 </script>
 
 <template>

components/Post/PostHeader.vue

@@ -9,7 +9,7 @@ const d = computed(() => {
 <template>
   <header class="w-full">
     <div class="flex items-center justify-center rounded-xl overflow-hidden c-bg-muted">
-      <img :src="image.src" alt="" class="w-full h-auto dark:brightness-80 object-cover">
+      <img :src="image.src" alt="" class="w-full h-auto max-h-80 md:max-h-120 dark:brightness-80 object-cover">
     </div>
     <div class="text-sm text-primary/60 mt-4">
       {{ tag }}

content/index.md

@@ -11,7 +11,7 @@ layout: home
 
 ✨ 喜欢读书&追剧&游戏，因为你总能在别的「世界」里得到些什么；喜欢编程，因为总感觉你也可以某种微弱的方式影响着这个世界。能凑巧跌进程序的世界是我为数不多最开心的选择。非常能折腾，常常思考人生，对自己最大的期望就是好好过完这一生。
 
-🐶 我有两只非常可爱的小狗，旺仔儿子（贵宾）和 Max 女儿（比熊），一定是缘分让他们来到了我们的身边，陪伴着我们，带给了我们很多，因为他们，时间变得也有意义起来。
+🐶 我有两只非常可爱的小狗，旺仔儿子（泰迪）和 Max 女儿（比熊），一定是缘分让他们来到了我们的身边，陪伴着我们，带给了我们很多，因为他们，时间变得也有意义起来。
 
 👨🏻‍💻 曾在 [~~19 楼~~](https://www.19lou.com/) 、[~~御安~~](http://www.yuan-info.com/#/index) 担任前端开发，贡献自己的绵薄之力。现在在做远程工作。
 

content/posts/5-2023-traffic-accident.md

@@ -0,0 +1,41 @@
+---
+layout: content
+title: 人生第一次骑车被撞，真的很痛
+image:
+  src: /images/0-cover-2023-traffic-accident.jpg
+  alt: multiple injured arms
+date: 2023-10-12
+tag: Life
+---
+
+在一个普通的早上，我骑车准备前往常去的咖啡店办公，当我在前方正常行驶时，忽然一声巨响，接着就是天翻地覆的晕眩感，之后一阵剧痛袭来。我知道我应该是出「车祸」了，本篇博客主要简单记录一下我人生中第一次出「车祸」的经历。
+
+## 事情经过
+
+2023 年 10 月 10 日早上，我准备骑车前往常去的咖啡店工作，但是非常不凑巧的是小区门口的共享单车已经没有了。因此，我将交通工具换成了电动车。
+
+当时是早高峰，电动车和自行车都非常多，所以我将速度放的稍微慢了些。我在前方正常行驶，印象中我当时（具体我也有点记不清了）是想靠边行驶。忽然一声巨响，我就已经在地上了，电动车压住了我的腿，当时就一个感觉，疼……然后就是有点发懵。
+
+还好碰到一个负责任的人，将我扶起来后，我摸了摸身体走了两步感受一下。我初步判断没有伤到骨头，身体多处擦伤，手臂、腿部肌肉疼痛。对方是一位青年女性，同样也骑的电瓶车，看样子应该也是赶早高峰上班族。
+
+当时懵的状态可能占多数，感觉自己没事后，考虑到对方也要上班后就没多思考，跟对方留了一个微信后就接着骑车走了。路边找了一个药店，进去简单买了点碘伏和纱布，上药的时候是真的痛到不行。
+
+到了咖啡店后，我喝了口水平静了一下，掏出了我的电脑。这个时候我才发现书包、电脑包都有擦破的洞，电脑外壳一角有磕破。我一下子心疼了……这是才买的电脑啊……所以思索之后跟对方发了一条消息表明我的电脑有损坏。对方可能觉着有争议，所以我们约了再回到事发地，通过报警处理。
+
+交警来了之后询问事情经过，然后我由于当时的印象有点模糊我就没有表达什么，都是对方回答交警的问题。因此一番调查之后，交警划定了她全责。她是想加速从我的右侧超车，她预估可以超车过去，就这样发生了事故。**电动车行驶时，无论如何超车，在超车发生事故时，超车方全责。** 交警是这么说的。
+
+接下来交警问我的索赔数额。我觉着外伤忽略不计，我唯一的诉求就是电脑的损失。考虑到对方也是一个上班族，所以我要求 1k。让我没想到的是，她居然跟我还价了……当时在那个场景下，我一时之间还真没想到。我忽略了我的书包衣物电动车损坏，忽略了我的身体受伤，只考虑我的电脑检修费用。
+
+后面就是老生常谈的对方诉苦表达她的不易，我当时实在是太痛了，考虑到不要耽误交警工作，我就同意了她说的 900。
+
+## 总结
+
+我觉着在这次事故中需要注意的是：
+
+1. 一定要让对方带你去医院，无论你当时觉着是否状况还好，你都需要专业的检查来确认一下。（我回家之后才发现我的脖子转动很痛，全身多处有红肿）
+2. 不要过多理解别人忽略自己的损失，不能因为别人造成的损失还需要自己来补。
+2. 骑车一定要注意安全啊！行车不规范，亲人两行泪啊。
+
+最后感谢一下家人，事情过去两天后，在她的悉心照顾下我已经好了很多。
+
+

content/posts/6-2023-my-browser-setup.md

@@ -0,0 +1,107 @@
+---
+layout: content
+title: 2023 我在用什么浏览器
+image:
+  src: /images/0-cover-2023-my-browser-setup.png
+  alt: grey background, including Chrome and Safari and Arc logo
+date: 2023-10-13
+tag: Share
+---
+
+作为一名前端开发者，每天打交道最多的就是浏览器，Chrome、Safari、Edge、Arc……在这篇博客中我想分享一下我使用了什么浏览器，安装了哪些插件，以及我的一点思考。
+
+我主要使用的电脑是 MacBook Pro M2 Pro 。
+
+## 我使用什么浏览器
+
+我目前主要使用的浏览器是 Safari 和 Chrome。
+
+不过我是最近更新 macOS Sonoma 后才将 Arc 浏览器切换到 Safari。
+
+Arc 浏览器横空出世后，优秀的视觉效果、垂直标签栏、多 Space 设计、Boost（简单的方式修改网页颜色、字体）、画板能力……都让人希望马上可以体验到这个浏览器。
+
+最初我是在 X 上看到有人推荐这个浏览器，弥散渐变的设计一下子吸引到了我，让我看到了浏览器的与众不同。在获得内测资格后，我就立马使用体验了这个浏览器。漂亮的设计，自己选择主题色，优秀的交互，也让我立马将主力浏览器切换到了 Arc，在使用了很长一段时间后，我还是放弃了这款浏览器。
+
+为什么我不再使用 Arc 浏览器了呢，主要原因有几点：
+
+- Arc 浏览器还是会过于占用内存。
+- 偶尔还是会出现页面卡顿、不稳定的情况
+- 同步基于 Apple ID，对于使用两台电脑的情况下并不是很稳定。
+- 没有导出标签
+
+这其中最困扰我的点还并非内存占用，同步问题，而是浏览某些网站会出现莫名的功能不正常，页面卡死。当我在 Chrome 中打开同样的网站时，并未出现问题。Arc 浏览器也是基于 Chromium 开发的，所以并不清楚到底是什么原因导致。
+
+最近，Arc 浏览器也推出了 "Arc Max" AI 集成，你可以在浏览器中与 ChatGPT 交谈或者在当前上下文中提问，可以根据内容重命名下载文件，支持鼠标悬停获取链接的摘要预览……能够看出 Arc 也是在不断创新的。
+
+回过头来看，我心中的浏览器是什么样子呢？我希望浏览器能做到的是：
+
+- 对于 Web 应用有更好的支持，包括但不限于性能。我更喜欢在网页中使用 Figma、Gmail 
+- 简洁一致的设计，舒适的交互效果。
+- 优秀的开发者体验
+- 足够安全
+
+## Safari
+
+我使用 Safari 作为我的日常办公娱乐浏览器。
+
+在 macOS Sonoma 中，Safari 也更新了几个非常几个不错的功能：
+
+- 多 Space 支持，可以创建「工作」和「个人」多个场景，历史记录、书签、标签页、Cookie分开
+- 搜索优化
+- 网页 App 可以加入程序坞
+- 共享密码和通行密钥
+- 无痕模式闲置时可以锁定窗口
+
+在这其中我觉着最有用的就是多 Space 支持，与信任的人共享密码。
+
+所以我在升级 Sonoma 的时候就第一时间体验和设置了 Safari 浏览器，整体使用起来意外的让我觉着不错。
+
+多 Space 模式可以让我对浏览器进行不同模式的划分。我可以为工作模式和个人模式设置不同的起始页、不同的书签、不同的插件以达到一致性。
+
+我非常喜欢 Safari 浏览器的起始页可以去除默认元素，只包含一张壁纸。
+
+### 插件
+
+在 Safari 中我主要使用的插件是：
+
+1. 沉浸式翻译，页面对照翻译
+2. Grammarly，输入文本语法检查
+3. 滴答清单
+4. Bitwarden，跨平台的密码管理器
+5. AdGuard，广告拦截插件
+
+## Chrome Dev
+
+我使用 [Chrome 开发者版](https://www.google.com/intl/chrome/dev/) 作为我的 Web 开发浏览器。开发者版本可以满足我测试一些新的 API 或者功能。
+
+我会关注 [Chrome for Developers ](https://www.youtube.com/@ChromeDevs) YouTube 频道，来了解最近都有哪些新的特性。
+
+### 插件
+
+在 Chrome Dev 中我安装的插件会更加针对开发：
+
+1. Vue/React Devtools 
+2. [Start - A Clean New Tab](https://chrome.google.com/webstore/detail/start-a-clean-new-tab/dlofaadadkacecikehaefpgdahbgdmen) ，我写了一个扩展来去除 Chrome New Tab 默认元素，同时支持设置背景图片。
+3. File Icons for GitHub and GitLab 浏览 GitHub 文件图标修改插件。
+4. uBlock Origin 广告过滤插件
+5. 篡改猴
+6. I don't care about cookies，移除 cookie 弹窗。
+7. JSON Formatter，JSON 美化工具
+9. History & Cache Cleaner - Smart Clean 
+10. Refined GitHub
+
+## 总结
+
+以上就是我对于浏览器使用的分享，Chrome 毫无疑问仍然是我的开发浏览器，日常使用浏览器由 Arc 切换到了 Safari。
+
+无论使用什么浏览器，都是为了提高效率，作为一名 Web 开发者，我衷心的希望浏览器的发展越来越好，出现越来越多优秀的 Web 应用。
+
+
+
+
+
+
+
+
+
+