vuepress-theme-reco主题相关配置 + gitee pages 部署

最新推荐文章于 2024-08-13 08:50:48 发布
最新推荐文章于 2024-08-13 08:50:48 发布
阅读量1.2k 收藏 6
点赞数 1
分类专栏： 随笔 文章标签： vuepress git pages
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wind_AN/article/details/119822889
版权
本文介绍了使用vuepress-theme-reco主题构建博客，并详细阐述了文章目录配置、样式自定义以及如何将博客部署到Gitee Pages的过程。包括设置base、仓库命名规则以及git常用指令的参考链接。
摘要由CSDN通过智能技术生成

1.效果预览

我的博客预览：https://tao-yuhan.gitee.io/tyhanblog/
在这里插入图片描述

2.vuepress

我这里使用的vuepress-theme-reco主题
官网地址：https://vuepress-theme-reco.recoluan.com/

3.文章目录配置

在这里插入图片描述
我的文章全部放在docs目录下，每一个文件夹就是一个目录，subSidebar设置为auto可以开启文章的子目录
在这里插入图片描述

4.样式设置

在这里插入图片描述
想要自己设置样式，需要在.vuepress/

最低0.47元/天 解锁文章
boboj1
关注
专栏目录
vuepress-theme-reco + Github Actions 构建静态博客，部署到第三方服务器
田三番的博客
03-22 1830
最新博客链接 Github链接 查看此文档前应先了解，vuepress基本操作 参考官方文档进行配置： vuepress-theme-reco VuePress SamKirkland / FTP-Deploy-Action 最终效果 最终效果链接 思路 下载vuepress-theme-reco官方的主题模板（脚手架），再根据自己的需要进行相应的修改，再...
使用VuePress-Reco快速搭建博客(保姆级)
m0_58724783的博客
07-19 987
.第一个是你是否要新建一个目录，选择Y。 .第二个是你的目录名字叫什么名字？博主这里写的是Blog .第三个是你的项目叫什么名字？ 博主这里写的是 PersonBlog .第四个是你的项目的描述是什么？这里我写的是爱好，这里写与不写都可以的 .第五个是作者的名字？这里我写的是CSDN的名字，各位童鞋看自己来 .第六个是选择项目的风格？ 这里选择 2.x 这里是使用Npm和Yarn，博主这里使用Npx 项目默认运行在8080端口:
vuepress：vuepress-theme-reco —个人博客
02-23
vuepress：vuepress-theme-reco —个人博客
Vuepress 主题 `vuepress-theme-reco` 教程
gitblog_00705的博客
08-13 274
Vuepress 主题 vuepress-theme-reco 教程 vuepress-theme-reco-1.x???? This is the repo for vuepress-theme-reco 1.项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-reco-1.x 1. 项目目录结构及介绍 在 vuepress-theme-rec...
【vuepress】主题vuepress-theme-reco使用及配置
m0_50853977的博客
02-01 2394
vuepress创建blog主题使用及配置
vuepress博客主题—vuepress-theme-reco
recoLuan
10-08 6833
这是一个vuepress主题，目的是增加博客所需要的分类、标签墙、分页、评论等功能； 主题本身追求极简，是在vuepress默认主题的基础上进行修改的。 安装和使用 安装 npm install vuepress-theme-reco -dev--save # 或 yarn add vuepress-theme-reco 使用 // 修改 /docs/.vuepress/...
VuePress搭建博客部署Gitee Pages
默存
03-10 2196
使用技术 VuePress + vuepress-theme-reco VuePress简介 VuePress文档地址 简洁至上：以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。 Vue 驱动：享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。 高性能：VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。 一、上手搭建 1.创建并进入一个新
vuepress-theme-reco:simple一个简单而美丽的vuepress Blog＆Doc主题
04-30
主题极简，已根据Vuepress的默认主题进行了修改，并且官方主题配置仍然适用； 演示： 文档： ， ， 快速开始 像素 npx @vuepress-reco/theme-cli init npm npm install @vuepress-reco/theme-cli -g theme-cli ...
基于Vue的vuepress-theme-reco主题设计源码分享交流社群QQ：3u8x6485s0
最新发布
09-26
本项目为基于Vue的vuepress-theme-reco主题设计源码，包含164个文件，涵盖43个Vue组件、41个JavaScript文件、29个Markdown文件、11个JSON配置文件、10个Stylus样式文件、8个PNG图片文件、7个npm忽略文件、3个...
静态网页vuepress-theme-vdoing托管vercel部署
weixin_43108331的博客
04-16 430
托管vdoing静态页面到vercel
vuepress的MaterialDesign主题
08-10
vuepress的Material Design主题
vuepress-theme-reco-notes::notebook:基于vuepress＆vuepress-theme-reco的笔记项目
03-20
朱晓冰的笔记 保持联系 执照 版权所有（c）2021年至今，朱小兵（dawnIce）
vuepress-theme-vdoing使用体验
wsdchong的博客
09-12 6043
vuepress-theme-vdoing使用体验 前言 今天在GitHub的trending上看vue项目，其中有个vuepress-theme-vdoing项目看起来挺有意思，于是下载下来使用一下。 看页面，感觉像是GitHub上的文档。比如vue官方文档就是用这种的。之前一直想弄，但没去尝试过。今天借着体验这个项目去了解文档库。 首先先使用这个项目，然后分析这个项目的原理，最后自定义。大致就这三步。 项目地址 项目介绍：一款简洁高效的VuePress 知识管理&博客(blog) 主题 文章目录
vuepress-reo主题 | 配置百度统计
君陌离的博客
09-23 260
vuepress 配置百度统计 添加百度统计 获取百度统计代码 登录百度统计后台 创建站点 复制统计代码 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?44212d6ce872df50b804d94b24889284"; var s = document.getElementsByTagName("scri
推荐一款惊艳的 VuePress 主题：VuePress-Theme-Reco
gitblog_00036的博客
04-17 719
推荐一款惊艳的 VuePress 主题：VuePress-Theme-Reco vuepress-theme-reco???? This is the repo for vuepress-theme-reco 2.项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-reco 项目简介 是一个基于 VuePress 的高质量静态网站生成器主题。它旨...
vuepress reco主题优化与修改
会飞的小弋
07-17 8558
前言 虽然Vuepress的vuepress-theme-reco主题已经很完美了，为了更加适合自己写技术类的文档，终究还是逃不过我一颗想要魔改的心： 更换主题到本地后，无法直接通过npm install直接更新主题 进一步对侧边栏优化，右侧滚动栏优化，字体优化 增加各种好玩实用的插件 取消了博客页面，直接调整文档页面 个人向修改，不喜勿喷 我的博客：https://lovelijunyi.gitee.io/blog/ 更换主题为本地 与hexo不一样，正常的主题文件会被安装到node_module
使用vuepress-theme-reco搭建自己的博客
wangscaler的博客
07-26 8423
使用vuepress-theme-reco搭建自己的博客 vuepress-theme-reco是VuePress的一个主题，大家可以参考VuePress和其他主题，搭建你自己风格的主题，这篇主要讲解vuepress-theme-reco主题的博客。 VuePress是静态网页生成器，通过它，可以迅速的将我们的Markdown笔记变成网页，方便我们翻阅，查找。 一、初始化项目 1、引入vuepress-theme-reco主题 npm install vuepress-theme-reco --save-d
vuepress-theme-reco 安装
03-26
要安装 vuepress-theme-reco 主题，请按照以下步骤进行操作： ...注意，在使用 vuepress-theme-reco 主题之前，您需要了解 VuePress 的基本用法和配置方法。如果您还不熟悉 VuePress，请先学习 VuePress 的基础知识。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

boboj1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值