更改图片格式为 webp

src/lib/components/footer.svelte

@@ -40,7 +40,7 @@
       ©
       </a>
       <a
-      rel="noopener external"
+      	rel="noopener external"
         target="_blank"
         class="tooltip hover:text-secondary"
         data-tip="今年是何年"

src/lib/config/friends.ts

@@ -33,7 +33,7 @@ export const friends: Friend[] = [
     name: 'Katari',
     link: 'https://katari_v.t.me',
     descr: '',
-    avatar: '/assets/friends_avatar/katari.png'
+    avatar: '/assets/friends_avatar/katari.webp'
   },
   {
     id: 'linger',
@@ -78,7 +78,7 @@ export const friends: Friend[] = [
     name: '12d',
     link: 'https://t.me/diversesystem',
     descr: '您在看胡伯特的网页',
-    avatar: '/assets/friends_avatar/aeciane.jpg'
+    avatar: '/assets/friends_avatar/aeciane.webp'
   },
   {
     id: 'iii90909',
@@ -87,7 +87,7 @@ export const friends: Friend[] = [
     name: 'iii90909',
     link: 'https://t.me/thr7ee',
     descr: '',
-    avatar: '/assets/friends_avatar/iii90909.jpg'
+    avatar: '/assets/friends_avatar/iii90909.webp'
   }
 /*  {
     id: '',

src/lib/config/general.ts

@@ -148,7 +148,11 @@ export const header: HeaderConfig = {
     {
       text: '朋友们',
       link: '/friends'
-    }
+    },
+	{
+	  text: '📁',
+	  link: 'https://t5d.trle5.xyz'
+	}
   ]
 }
 

src/lib/config/site.ts

@@ -9,7 +9,7 @@ export const site: SiteConfig = {
   description: '你好呀👋',
   author: {
     name: 'Hubert\u0020Chen',
-    avatar: '/assets/images/avatar/70455873_p3_master1200.jpg',
+    avatar: '/assets/images/avatar/70455873_p3.webp',
     status: '😉',
     bio: '你好呀👋'
   },

urara/about/testagain/+page.md

@@ -2,7 +2,7 @@
 title: '这是一个测试页面'
 created: 2022-01-26
 updated: 2022-11-02
-image: /about/testagain/test.png
+image: /about/testagain/test.webp
 tags:
   - 测试
 summary: '有点纪念意义就一直放在这里好了'

urara/post/urara-intro/+page.md

@@ -1,7 +1,7 @@
 ---
 title: 'Urara 入门教程'
 created: 2022-11-20
-updated: 2022-11-20
+updated: 2022-11-22
 image: /post/urara-intro/urara.webp
 tags: 
    - Urara
@@ -10,7 +10,7 @@ tags:
 summary: '力所能及写的搭建教程'
 ---
 
-题图来自 [Urara demo](https://urara-demo.netlify.app/)
+题图来自 [Urara demo](https://urara-demo.netlify.app/) 并进行过圆角填充
 
 **填坑写文章咯 😇** 
 
@@ -32,7 +32,7 @@ summary: '力所能及写的搭建教程'
 
 ### 配置环境
 
-**首先我们需要安装 nodejs**
+**首先我们需要安装 Node.js**
 
 **node 与 nodejs 是同一个东西，我也不清楚为什么会这样，我现在虚拟机中 node 的版本号为 `v12.22.12`，nodejs 为 `v16.18.0`**
 
@@ -130,7 +130,7 @@ Urara 的后端结构大致分为 `src` 与 `urara` 文件夹，其中 `src` 文
 
 打开其中的 `urara` 目录，你会看到两个文件夹与一张图片，第一个文件夹 `assets` 中也有几张图片，它们是 demo 自带的资源，我也不清楚哪里会用的到，自己琢磨要不要删除吧
 
-![](/post/urara-intro/urara-folder.png)
+![](/post/urara-intro/urara-folder.webp)
 
 还有另一个 `hello-world` 文件夹，点进去可以看到两个文件夹、一张图片和一个名为 `+page.svelte.md` 的文件，再打开其中的 `toc-disabled` 文件夹，能看到另一个名为 `+page.md` 的文件
 
@@ -197,7 +197,7 @@ export const site: SiteConfig = {
   description: '你好呀👋', // 站点描述，适用于有链接预览的应用，可以看后面配图
   author: {
     name: 'Hubert\u0020Chen', // 个人资料卡片的用户名，这里同样使用了 Unicode 代码
-    avatar: '/assets/images/avatar/70455873_p3_master1200.jpg', // 头像
+    avatar: '/assets/images/avatar/70455873_p3.webp', // 头像
     status: '😉', // 状态，也可以用文字，不过超过一个字符的话就会溢出边框
     bio: '你好呀👋' // 简介
   },
@@ -302,11 +302,11 @@ export const date: DateConfig = {
 
 #### 第二部分的页脚
 
-要修改这部分的页脚，我们需要换个源文件，它在 `src/lib/components/footer.svelte` 这里
+要修改这部分的页脚，我们需要找到另一个源文件，它在 `src/lib/components/footer.svelte` 这里
 
 **注意：这部分对于没有计算机知识的人并不好修改，记得常常备份**
 
-这里先看 Urara demo 里的文件，我的也修改了不少
+先看 Urara demo 里的演示文件
 
 ```
 // 省略了前 9 行
@@ -348,4 +348,90 @@ export const date: DateConfig = {
   </div>
 </footer>
 
-```
+```
+
+**看上去很乱对吧，我也这么觉得 🥲**
+
+我们尝试拆分一下，先看 demo 的页脚
+
+![](/post/urara-intro/footer.webp)
+
+可以看到第二部分的页脚分为两行，第一行为 **Copyright © 2022 John Doe**
+
+再看源文件 `26` 至 `29` 行的内容
+
+```
+Copyright © {footerConfig.since && footerConfig.since !== new Date().toJSON().substring(0, 4)
+  ? `${footerConfig.since} - ${new Date().toJSON().substring(0, 4)}`
+  : new Date().toJSON().substring(0, 4)}
+{site.author.name}
+```
+
+是不是看懂了一些？ **Copyright © 2022 John Doe** 中的 **Copyright ©** 是按照人类可读形式写在文件里的，这说明我们可以随意修改，例如我们把 **Copyright** 改为 **版权** ，保存后等待测试服务器读取到更改或手动重启，再进入网站就发现 **Copyright** 已经变为了 **版权**
+
+![](/post/urara-intro/footer-2.webp)
+
+中间的日期就是自动生成的，原理应该是获取网络时间吧，我不清楚
+
+末尾的用户名会跟随 `src/lib/config/site.ts` 文件中的设置，一般不需要手动修改
+
+下一行的 **Powered by Urara** 实现方法也跟上一行差不多，不过这句话的 **Urara** 可以点击，可跳转且把指针放到上面会弹出一个信息框，这个效果也可以通过复制替换实现
+
+或许你会好奇为什么第二部分的页脚有两行，因为两句话中间有个换行符 `<br />`，如果不喜欢可以删掉它
+
+继续看 **Powered by Urara** 部分
+
+```
+Powered by
+<a
+  rel="noopener external"
+  target="_blank"
+  class="tooltip tooltip-secondary hover:text-secondary"
+  data-tip="🌸 [δ] - Based on MDsveX & SvelteKit 🌸"
+  href="https://github.com/importantimport/urara">
+  Urara  // 注意 Urara 藏在这里
+  </a>
+```
+
+同样，**Powered by** 为可读形式，后面的 **Urara** 藏在 `<a ... >` 和 `</a>` 的中间，说明 Urara 这个词依然是可读形式，只是被 `<a ... > </a>` 添加了可互动元素，我们再仔细分析一下
+
+```
+Powered by // 可读文字
+<a
+  rel="noopener external"
+  target="_blank"
+  class="tooltip tooltip-secondary hover:text-secondary" // 一些类选项
+  data-tip="🌸 [δ] - Based on MDsveX & SvelteKit 🌸" // 可以看出，这是把指针放到 Urara 上后弹出的文字
+  href="https://github.com/importantimport/urara"> // 这是点击 Urara 后访问的地址
+  Urara  // 注意 Urara 藏在这里
+  </a>
+```
+
+能不能看懂？毕竟我也不是很懂这语法，只能这样理解了 🫠
+
+要重点讲一下的是 `class="tooltip tooltip-secondary hover:text-secondary"` 这行，其中的 `tooltip-secondary` 表示的是信息框背景色使用 **daisy UI** 主题的第二个主要色，`hover:text-secondary` 似乎是主题文字的第二个主要色，具体的颜色值需要去参考 [daisy UI](https://github.com/saadeghi/daisyui/) 了
+
+演示一下不同主题下加了 `tooltip-secondary` 的信息框颜色差别，同样也只截取了部分主题
+
+![](/post/urara-intro/footer-custom.webp)
+
+方便添加这种样式，这里就放一个默认提示框的示例，复制修改一下写进文件里自己测试吧
+
+```
+<a
+  rel="noopener external"
+  target="_blank"
+  class="tooltip hover:text-secondary"
+  data-tip="这里是弹出的文字"
+  href="https://github.com/">
+  这里是文字
+ </a>
+```
+
+效果图
+
+![](/post/urara-intro/footer-test.webp)
+
+接下来也就没有其他要修改的地方了，那么这篇文章就正式结束了吧，当然如果后续发现错漏时，依然是会来修正的
+
+拜拜 👋

urara/post/wechatpush/+page.md

@@ -2,7 +2,7 @@
 title: '使用 FarPush 搭建微信消息推送服务'
 created: 2022-09-01
 updated: 2022-11-03
-image: /post/wechatpush/farpush-hms.jpg
+image: /post/wechatpush/farpush-hms.webp
 tags: 
    - FarPush
    - 推送服务

urara/post/动态分配crostini/+page.md

@@ -2,7 +2,7 @@
 title: '在 Chrome OS 上为 Linux 虚拟机开启动态磁盘大小'
 created: 2022-10-22
 updated: 2022-11-08
-image: /post/动态分配crostini/Linux.png
+image: /post/动态分配crostini/Linux.webp
 tags: 
    - Chrome OS
    - Linux

urara/post/搭建一个自己的博客/+page.md

@@ -2,7 +2,7 @@
 title: '搭建一个自己的博客'
 created: 2022-03-05
 updated: 2022-11-20
-image: /post/搭建一个自己的博客/banner.jpg
+image: /post/搭建一个自己的博客/banner.webp
 tags: 
    - Hexo
    - 技术
@@ -36,11 +36,11 @@ summary: '使用 Hexo 后端与 GitHub Pages 服务'
 
 登录到 GitHub 网页版后，可以看见左上角的 **Recent Repositories** 旁有个 **New** 按钮，点击它来新建仓库
 
-![](/post/搭建一个自己的博客/github202203051935.png)
+![](/post/搭建一个自己的博客/github-repo-desktop.webp)
 
 如果是使用手机来访问，可以进入 `https://github.com/<你的 GitHub 用户名>?tab=repositories` ，就能看见那个 New 按钮了
 
-![](/post/搭建一个自己的博客/github202203051951.png)
+![](/post/搭建一个自己的博客/github-repo.webp)
 
 创建仓库需要设定仓库名与仓库类型（公开或私密），如果你希望使用 Github Pages 给的二级域名，你需要把仓库名设为 `<你的 GitHub 用户名>.github.io` ，否则你的 Github Pages 网页会变成 `<你的 GitHub 用户名>.github.io/<创建的仓库名>`，但如果你使用自定义域名的话随便设置都没问题，仓库类型推荐使用公开，因为似乎只有 Github 付费用户才能在私密的仓库中开启 Github Pages 功能。
 
@@ -225,7 +225,7 @@ git config --global user.mail "<username@github.com>"
 
 git config 中的邮箱地址不能直接填写注册 GitHub 的邮箱（其实我也不太清楚能不能，因为我设定的是邮箱不公开），不然并不会算到你的贡献里，当然不在乎的话也可以随便填
 
-前往 [邮箱设定](https://github.com/settings/emails) ，找到你的邮箱地址，旁边会有一个提示符号 ，把鼠标放上去或点击它，就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址，复制它然后粘贴到终端里即可![](/post/搭建一个自己的博客/github2022-07-19_19.10.08.jpg)
+前往 [邮箱设定](https://github.com/settings/emails) ，找到你的邮箱地址，旁边会有一个提示符号 ，把鼠标放上去或点击它，就会显示一段话和一个格式为 `<number>+<username>@users.noreply.github.com` 的邮箱地址，复制它然后粘贴到终端里即可![](/post/搭建一个自己的博客/github-email.webp)
 
 呃，还得安装一下 Hexo 提供的一键部署工具
 

urara/talk/page104/+page.md

@@ -2,7 +2,7 @@
 title: '闲谈杂聊'
 created: 2022-04-07 08:06:21
 updated: 2022-11-06
-image: /talk/page104/hero.png 
+image: /talk/page104/hero.webp 
 tags: 
    - 闲聊
 summary: '四月不知过的怎么样'
@@ -46,7 +46,7 @@ summary: '四月不知过的怎么样'
 
 说到五一，五一就到明日方舟三周年了，但从这个学期开始真的很少很少玩了，好像当初停止玩是因为 BOSS 太难打不过去(当时查攻略的话应该是没问题的)
 
-![](/talk/page104/hero.png)
+![](/talk/page104/hero.webp)
 Lineage OS 在 26 号的时候正式更新了 [Lineage OS 19](https://lineageos.org/Changelog-26)，不知道 [Linux4](https://github.com/Linux4) 大佬什么时候让我的 s10e 吃上 Official Lineage OS 🤤
 
 近几年半导体的东西价格都在涨，显卡 内存 硬盘 以及本来是打着廉价开发板名号的树莓派，现在都涨了，还想整块 zero 2w 当随身 Linux 主机的 😢

urara/talk/page111/+page.md

@@ -2,7 +2,7 @@
 title: '2022 下半年的总结'
 created: 2022-11-06
 updated: 2022-11-19
-image: /talk/page111/flowers.jpg
+image: /talk/page111/flowers.webp
 tags: 
    - 闲聊
 summary: '总结一下暑假开始到现在的生活情况'