VitePress+Docker+jenkins构建个人网站
VitePress官网
VitePress | 由 Vite 和 Vue 驱动的静态站点生成器
可以理解为一个前端脚手架:快速生成个人站点
最好先大概看一遍
快速开始 | VitePress
可以在线体验一下
安装条件
node -v
检查下node版本
在D盘创建一个文件夹
例如:VitePress
进入文件夹 cmd
npm init -y -y意思免去提示一路同意
用前端开发工具打开VitePree 我这里用的VsCode
按照官网提示
npm add -D vitepress
安装完成之后
接着
npx vitepress init
输入命令后
是否初始化项目配置
启动项目
npm run docs:dev
任何放在docs(名字是创建项目时候自己指定的配置)下面的xxx.md文件 都可以直接使用
localhost:5173/docs/xxx/xxx后面不用写md直接访问
index.md是首页 关于一些配置规则也很简单
项目打包
npm run docs:build 打包之后会生成一个dist文件夹 和vue一样
如果你的docs文件下面有自己创建的文件 就会打包进去 这里我没有在docs下创建文件 因此就没把docs打包进去
相关文章：
VitePress+Docker+jenkins构建个人网站
VitePress官网 VitePress | 由 Vite 和 Vue 驱动的静态站点生成器 可以理解为一个前端脚手架:快速生成个人站点 最好先大概看一遍 快速开始 | VitePress 可以在线体验一下 安装条件 node -v 检查下node版本 在D盘创建一个文件夹 例如:VitePress 进入文件夹 cmd npm ini…...
Windows11下Docker使用记录（五）
目录 准备1. WSL安装cuda container toolkit2. win11 Docker Desktop 设置3. WSL创建docker container并连接cuda4. container安装miniconda（可选） Docker容器可以从底层虚拟化，使我们能够在 不降级 CUDA驱动程序的情况下使用 任何版本的CU…...
快速学习Java的多维数组技巧
哈喽，各位小伙伴们，你们好呀，我是喵手。运营社区：C站/掘金/腾讯云；欢迎大家常来逛逛 今天我要给大家分享一些自己日常学习到的一些知识点，并以文字的形式跟大家一起交流，互相学习，一…...
C语言运算类型有哪些
C语言中的运算类型主要分为以下几类： 1. 算术运算符： - 加法运算符 - 减法运算符 - - 乘法运算符 * - 除法运算符 / - 取模运算符 %（取余数） 2. 关系运算符： - 大于 > - 小于 < - 大…...
【深度学习】Loss为Nan的可能原因
文章目录 1. 问题情境2. 原因分析3. 导致Loss为Nan的其他可能原因 1. 问题情境 在某个网络架构下，我为某个数据项引入了一个损失函数。 这个数据项是nn.Embedding类型的，我加入的损失函数是对nn.Embedding空间做约束。 因为我在没加入优化loss前&#x…...
解密！考研数学满分学霸的备考书单
这题我太会了，高数视频有是有真的又臭又长，我也不喜欢看 但是自己看教材，有的地方又比较难以理解，所以，这个时候一本通俗易懂的教材就显得格外重要，国内很多教材都讲的晦涩难懂，所以我给大家推…...
AI绘画工具介绍
AI绘画工具是利用人工智能技术帮助用户创作艺术作品的软件或平台。它们通常通过用户输入的描述性文字，自动解析并生成具有特定风格和主题的画作。以下是一些2024年流行的AI绘画工具的介绍： GitMind AI绘画2：一个提供多种语言界面的AI绘画生成…...
【APP逆向】央视频播放量增加，逆向全过程解密
✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全…...
三星系统因何而成？或许是因为吞噬了第四颗恒星
相比于其他的类似星体，这个特殊的三星系统拥有更大更紧密的星体。 三星 天文学家发现了前所未见的三星系统。相比于其他典型的三星系统，这一三星系统拥有更大的体积，并且排列也更加紧密，这也使得这一系统更加特别。科学家推测&am…...
【MySQL】（基础篇六） —— 过滤数据
过滤数据 本文将讲授如何使用SELECT语句的WHERE子句指定搜索条件。 WHERE子句 数据库表一般包含大量的数据，很少需要检索表中所有行。通常只会根据特定操作或需要提取表数据的子集。只检索所需数据需要指定搜索条件（search criteria）&…...
利用 HTML5 Canvas 实现在线签字功能
目录 前言 一、HTML5 Canvas 简介 二、签字功能的实现 效果演示 完整代码 前言 在现代互联网应用中，有时我们需要让用户在网页上进行签字操作，比如确认文件、填写电子表格或者签署合同。利用 HTML5 的 canvas 画布，我们可以轻松地实现这一…...
GaussDB技术解读——GaussDB架构介绍（二）
上篇图文，从GaussDB关键架构目标、GaussDB分布式架构、数据计算路由层（Coordinator）关键技术方案等三方面对GaussDB架构进行了介绍。本篇将从数据持久化存取层(DataNode)关键技术方案、全局事务管理层（GTM）关键技术方案…...
EfficientNet详解
原论文名称：EfficientNet: Rethinking Model Scaling for Convolutional Neural Networks 论文下载地址：https://arxiv.org/abs/1905.11946 原论文提供代码：https://github.com/tensorflow/tpu/tree/master/models/official/efficientnet 自己…...
UI前端交互的艺术：探索设计的四个维度、五个层面、六个要点与七大原则
UI前端交互的艺术：探索设计的四个维度、五个层面、六个要点与七大原则 在数字时代的浪潮中，UI前端交互设计如同一门深邃的艺术，既需要技术支撑，又需要设计灵感。它关乎用户体验，影响着产品的成败。那么，UI…...
java接口设计需要考虑哪些方面
1.签名 目的：防止数据被篡改 （1）接口请求方将请求参数、时间戳和密钥拼接成一个字符串。 （2）使用MD5等hash算法生成签名。 （3）在请求参数或请求头中增加sign参数传递给API接口。 （4&…...
Opencv图像处理
Opencv图像处理 图像阈值处理 图像阈值的处理通过cv2.threshold函数来进行处理，该函数的具体说明如下所示 ret, dst cv2.threshold(src, thresh, maxval, type) src： 输入图，只能输入单通道图像，通常来说为灰度图 dst&#x…...
LeetCode | 2879.显示前三行
在 pandas 中，可以使用 head() 方法来读取 DataFrame 的前几行数据。如果想读取指定数量的行，可以在 head() 方法中传入一个参数 n，读取前 n 行 import pandas as pddef selectFirstRows(employees: pd.DataFrame) -> pd.DataFrame:retur…...
Qt实现简易播放器
效果如图 源码地址： 简易播放器: 基于Qt的简易播放器，底层采用VLC源码 - Gitee.com GitHub:GitHub - a-mo-xi-wei/easy-player: 基于Qt的调用VLC的API的简易播放器...
适配Android12启动页
今天我们讲个什么话题呢？我们今天讲的内容是，Android12新启动页的支持API。 启动页我想大家都不陌生吧，通常的写法就是先创建一个SplashActivity，在onCreate中 Handler(Looper.getMainLooper()).postDelayed({// 在这里跳转主界…...
人工智能在医学领域的应用及技术实现
欢迎来到 Papicatch的博客 目录 🍉引言 🍉 医学影像分析 🍈技术实现 🍍数据准备 🍍模型构建 🍍模型训练 🍍模型评估 🍍应用部署 🍈示例代码 🍉 基因…...
MySQL—多表查询—练习（1）
一、引言 上几篇关于多表查询的基本几个部分全部学习完了。 多表查询的基本类型的查询包括以下： 1、内连接（隐式内连接、显示内连接）：... [INNER] JOIN ... ON 条件; ） 2、外连接（左外连接、右外连接&…...
千益畅行：合法合规的旅游卡服务，打破误解
近期，千益畅行旅游卡服务引起了公众的广泛关注。然而，一些人对该服务存在误解，认为其存在某种欺诈行为。但经过深入了解和全网搜索证据，我们可以确认，千益畅行实际上是一家合法合规的旅游卡服务提供商。 千益畅行旅游…...
【Echarts系列】水平柱状图
【Echarts系列】水平柱状图 序示例数据格式代码 序 为了节省后续开发学习成本，这个系列将记录我工作所用到的一些echarts图表。 示例 水平柱状图如图所示： 数据格式 data [{name: 于洪区,value: 2736},{name: 新民市,value: 2844},{name: 皇姑区,…...
怎样把便签里的内容移到桌面？桌面便签软件使用方法
每次打开电脑，我总是被满屏的文件和图标弄得眼花缭乱。那些记录在各式各样便签里的重要事项，经常被埋没在这信息的海洋中，找起来真是头疼。想必很多人都有过这样的困扰：如何在繁杂的桌面环境中，一眼就看到自己需要提醒…...
量化入门：qmt获取可转债基本信息和行情数据
💻专业版获取可转债数据 今天将展示如何使用Python和QMT来获取可转债的实时数据和财务数据。 🔬 获取可转债基本信息 迅投的券商版和基础版都不支持可转债行情，投研专业版才支持，一年大概5000元。免费的券商版可参考QMT量化入门 投研专业版才有权限调用download_cb_d…...
AVL树 ---（C++）
本篇讲全面的讲解 AVL 树的插入，旋转以及验证 AVL 树的性能（本篇未实现删除代码）。至于为什么会有 AVL 树，这是因为简单的二叉搜索树并不能直接的保证搜索的效率，因为当我们在二叉搜索树中插入一段有序的序列的时候&am…...
基于spring boot+MySQL 小区物业管理系统-计算机毕设 附源码37236
spring boot 小区物业管理系统 摘 要 在网络信息的时代，众多的软件被开发出来，给用户带来了很大的选择余地，而且人们越来越追求更个性的需求。在这种时代背景下，小区物业只能以客户为导向，以产品的持续创新作为小区物…...
Linux/Ubuntu/Debian常用服务管理命令
Linux/Ubuntu/Debian常用服务管理命令 在 Linux 系统中，服务管理是系统管理员日常维护工作的重要组成部分。通过一些常用的命令，我们可以查看服务状态、启动或停止服务、重启服务等。掌握这些命令，可以让系统管理工作更加高效和便捷。 1. s…...
Maven的三种项目打包方式——pom，jar，war的区别
1、pom：用在父级工程或聚合工程中，用来做jar包的版本控制，必须指明这个聚合工程的打包方式为pom。 聚合工程只是用来帮助其他模块构建的工具，本身并没有实质的内容。具体每个工程代码的编写还是在生成的工程中去写。 对于在父工程…...
[手游] 三色绘恋S Mobile Link
语音合成TTS: 文字转成语音的工具 WPS免登录一键修改器: 去除烦人的登录且能正常使用 故事简介： 深秋的雨季即将到来，正值那个为人所熟知的故事发生的前一年—— 地点：湖北省的重点高中，武汉师贰高校。 新学年开始，各…...
百度bae安装wordpress教程/seo关键词排名软件流量词
共有2种方法 强制转化： 自己的类 name （自己的类）object对象根据类型转化： if（Object instance of 自己的类 ） { 转化 } 安全考虑 先判断再转换比较安全 if (obj instanceof xxx) {xxx o (xxx)obj;…...
信息网络技术/伊春seo
华为强调它的自动驾驶技术领先于特斯拉，其中一点是它搭载的麒麟990A芯片的算力领先于包括特斯拉在内的众多汽车企业，这让人关注到自动驾驶技术的算力问题，那么算力领先真的那么重要么？手机芯片当下已普遍应用到7nm乃至5nm工艺&…...
廊坊开发区规划建设局网站/1000个关键词
做一件事，如果觉得难那就对了。容易达成的事，没有经过努力获取到的是没有成就感的。人生就像上坡，更高处的风景更值得期待。中国人民大学与加拿大女王大学金融硕士项目给予你前行的力量。 我们每个人的一生中，都是在不断攀登一座…...
网站建设经营范围/谷歌网页版入口
更多实例例子 1移除字符串两侧的空格：$str " Hello World! ";echo "不使用 trim: " . $str;echo "";echo "使用 trim: " . trim($str);?>以上代码的 HTML 输出如下(请查看源代码)：不使用 trim: Hello Worl…...
番禺网页设计公司/厦门seo代理商
1,请问一个完整的操作系统，应该包含哪些部分？答：两部分：（1）核心与其提供的接口工具。（2）利用核心提供的接口工具所开发的软件。2，UNIX 是谁写出来的？GNU计划是…...
电子商务知名网站/关键词整站优化
其实应该是两个神奇的工具一个是脑图，也叫思维导图，对于像我这样收不住思维的人再合适不过了而另一个就是他的得力工具FreeMind，还是开源的。文章来源:http://herald.seu.edu.cn/blog/shiningray/archive/2005/06/08/20613.aspx转载于:https:…...