vuepress官网 不过因为我不太喜欢vuepress提供的默认模板样式,所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 & 文档 主题。 此主题有0.x、1.x、2.x三个版本,其中2.x主要是alpha测试版。不过我直接不怕死的选择了2.x,虽然看官网上,好像问题贼多。 让我开始体验一下vuepress-theme-...
1)如果你试用默认主题,认为整体结构和你预想的差很多的时候,可以考虑自己写主题,例如我们的结构和框架就和默认主题差很多。 2) 使用默认主题,他允许你在主题内使用插槽和参数对页面进行有限的自定义,但是了解和熟练使用这些插槽,需要熟悉官方文档和教程,如果不是很想使用这些功能,有能力自行定义的时候,可以考虑自行编...
VuePress 是一个以 Markdown 为中心的静态网站生成器。好处是可以使用 Markdown 来书写内容文档或者博客。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求。 在明确你的目标之后,先不着急立马搭建项目。 🚀 你喜欢哪个主题 因为VuePress除了默认的主题外,提供了扩展主题、扩展插件的能力,不同的主题又...
🚀 搜索功能 该主题内置了几种常见搜索插件的支持,你只需下载你喜欢的插件和配置文件即可,我使用的是vuepress-plugin-search-pro插件,配置参考的官方配置。 plugins: [searchProPlugin({// 索引全部内容indexContent: true,// 为分类和标签添加索引customFields: [{getter: (page) => page.frontmatter.category ...
在 Markdown 中使用 Vue 组件:VuePress 2 版本中,“主题目录结构约定”不再存在,因此在 `.vuepress/components` 目录下的组件不会被自动全局注册。需手动注册组件或借助 `@vuepress/plugin-register-components` 插件进行配置。综上所述,通过遵循以上步骤和注意事项,可以顺利使用 VuePress 2 构建并...
通过查阅vuepress2源码我们可以得知。vuepress2在node侧编译时,会将主题的themeData相关信息输出到一个本地文件,在客户端打包时去引用该文件获取到navbar相关信息进行渲染导航栏 输出themeData信息到一个本地文件 显而易见,如果我们需要根据文章目录自动生成导航,就需要在生命周期中去将我们需要生成的导航信息写入到该文件...
vuepress默认是主题颜色是绿色, 如果你不喜欢可以对其进行更改. 如果要对默认设置的样式进行简单颜色替换, 或者自定义一些颜色变量供以后使用, 可以在.vuepress/styles中的palette.styl文件进行更改,这个文件是你手动创建的 你可以调整的颜色变量: // 参考文档: https://vuepress.vuejs.org/zh/config/#patterns中 pal...
项目名称:vuepress 2 文档主题所属行业:教育 - 职业技能->查看更多案例 案例介绍 vuepress 2 文档主题,开源文档主题,已经应用于多个开源社区文档网站,主题支持响应式显示,支持黑暗模式。 案例图片 点击查看他的更多案例 相似案例推荐 其他人才的相似案例推荐 规则文件夹模板 obsidian的插件用于在创建指定规则的目录(...
目前主题仍处于开发中,近期准备使用 TypeScript + Vue 3 + Vuetify 3 + Vuepress 2 重写,切换到 VuePress 2 后,博客的文件结构可能会有变动。主题稳定以后会使用 v1.0.0 作为版本号。我的个人博客 国内Demo 国外Demo 使用主题下载从release 下载最新的 template。安装依赖:...
VuePress 享用 Vue + webpack 开发环境,在 markdown 中使用 Vue 组件,并通过 Vue 开发自定义主题。VuePress 为每一个由它生成的页面提供预加载的 html,不仅加载速度极佳,同时对 seo 非常友好。一旦页面被加载之后,VukRflxmHJe 就全面接管所有的静态内容,使其变成一个完全的 SPA 应用,其他的页面也会在用户使用导...