跳至主要內容
你博客的名称

你博客的名称

你可以在这里放置你的口号与标语

项目名称
项目详细描述
链接名称
链接详细描述
书籍名称
书籍详细描述
文章名称
文章详细描述
伙伴名称
伙伴详细介绍
自定义项目
自定义项目
自定义详细介绍
小白教程

本教程是一个针对小白手把手教程。


Mr.Hope小于 1 分钟快速上手基础知识教程
主题预设
为了满足不同用户的需求,主题提供了一些预设,你可以在 vuepress-theme-hope/presets 下获取它们并自行导入。 组件相关 为了通过别名替换组件,你需要将 { custom: true } 作为第二个选项传入 hopeTheme。 必应壁纸 将博客主页的背景替换为每日的必应壁纸。 组件: "vuepress-theme-hope/p...

Mr.Hope大约 2 分钟高级高级预设
样式定制
自定义布局与颜色 主题允许你在 .vuepress/styles/config.scss 和 .vuepress/styles/palette.scss 中设置变量,来定制绝大部分颜色、响应式断点,页面布局尺寸等参数。 详细的参数详见 配置 → 样式自定义 (../../config/style.md)。 添加自己的样式 你可以在 .vuepress/...

Mr.Hope小于 1 分钟界面界面
真实项目
使用 VuePress Theme Hope 的文档 使用 VuePress Theme Hope 的博客 更多 随时随地通过 PR 添加你的博客或文档至此。;

Mr.Hope大约 7 分钟案例
插槽演示

本页面展示了如何使用插槽来自定义页面的内容。


Mr.Hope小于 1 分钟
卡片

你可以在 Markdown 中添加卡片。


Mr.Hope大约 1 分钟MarkdownMarkdown对齐
主题行为选项

hopeTheme() 接受可选的第二个参数,即行为选项。行为选项控制主题的行为。

行为选项也可接受一个布尔值:

  • false: 意味着所有选项都设置为 false
  • true: 意味着 { check: true, compact:true, custom :false, debug: false }

Mr.Hope大约 2 分钟配置行为选项
使用组件

本教程将指引你如何在 VuePress 项目中使用 Vue 组件与 Vue 语法。


Mr.Hope大约 2 分钟教程知识自定义自定义组件
替换主题组件

当在 行为选项 中设置 { custom: true } 时,主题将通过 @theme-hope 别名来引入组件,所以你可以利用这一点来替换主题的任何一个组件。


Mr.Hope大约 5 分钟高级高级自定义
2
3
4
5
...
15

这是一个博客主页的案例。

要使用此布局,你应该在页面前端设置 layout: BlogHomehome: true

相关配置文档请见 博客主页open in new window