hxdxn哥哥的博客
使用VuePress构建博客教程(3)、VuePress首页设置1、VuePress目录结构首先尝试连接到VuePress的目录结构。 当然，继续看以下内容也没关系。 VuePress遵循“约定优于配置”的原则，推荐的目录结构如下。
.docs (() ).vuepress (选项(((components (选项(theme )选项) ) (() ) ) )2--indonents
docs/.vuepress:用于存储全局配置、组件、静态资源等。 docs/.Vuepress/components:此目录中的vue组件将自动注册为全局组件。 docs/.vuepress/theme:用于存储本地主题。 docs/.vuepress/styles:用于存储与样式相关的文件。 自动应用docs/. vue press/styles/index.styl :的全局样式文件生成在最终CSS文件的末尾，其优先级高于默认样式。 docs/. vue press/styles/palette.styl :用于重写默认颜色常数和设置新的stylus颜色常数。 docs/.vuepress/public:静态资源目录。 docs/.vuepress/templates:存储HTML模板文件。 用于docs/. vue press/templates/dev.html 3360开发环境的html模板文件。 构建docs/. vue press/templates/SSR.html :时基于Vue SSR的html模板文件。 docs/.vuepress/config.js:配置式门户文件。 也可以是YML或toml。 增强的docs/. vue press/enhance app.js :客户端APP应用程序。 二、自述. MD的配置其实自述. MD是首页内容，设置如下：
--- home : trueheroimage :/logo.pngherotext : welcometohep.tagline 3360 born towin.action text :探索之旅action features :-title :关于我- title:算法details:是一天一个算法问题，为逆天做准备。 - title:生活中的小事情details:记录了生活中美好的瞬间，幸福地堆积在生命中的小事情无可比拟。 footer : hep licensed|copyright 2021-presentjasonjing-- -三、在docs目录下创建. vuepress文件夹. vuepress文件夹以进行全局配置在下面创建连接文件夹
module.exports={ title :’hxd xn哥哥’，description :’hxd xn哥哥带你去王者’，dest :’./dist’，port 3:’80 关于markdown : { line numbers 3360 true }，theme config : { nav : } { text : '我'，sidebar : { '/guide/' 33: } children : [ '/guide/notes/one ]，collapsable: true，children : [ '/guide/notes/two，]，sidebarDepth: 2 最后更新3360 '最后更新服务： 10，服务工作器： {更新泵： {消息： }，button ton eddate (四)重新启动项目，查看效果，在vuepress-blog目录下，用命令npm run docs:dev启动。 效果如图所示。
当然，首页的图标还没有显示。 稍后再调整。