首页配置

9/28/2021 vuepress

Vuepress

# 首页配置

现在你看可以在浏览器看到 Hello VuePress 字样,下面我们来进一步完善内容

试着在 docs/README.md 中加入一下内容:

---
home: false
heroImage: /logo.png
heroText: Vue-Press
tagline: vuepress
actionText: 快速上手 →
actionLink: /
features:
- title: 简洁至上
  details: 以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作。
- title: Vue驱动
  details: 享受 Vue + webpack 的开发体验,在 Markdown 中使用 Vue 组件,同时可以使用 Vue 来开发自定义主题。
- title: 高性能
  details: VuePress 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。
- title: 灵活性
  details: VuePress 为每个页面预渲染生成静态的 HTML,灵活性非常高。
footer: MIT Licensed | Copyright © 2018-present Evan You
---

重启项目,刷新页面是不是不一样了呢!

通过上面的配置和页面对照,你也能发现具体哪个参数对应的是哪一部分,自己修改试试吧!

现在首页已经有了,那么里面还有些功能未完善,比如:logo没有显示、中间按钮点击没反应、ico图标不显示等等,接下来我们一步步实现。

Last Updated: 3/15/2024, 2:13:06 PM