Bing 每日壁纸是指微软 Bing 官网展示的壁纸，每天会进行更换，官方 API 接口 https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1 响应的数据是 JSON 格式，我们的目标是提取出 images[0].urlbase 字段，经过处理后返回给用户。

在前端开发中，有一个原则至关重要：结构与样式分离。我们希望 HTML 代码保持干净、语义化，而不被大量的装饰性 <div> 或 <span> 标签所污染。

这时候，CSS 伪元素 (Pseudo-elements) 就派上用场了。它们就像是隐藏在 CSS 中的「幽灵元素」，不仅能帮你保持 HTML 的整洁，还能创造出令人惊叹的视觉效果。

什么是伪元素

简单来说，伪元素允许你对被选择元素的特定部分进行样式设置，或者在元素内容的前后插入虚拟内容。

最近用 VuePress 的 Hope 主题时想更换一下字体，但官方文档只介绍如何使用字体库里的字体[^1]，所以自己折腾了下，搞定了本地字体的使用，分享出来供大家参考。

VuePress 是一个基于 Vue 的静态网站生成器，它的页面主要是用 Markdown 编写的。在 VuePress 中，Markdown 最终转换为 Vue 组件，因此在文档中使用 Vue 语法是非常方便的。（VuePress 中的文档，我们下面简称为文档）

在文档中使用 Vue 有两种方式，分别是使用 Vue 模板语法和使用 Vue 组件，下面将分别介绍。