一款简洁的 vuepress 博客 & 文档 主题。 vuepress-theme-reco 2.0 继续坚持简洁的风格,所有功能开箱即用,首页模块化组装,使用 tailwindcss 书写样式,将 Vite 作为默认编译器。你只需要负责内容创作,其他请交给我。 指南主题配置 过去 开发一款看着开心、写着顺手的 vuepress 博客主题。 当下 帮助更多的朋友节省时间...
vuepress博客主题—vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题。它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格。 这是演示效果 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能; 主题追求极简,根据 vuepress 的默认主题修改而成,...
0x02 安装vuepress-theme-reco主题 yarn add -D vuepress-theme-reco 新建config.js mkdir blog/.vuepress touch blog/.vuepress/config.js 0x03 config.js配置 config.js配置,以下是我的配置,仅供参考 module.exports={base:'/',locales:{'/':{lang:'zh-CN'}},title:'Torrk\'s Blog',description:'记录...
---home:true#指定该文件为您的首页,改为false则不作为首页heroText:vuepress-theme-reco #首页居中显示的文本tagline:A simple and beautiful vuepress blog theme. # 首页显示的标语# heroImage: /hero.png #首页显示的主图,默认被注释,取消注释可显示图片# heroImageStyle: { # 首页主图的样式控制,默认被注...
npm install @vuepress-reco/theme-cli -g # 创建项目 theme-cli init my-blog #my-blog可替换成自己需要的项目名称 1. 2. 3. 4. 5. 上述命令执行后,在命令行窗口会进行一系列的信息配置 ? What's the title of your project? #键入您的项目标题 ...
yarn global add @vuepress-reco/theme-cli //引入vuepress-theme-reco theme-cli init //用官方的模板初始化项目 1. 2. 接下来会显示一些信息填写,如果现在没想好可以一路回车,之后这些信息都是可以更改的 经过这两个步骤,主题就安装好了,是不是特别方便特别快!
前言: 虽然Vuepress的vuepress-theme-reco主题已经很完美了,但为了更加适合自己,我们可以自己更改其代码加上各种插件做成自己喜欢的风格 1. 修改主题颜色 我这里暂时没有修改,如有需要可以通过配置 .vuepress/styles/palette.styl 来快速修改主题的一些颜色属性。(如果不存在该目录和文件就创建一个) // 默认值 $accen...
这是一个vuepress主题,旨在添加博客所需的分类、标签墙、分页、评论等功能; 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx @vuepress-reco/theme-cli init my-blog ...
这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能; 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; Quick start npx npx @vuepress-reco/theme-cli init my-blog npm # init npm install @vuepress-reco/theme-cli -g ...
vuepress-theme-reco的使用方法 1.全局安装vuepress tip 本主题支持vuepress@1.0+ ```bash yarn global add vuepress #或者:npm install -g vuepress #请升级到最新版 npm update -g vuepress ``` 2.初始化 创建一个文件夹,如`blog`,执行 ```bash cd blog npm init # yarn init或者跳过 ``` 创建`...