文本,vitepress如何插入图片,做背景图片的设计,Typora如何设置存放图片的位置

简介: 文本,vitepress如何插入图片,做背景图片的设计,Typora如何设置存放图片的位置

  提一个问题,在使用vitepress文件的时候,如何插入一张背景图片,这里该如何解决呢?配合Typora完成背景图片的插入,这里如何完成?

如果直接利用Typora的资料,粘贴背景图片:

就会出现bug:

这里该如何解决?这里图片用Typora编写的时候,要把资料放到vitepress的文档里,这里Typora如何设置那?设置存放图片的地址:

Typora设置本地保存图片的地址怎样做:

1、点击格式,点击图像,设置图片的根目录,设置图片的根目录设置为自己的vitepress静态资源的文件

根目录设置为自己图片的根目录,必须为自己内部的文章:

第二步:点击格式,插入本地图片时,要复制到当前文件夹当中

这样就可以出现了

相关文章
|
资源调度 前端开发 JavaScript
入门前端测试(初识vitest)
前端测试往往和前端开发的同学一样,也是要写很多代码的。今天我们来一起学习一下前端测试方面的一门技术---vitest
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
|
算法 前端开发 开发工具
vitepress从0到1,让每个前后端小伙伴都拥有一个属于自己的博客
这篇文章详细介绍了如何从零开始使用VitePress搭建个人博客,包括项目初始化、配置美化及部署全流程。
|
资源调度 JavaScript 前端开发
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
这篇文章介绍了在Vue 2项目中如何通过`v-viewer`插件实现图片的预览、切换、缩放、旋转等功能,并提供了插件的安装、配置和使用方法。
4946 0
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
|
Docker 容器
docker设置国内镜像源
docker设置国内镜像源
43409 5
|
机器学习/深度学习 自然语言处理 算法
什么是数据集的分类?
【7月更文挑战第10天】什么是数据集的分类?
2371 1
|
前端开发 Java 容器
家族传承:Spring MVC中父子容器的搭建与管理指南
家族传承:Spring MVC中父子容器的搭建与管理指南
317 3
|
资源调度 前端开发
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
文本,vitepress的使用,如何使用vitevitepress没有config.js该怎么办?这里使用vitepress进行手动配置,参考只爭朝夕不負韶華的文章
|
开发工具 git
git 恢复单个文件到指定版本
git 恢复单个文件到指定版本
942 0
|
网络协议 C++ Docker
Docker pull拉取镜像报错“Error response from daemon: Get "https://registry-1.docker.io/v2”解决办法
Docker pull拉取镜像报错“Error response from daemon: Get "https://registry-1.docker.io/v2”解决办法
68483 2

热门文章

最新文章