vitepress

每天进步一大步

vitePress实现原理(四)源码位置：src/node/alias.ts到这里，整个项目启动流程就结束了。本质其实就是搭建一个vite静态服务器，针对所有html文件做拦截，进行二次封装。通过读取.vitepress/config.ts配置转化基本vitepress配置等等，创建markdown插件扩展markdown文档能力。创建vitepress插件对md文件和vue文件做处理。

你可能不知道的vitepress扩展-1在我编写的在线字典网站中，我碰到了如下一个需求，如下图所示:让我为你叙述这个需求需要做什么。在 Markdown 中，我们希望能够渲染一个特定的字符（如汉字），并且它会被一个圆圈包围。为了满足这一需求，我们需要做的工作是：

简单介绍下 VitePress 中的 vp-doc 和 vp-rawVitePress 是一个轻量级的静态网站生成器，专为快速构建文档网站而设计。它是基于 Vite 和 Vue 3 构建的，旨在提供快速的开发体验和高效的构建过程。

简单使用vitepress快速搭建一个文档网站你好，今天简单写写建站。VitePress 是一个静态站点生成器 (SSG)，类似的项目有docsify、VuePress、hexo。

Vitepress 自定义主题开发教程这篇文章是什么呢? 就是如题所述告诉你如何自定义极简的博客主题。本文中使用到的代码示例可以在 stackblitz 上查看

粥里有勺糖

适用于 VitePress 的公告插件开发实记笔者维护的 VitePress 博客主题在近1年多的时间里集成了非常多功能，不少用户希望将里面的部分功能分离出来，方便在其它 VitePress 站点也可以独立使用。

VitePress 文件路由解析：从 Markdown 到 HTML 的映射艺术在现代前端开发中，静态网站生成器（Static Site Generator, SSG）因其高效、简洁的特点而备受青睐。VitePress，作为 Vite 生态中的一员，专为文档网站设计，利用 Markdown 文件和 Vue 组件来构建快速、SEO 友好的静态网站。本文将深入探讨 VitePress 的文件路由机制，并通过实例代码展示如何从 Markdown 文件生成对应的 HTML 页面。

基于ffmpeg.wasm实现的视频格式转换工具在线体验地址：https://potatoh5games.fun/tools/#VideoConverter

第三次重构个人博客（基于Vitepress）欢迎来到笔者的第三次博客折腾记录！生命不息，折腾不止~从2022年01月开始用Vitepress搭建我的博客网站，那时候Vitepress才0.XX版本，还没有正式发布呢。当时关于Vitepress的资料也非常少，网上一搜全是关于Vuepress的，官方文档也不完善；

粥里有勺糖

博客构建性能优化笔记 | 提速 3 倍笔者的博客基于 VitePress 搭建的，使用其自定义主题能力完成博客主题 @sugarat/theme 的搭建。

在VitePress中实现内联Vue组件本文同步在个人博客shymean.com上，欢迎关注由于掘金上面不支持mdx，所以部分演示功能会有问题，可以移步原文章

使用 Vitepress 构建博客并部署到 github 平台最近写了好多篇 Chrome 浏览器插件相关的文章，有十几二十篇，就想着构建个博客，用来放置相应的文章。正好前段时间看到 VitePress 1.0.0 发布了，而且是用 markdown 写文章，正好写插件文章的时候文章都是 md 格式，所有用下这个然后顺便写一篇使用教程。

VitePress 构建的博客如何部署到 Netlify 平台？之前写了篇文章【使用 Vitepress 构建博客并部署到 github 平台】，有个老哥说 github page 访问太慢了，希望放到 Netlify 平台上面。咱也没部署过，就试了一下，发现比在 github 上部署简单多了…

VitePress 构建的博客如何部署到 github 平台？由于我们的项目名称为 vite-press-demo，所以我们把 base 设置为 /vite-press-demo/，需注意前后 /

【TeaTools/auto-sync-blog】掘金下午茶团队自动化掘金文章同步工具 2.0 发布啦~~大家好，我是酱酱们的每日掘金的主理人之一，也是 auto-sync-blog 的主要开发者之一。该工具在去年 3 月发布了最初的 1.0 版本，当时基于 vuepress 进行的博客构建，由阿南（南方者）进行开发。

VitePress 实现归档与标签分类当构建一个内容为主的站点时，我们经常需要创建一个“归档”或“索引”页面：一个我们可以列出内容中的所有可用条目的页面，例如博客文章或 API 页面。我们可以直接使用数据加载 API 实现这一点，但由于这会经常使用，VitePress 还提供了一个 createContentLoader 辅助函数来简化这个过程：

用 VitePress 搭建电子书，绝了！大家好，我是杨成功。自从《前端开发实战派》出版以后，好多买过的小伙伴都联系我，问我有没有电子书？纸质书在公司看不方便，一些现成的代码没办法复制。

渔夫正在掘金

编写Markdown时如何爽爽地渲染树组件？在使用VitePress/Dumi等静态网站生成时，一般均支持直接在Markdown中渲染显示Vue/React组件，这给个网站非常丰富极致的表现力，我们在创建静态网站时开心的使用各种Vue/React组件，但是在输出树结构时，实际场景中存在几个问题：

进击的松鼠

VitePress 1.0 正式版横空出世！来一份使用指南前不久，VitePress 1.0 版本正式发布！将近四年的开发终成正果。当我们访问 Vue 、Vite 官网的时候，是不是都会被如此漂亮的官方文档所惊艳，没错，它们都是使用 VitePress 所构建的，除此之外，还有很多技术文档都是由 VitePress 构建的，如：Vue Router、Pinia、VueUse、Rollup等技术文档网站。

前端基建必备技能：前端项目文档-VitePress应用在《前端基建必备技能：前端项目文档-初识VitePress》中介绍了 VitePress 的基础API和配置。接下来，介绍在实际场景中如何去实现，希望能给各位开发同学提供一个简单易懂的思路。