vuepress自定义主题开发-超简单模式

1.简单模式-修改默认主题1.1 新建 theme 文件夹在.vueress 文件下，新建 theme 文件夹1.2 找到 vuepress 自带的默认主题模板在 node_modules 下寻找*@vuepress_theme-default@1.8.2@@vuepress文件，并将文件夹下除开 node_modules 的其他文件，复制粘贴到 theme 文件中，你就可以随意修改主题⭐️ 需要

贝茵斯都

3130人浏览 · 2021-04-23 17:31:53

贝茵斯都 · 2021-04-23 17:31:53 发布

1.简单模式-修改默认主题

1.1 新建 theme 文件夹

在.vueress 文件下，新建 theme 文件夹
在这里插入图片描述

1.2 找到 vuepress 自带的默认主题模板

在 node_modules 下寻找*@vuepress_theme-default@1.8.2@@vuepress文件，并将文件夹下除开 node_modules 的其他文件，复制粘贴到 theme 文件中，你就可以随意修改主题

⭐️ 需要注意的是，需要在 docs 下的 README.md 文件中写入 home:true 及入口按钮等必要元素，否则首页不可见

eg：我的初始配置

---

# layout: HomeLayout

home: true

heroImage: "/assets/logo/pkq.png"

heroText: Beiysd

tagline: Live and Study

actionText: Note →

describe: Live and Study.

actionLink: /notes/10-前端/10-CSS/10-Antd3.x/Checkbox

# features:

# footer: MIT Licensed | Copyright © 2018-present Evan You

1.3 参数详解

在这里插入图片描述

1.4 theme 文件夹主要文件

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^