随笔

原理和介绍 图片懒加载是一种优化网页性能的技术，也叫延迟加载，它延迟加载页面中的图片，直到用户滚动到图片附近时才加载，从而减少初始页面加载时间和带宽使用。 其核心原理是： 将图片地址存储到 属性上，而非 绑定 监听事件 判断图片是否在可视区…

HTML 相关 CSS 相关 长度单位 px、em 和 rem 的区别是什么？ 这三者的区别在于**它们所依据的参考基准不同**。 px (像素) **定义**：绝对单位。1px 代表屏幕上的一个物理像素点。 **特点**： **固定值**…

这篇文章原本使用了 Rspress 的 组件和自定义 组件。迁移到 Astro 主题后，这些 MDX 组件无法直接渲染，所以这里改成普通 Markdown，保留实现思路、示例结构和核心代码。 使用场景 适合在博客中展示友链卡片，信息项包括站…

What 在 Windows 上使用的是 WSL2(fish)+power shell 组合，使用的是 oh-my-posh。 可以通过这个命令得知当前的 shell 是什么： 如果这个命令有输出，代表在 power shell 中，这会返…

将在线链接升级成可以预览网页图标的样子~ quartz 主题中，展示链接的插件是Plugin.CrawlLinks()，文档中介绍了现有的几种常用的设置，本文尝试将其拓展，增加一个 属性： 定义字段 在 中，添加字段定义： 在 定义中添加实…

有时候会更新一些目录页说明，更新说明时会出现博客左上角的“最近笔记”模块显示成这些目录页的更新，于是在自定义设置中记录一下 的使用。 quartz 主题官方有一篇介绍：最近笔记 设置配置 自定义筛选：传递额外参数 。筛选函数应具有签名 。 …

一般远程仓库都支持使用 ssh 访问和读写数据，提供 ssh 进行连接时，会使用本地的私钥文件进行身份验证，配置 ssh 密钥的步骤即： 在本地生成 ssh 密钥对 上传公钥到远程存储库 配置密钥 生成 ssh 密钥对 用户建议使用Powe…

:::info[Xcode 介绍] Xcode 是苹果官方推出的集成开发环境（IDE），专为苹果的 Mac OS、iOS、iPad OS、watch OS 等应用开发设计，在 Mac 系统上作用是否广泛。使用 Mac 作为开发工具时必不可少…

HomeBrew 是一款包管理工具，支持 Mac OS 和 Linux 系统，首先安装好 HomeBrew 可以方便我们获取其他所需要的软件。 官网访问：Homebrew 换源 如果官网的安装脚本总是失败，可以尝试换源（以清华源为例）： 更…

上一个主题可以在博客首部设置一张自定义的图片，也一直觉得这样的设计很漂亮，在 quartz 中没有这样的默认主题，所以在这里手动添加了这样的设计~ 步骤 plugins 结构 在 中，定义了文章中各种内容转换的工具（ ）、生成资源的工具（ …

问题背景 最近部署博客页面时遇到这样的问题：同样的页面结构，部署到我的两个域名下： 和 ，对应的网页内容是相同的，但是 dodolalorc.cn 需要写成 才能显示内容，否则会报404， 就不需要这样。 原因记录 这种差异主要源于两个域名…

初始化环境可以阅读这篇。 上接之前的构建过程，经过第一次构建之后，后续修改源码添加 api 等都不会再构建那么久了。 添加简单的 API 当前目录在构建时相同的目录下，其下包含 、 、 等。 找到 目录，在 添加： 再到 中更新添加： 然后…