跳至主要內容
VuePress如何修改主题字体

嗨,朋友们!今天我要和大家分享一个有趣的小项目:如何在VuePress中更换主题字体。这不仅能让我们的网站看起来更个性化,还能提升阅读体验。那么,让我们开始这段轻松愉快的字体更换之旅吧!

第一步:选择你的字体

首先,我决定给我的网站换上一套新的“衣服”——LXGW Wenkai字体。这套字体优雅又现代,非常适合我的博客风格。你可以选择任何你喜欢的字体,只要确保它可以通过CDN链接引入。

第二步:在VuePress配置中引入字体

打开你的 config.ts 文件,我们要在这里添加一些代码来引入字体。这就像是在网站上放置一个指向字体库的指示牌,告诉浏览器从哪里获取这些字体。


sennes大约 2 分钟VuePressVuePress主题字体CSS样式个性化
如何快速安装VuePress和theme-hope主题

作为一名热衷于分享知识的博主,我一直在寻找能够让我的内容更加生动、易于阅读的平台。VuePress,一个基于Vue.js的静态网站生成器,以及它那美观且功能丰富的theme-hope主题,正是我所需要的。在这篇博文中,我将带你一步步了解如何安装VuePress和theme-hope主题,让你的博客搭建过程变得简单而高效。

准备工作:安装Node.js和npm

在开始之前,确保你的计算机上已经安装了Node.js和npm。Node.js是一个强大的JavaScript运行时环境,而npm则是与之配套的包管理器。你可以在Node.js的官方网站找到安装指南。


sennes大约 3 分钟VuePressVuePresstheme-hope博客搭建
潘小木的博客机器人Prompt使用指南

大家好,我是潘小木。作为一名热衷于分享知识的博主,我一直在寻找能够提高写作效率的工具。今天,我要向大家介绍我创建的VuePress博客机器人Prompt。这个工具将帮助我在VuePress中更高效地撰写和管理我的博客内容。

什么是博客机器人Prompt?

博客机器人Prompt是一个专门为VuePress博客撰写设计的助手。它不仅能够帮助我理解VuePress的基本操作和配置,还能在遇到问题时提供指导和建议。Prompt的输出格式是Markdown文件,它以代码块的形式包裹,方便我复制和粘贴。

如何使用Prompt?

使用Prompt非常简单。首先,你需要确保你的Markdown文件包含了YAML Frontmatter。这是一些元数据,它位于Markdown文件的顶部,并且被一对三短划线包裹。下面是一个基本的Frontmatter示例:


sennes大约 3 分钟VuePressVuePress博客管理自动化工具