主页配置

设置博客主页

定位：src/README.md

路由：/

示例：

---
home: true
layout: BlogHome
icon: home
title: 博客主页
heroImage: https://theme-hope-assets.vuejs.press/logo.svg
heroText: 你博客的名称
heroFullScreen: true
tagline: 你可以在这里放置你的口号与标语
projects:
  - icon: project
    name: 项目名称
    desc: 项目详细描述
    link: https://你的项目链接

  - icon: link
    name: 链接名称
    desc: 链接详细描述
    link: https://链接地址

  - icon: book
    name: 书籍名称
    desc: 书籍详细描述
    link: https://你的书籍链接

  - icon: article
    name: 文章名称
    desc: 文章详细描述
    link: https://你的文章链接

  - icon: friend
    name: 伙伴名称
    desc: 伙伴详细介绍
    link: https://你的伙伴链接

  - icon: https://theme-hope-assets.vuejs.press/logo.svg
    name: 自定义项目
    desc: 自定义详细介绍
    link: https://你的自定义链接

footer: 自定义你的页脚文字
---

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

要使用此布局，你应该在页面前端设置 `layout: BlogHome` 和 `home: true`。

相关配置文档请见 [博客主页](https://theme-hope.vuejs.press/zh/guide/blog/home.html)。

将页面设置为主页布局：frontmatter

---
home: true
layout: BlogHome
---

设置为主页布局后，md 正文将渲染至页面底部。

image-20240607180138420

博客主页 frontmatter

博客主页 Frontmatter 配置 | vuepress-theme-hope (vuejs.press)

hero*

大图相关配置。

image-20240607180637798

projects

projects:
  - icon: project
    name: 项目名称
    desc: 项目详细描述
    link: https://你的项目链接

icon：

image-20240607181344931

• 内置icon：project、link、book、article、friend
• 自定义icon：网络资源，.svg

图标支持

图标支持 | vuepress-theme-hope (vuejs.press)