在VuePress 中,主题不仅仅是外观上的不同,不同的主题往往提供了不同的功能,能大大的完善我们的博客的功能,增强用户的体验感。 如果不使用主题,则使用的是 VuePress 的默认主题,功能比较简单,例如,我们之前想要增加侧边栏,需要一个个配置链接,才能让侧边栏展示成我们想要的效果,非常麻烦;有时候我们还想要加载 loading...
在VuePress 中,主题不仅仅是外观上的不同,不同的主题往往提供了不同的功能,能大大的完善我们的博客的功能,增强用户的体验感。 如果不使用主题,则使用的是 VuePress 的默认主题,功能比较简单,例如,我们之前想要增加侧边栏,需要一个个配置链接,才能让侧边栏展示成我们想要的效果,非常麻烦;有时候我们还想要加载 loading...
创建主题文件夹:在VuePress项目的根目录下创建一个themes文件夹,并在其中新建一个以主题名命名的文件夹,例如my-theme。 创建主题配置文件:在my-theme文件夹中创建一个config.js文件,用于配置主题的一些选项,例如导航栏、侧边栏、颜色等。 创建主题模板文件:在my-theme文件夹中创建一个layouts文件夹,并在其中创建.vue...
一个功能强大的vuepress主题 TypeScript 2 79 32 组织介绍 vuepress-theme-hope A VuePress theme with tons of features✨ 中文简介 | Russian README A VuePress theme with tons of features✨ English Docs Online Demo Contact We recommend you to contact using issues and discussions, but you are...
VuePress博客主题 vuepress主题推荐 介绍 此主题继承至vuepress的默认主题,添加功能有标签页改造,主页改造,博客分类及展示,gitalk集成及gitalk自动化配置,最新google Analytics集成等。 使用 npm install vuepress-theme-reform -D # or yarn add vuepress-theme-reform...
{"scripts":{"dev":"vuepress dev blog","build":"vuepress build blog"}} 在本地启动服务器 yarn dev 这时候访问http://localhost:8080/可以看到404页面。 0x02 安装vuepress-theme-reco主题 yarn add -D vuepress-theme-reco 新建config.js mkdir blog/.vuepress ...
首推的是vuepress-theme-hope，一个旨在提供开箱即用的增强功能主题。这个主题不仅支持文档和博客的创建与管理，还涵盖了多种实用特性，如代码高亮、主题自定义、SEO优化等，极大地简化了内容创作者的工作流程。其丰富的功能集和用户友好界面，使得vuepress-theme-hope成为构建专业且美观站点的理想选择。考虑...
vuepress-theme-default-prefers-color-scheme 是为了让 vuepress 的 默认主题 支持浅色 与深色 模式的主题 详细文档及演示 原理 主要是基于下一代 css 技术中的 prefers-color-scheme 与CSS Variables 实现 查看支持浏览器 prefers-color-scheme CSS Variables 对于prefers-color-scheme 还需要你的操作系统支...
vuepress博客主题—vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题。它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格。 这是演示效果 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能; ...