VuePress 和 Docusaurus 都是非常流行的开源静态站点生成器,特别适用于构建技术文档和知识库。它们都提供了美观的预设主题、易于使用的Markdown语法支持以及自动生成的导航和侧边栏。 VuePress 1. 简介 VuePress 是由 Vue.js 作者尤雨溪开发的一个轻量级静态网站生成器,它利用 Vue.js 的组件系统和 Markdown 渲染来创建...
新建docs/.vuepress/config.js 配置文件,文件内容如下: module.exports = { title: '网站标题', description: 'VuePress演示用' head: [ ['link', { rel: 'icon', href: 'https://s3.bmp.ovh/imgs/2023/02/15/16aa54f3ee84602e.webp' }] ], themeConfig: { logo: 'https://s3.bmp.ovh/imgs...
现在基本的目录和导航功能已经实现,但如果我还想要加载 loading、切换动画、模式切换(暗黑模式)、返回顶部、评论等功能呢,为了简化开发成本,我们可以直接使用主题,这里使用的主题是vuepress-theme-rec: npminstallvuepress-theme-reco --save-dev 在config.js里引用该主题: module.exports={title:'Study',description:'...
.vuepress/.cache # VuePress 默认构建生成的静态文件目录 .vuepress/dist node_modules node_modules/* 4、开始使用 VuePress 启动开发服务器 你可以在 package.json 中添加一些 scripts在新窗口打开 : {"scripts": {"docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"} } 运行docs:dev 脚...
VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求,但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站。 什么时Vercel? 以下是Vercel官方文档的介绍: Vercel 是一个面向开发人员的平台,可提供更快地构建和部署 Web 应用程序所需的工具、工作流程和基础设施,而无需额外配置。
首先介绍一下Vuepress,VuePress是尤雨溪发布的一个基于 vue 的静态网站生成器,个人感觉如果用它搭建博客的话他比Hexo还简洁,如果能适应的话,加上一些主题还蛮好康的。 以Evan Xu大佬的博客为例(Evan's blog (xugaoyi.com)) Vuepress分为v0.x v1.x v2.x版本 ,本文以v1x版本作为例子,其余版本安装可能会与...
本文使用的是 VuePress1.x,虽然 VuePress2.x (也叫 VuePress@next)已经出来一段时间了(2021 年左右),但是 VuePress1.x 的生态很完善,不少主题和插件都仅兼容 1.x,所以本文也是使用 1.x。 题外话:就好比 Java 中,Java8 是用的最广泛的,生态也非常完善,最新版的 Java 较少人使用。
VuePress是一个基于Vue.js的静态网站生成工具,它专注于以Markdown为中心的项目文档。VuePress具有简单易用的特性,同时提供了强大的自定义和扩展性。在本文中,我们将介绍VuePress的基本概念,并提供一个简单的使用指南。 vuepress.jpg 什么是VuePress? 官方文档地址: https://vuepress.vuejs.org/zh/ ...
> VuePress dev server listening at http://localhost:8080/ 1. 2. 3. 4. 5. 6. 7. 8. 此时在浏览器中输入http://localhost:8080/就能浏览效果了。 3. 配置文件说明 配置需要在文档目录下创建一个.vuepress目录,所有 VuePress 相关的文件都将会被放在这里。
Vue驱动: VuePress使用Vue.js进行开发,允许用户在Markdown中嵌入Vue组件,从而提供更强大的定制和交互性。 默认主题: VuePress提供了一个现代化、响应式的默认主题,适用于各种文档项目。 插件系统: VuePress具有灵活的插件系统,允许用户通过插件来扩展和定制网站的功能。