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

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

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

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

就会出现bug:

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

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

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

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

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

这样就可以出现了

相关文章
|
前端开发
css如何创建视频背景
css如何创建视频背景
410 0
|
JavaScript Unix Linux
⨯ cannot execute cause=fork/exec...pnpm\bin\pnpm.cjs: %1 is not a valid Win32 application.
⨯ cannot execute cause=fork/exec...pnpm\bin\pnpm.cjs: %1 is not a valid Win32 application.
968 0
|
存储 前端开发 JavaScript
ahooks 正式发布:值得拥抱的 React Hooks 工具库
ahook定位于一套基于 React Hooks 的工具库,核心围绕 React Hooks 的逻辑封装能力,降低代码复杂度和避免团队的重复建设为背景,共同建设和维护阿里经济体层面的 React Hooks 库。
23802 1
ahooks 正式发布:值得拥抱的 React Hooks 工具库
Vue3】vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
Vue3】vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
3061 0
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
|
机器学习/深度学习 传感器 自动驾驶
自动驾驶技术中的模仿学习
自动驾驶中的模仿学习是一种关键技术,用于使自动驾驶系统能够学习和模仿人类驾驶行为。通过模仿驾驶员的操作,自动驾驶车辆可以在复杂的道路环境中实现类似人类的驾驶决策和操作,从而提升安全性、舒适性和可靠性。
272 3
|
算法 前端开发 开发工具
vitepress从0到1,让每个前后端小伙伴都拥有一个属于自己的博客
这篇文章详细介绍了如何从零开始使用VitePress搭建个人博客,包括项目初始化、配置美化及部署全流程。
|
Docker 容器
docker设置国内镜像源
docker设置国内镜像源
35376 5
|
消息中间件 Kafka 测试技术
Kafka常用命令大全及kafka-console-consumer.sh及参数说明
该文章汇总了Kafka常用命令,包括集群管理、Topic操作、生产者与消费者的命令行工具使用方法等,适用于Kafka的日常运维和开发需求。
3646 3
|
弹性计算 关系型数据库 MySQL
倚天云服务器ECS体验分享
倚天云服务器ECS体验分享
199 6