一款简洁的 vuepress 博客 & 文档 主题。 vuepress-theme-reco 2.0 继续坚持简洁的风格,所有功能开箱即用,首页模块化组装,使用 tailwindcss 书写样式,将 Vite 作为默认编译器。你只需要负责内容创作,其他请交给我。 指南主题配置 过去 开发一款看着开心、写着顺手的 vuepress 博客主题。 当下 帮助更多的朋友节省时间...
theme:'reco',//vuepress挂载的主题themeConfig: {//导航栏nav: [ { text:'Home', link:'/', icon:'reco-home'},//text:导航标题内容,icon:图标样式{ text:'TimeLine', link:'/timeline/', icon:'reco-date'}, { text:'Docs', icon:'reco-message', items: [ { text:'vuepress-reco', link:...
0x00 安装yarn并设置国内镜像 已安装则跳过 添加yarn源 curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg|sudoapt-keyadd -echo"deb https://dl.yarnpkg.com/debian/ stable main"|sudo tee /etc/apt/sources.list.d/yarn.list 安装yarn sudo apt update&&sudo apt install yarn 添加淘宝源 yarn conf...
前言: 虽然Vuepress的vuepress-theme-reco主题已经很完美了,但为了更加适合自己,我们可以自己更改其代码加上各种插件做成自己喜欢的风格 1. 修改主题颜色 我这里暂时没有修改,如有需要可以通过配置 .vuepress/styles/palette.styl 来快速修改主题的一些颜色属性。(如果不存在该目录和文件就创建一个) // 默认值 $accen...
这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能; 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; Quick start npx npx @vuepress-reco/theme-cli init my-blog npm # init npm install @vuepress-reco/theme-cli -g ...
yarn global add @vuepress-reco/theme-cli //引入vuepress-theme-reco theme-cli init //用官方的模板初始化项目 1. 2. 接下来会显示一些信息填写,如果现在没想好可以一路回车,之后这些信息都是可以更改的 经过这两个步骤,主题就安装好了,是不是特别方便特别快!
这是一个vuepress主题,旨在添加博客所需的分类、TAB墙、分页、评论等能; 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx@vuepress-reco/theme-cliinitmy-blog ...
Vuepress使用指南(reco) 安装node node官网 安装官网提示下载安装包安装即可 安装完成后打开命令行工具,输入node -v,若返回版本信息则安装成功。 安装npm npm install 创建博客工程 # 安装脚手架工具 npm install @vuepress-reco/theme-cli -g # 创建项目
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? #键入您的项目标题 ...
这是一个vuepress主题,旨在添加博客所需的分类、标签墙、分页、评论等功能; 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用; 效果:午后南杂 文档:vuepress-theme-reco-doc Quick start npx npx @vuepress-reco/theme-cli init my-blog ...