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的博客 目录 🍉引言 🍉 医学影像分析 🍈技术实现 🍍数据准备 🍍模型构建 🍍模型训练 🍍模型评估 🍍应用部署 🍈示例代码 🍉 基因…...
Rust 异步编程
Rust 异步编程 引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。 异步编程基础 什么是异步…...
leetcodeSQL解题：3564. 季节性销售分析
leetcodeSQL解题：3564. 季节性销售分析 题目： 表：sales ---------------------- | Column Name | Type | ---------------------- | sale_id | int | | product_id | int | | sale_date | date | | quantity | int | | price | decimal | -…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
Springboot社区养老保险系统小程序
一、前言 随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，社区养老保险系统小程序被用户普遍使用，为方…...
华为OD机考-机房布局
import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...
uniapp手机号一键登录保姆级教程（包含前端和后端）
目录 前置条件创建uniapp项目并关联uniClound云空间开启一键登录模块并开通一键登录服务编写云函数并上传部署获取手机号流程(第一种) 前端直接调用云函数获取手机号（第三种）后台调用云函数获取手机号 错误码常见问题 前置条件 手机安装有sim卡手机开启…...
CRMEB 中 PHP 短信扩展开发：涵盖一号通、阿里云、腾讯云、创蓝
目前已有一号通短信、阿里云短信、腾讯云短信扩展 扩展入口文件 文件目录 crmeb\services\sms\Sms.php 默认驱动类型为：一号通 namespace crmeb\services\sms;use crmeb\basic\BaseManager; use crmeb\services\AccessTokenServeService; use crmeb\services\sms\…...
LCTF液晶可调谐滤波器在多光谱相机捕捉无人机目标检测中的作用
中达瑞和自2005年成立以来，一直在光谱成像领域深度钻研和发展，始终致力于研发高性能、高可靠性的光谱成像相机，为科研院校提供更优的产品和服务。在《低空背景下无人机目标的光谱特征研究及目标检测应用》这篇论文中提到中达瑞和 LCTF 作为多…...
ui框架-文件列表展示
ui框架-文件列表展示 介绍 UI框架的文件列表展示组件，可以展示文件夹，支持列表展示和图标展示模式。组件提供了丰富的功能和可配置选项，适用于文件管理、文件上传等场景。 功能特性 支持列表模式和网格模式的切换展示支持文件和文件夹的层…...
电脑桌面太单调，用Python写一个桌面小宠物应用。
下面是一个使用Python创建的简单桌面小宠物应用。这个小宠物会在桌面上游荡，可以响应鼠标点击，并且有简单的动画效果。 import tkinter as tk import random import time from PIL import Image, ImageTk import os import sysclass DesktopPet:def __i…...