不过因为我不太喜欢vuepress提供的默认模板样式,所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 & 文档 主题。 此主题有0.x、1.x、2.x三个版本,其中2.x主要是alpha测试版。不过我直接不怕死的选择了2.x,虽然看官网上,好像问题贼多。 让我开始体验一下vuepress-theme-reco2.x的使...
如果你选择了一个主题,请务必使用该主题提供的脚手架工具创建项目。这样可以减少很多配置上的麻烦。 复制 npm init vuepress-theme-hope blogs 1. 复制 Need to install the following packages: create-vuepress-theme-hope@2.0.0-beta.233 Ok to proceed? (y) 1. 2. 3. 复制 Need to install the following...
1)如果你试用默认主题,认为整体结构和你预想的差很多的时候,可以考虑自己写主题,例如我们的结构和框架就和默认主题差很多。 2) 使用默认主题,他允许你在主题内使用插槽和参数对页面进行有限的自定义,但是了解和熟练使用这些插槽,需要熟悉官方文档和教程,如果不是很想使用这些功能,有能力自行定义的时候,可以考虑自行编...
🚀 搜索功能 该主题内置了几种常见搜索插件的支持,你只需下载你喜欢的插件和配置文件即可,我使用的是vuepress-plugin-search-pro插件,配置参考的官方配置。 plugins: [searchProPlugin({// 索引全部内容indexContent: true,// 为分类和标签添加索引customFields: [{getter: (page) => page.frontmatter.category ...
主题配置 在.vuepress/config.js 中的 themeConfig 属性下进行配置 logo 顶部导航图片标志 // 类型 Array// 默认logo:['text','2zh'] logo[0] 可选 'text' 和 'image',logo[1] 分别对应文字和图片链接 author 页面底部的署名信息 // 类型 String// 默认author:'2zh' ...
vuepress-theme-2zh是一个基于VuePress的博客主题插件,专为中文用户设计。它提供了丰富的功能,包括多种页面布局、自定义颜色主题、代码高亮、评论系统集成等。该主题插件还支持响应式设计,可以在不同设备上提供良好的阅读体验。除此之外,它还支持插件扩展,可以根据个人需求进行定制和扩展。总体而言,vuepress-theme-2zh...
通过查阅vuepress2源码我们可以得知。vuepress2在node侧编译时,会将主题的themeData相关信息输出到一个本地文件,在客户端打包时去引用该文件获取到navbar相关信息进行渲染导航栏 输出themeData信息到一个本地文件 显而易见,如果我们需要根据文章目录自动生成导航,就需要在生命周期中去将我们需要生成的导航信息写入到该文件...
目前主题仍处于开发中,近期准备使用 TypeScript + Vue 3 + Vuetify 3 + Vuepress 2 重写,切换到 VuePress 2 后,博客的文件结构可能会有变动。主题稳定以后会使用 v1.0.0 作为版本号。我的个人博客 国内Demo 国外Demo 使用主题下载从release 下载最新的 template。安装依赖:...
...commentPlugin({provider:"Giscus",repo:"dshvv/red-treasure-book",repoId:"MDEwOlJlcG9zaXRvcnk0MDcxNDYxODA=",category:"Announcements",categoryId:"DIC_kwDOGESOxM4CPs5U", }) ] 配置和应用主题 此插件需要自己全局注册评论组件。 推荐将评论组件 () 插入在组件后。
margin: 0 auto; } #valine-vuepress-comment .vheader input[name="link"] { display: none; } #valine-vuepress-comment .vheader .vinput { width: 50%; } 主题样式修改 vuepress默认是主题颜色是绿色, 如果你不喜欢可以对其进行更改. 如果要对默认设置的样式进行简单颜色替换, 或者自定义一些颜色变量供...