在Markdown文件中快速插入本地图片

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:2650

{}
本文章主介绍如何在markdonw文件中快速地插入存储在本地的图片,以及对图片显示进行相关的控制。

目录

文章目录

<a href="#1__2">1. 内容回顾</a>    <a href="#2__6">2. 操作步骤</a>    <a href="#3_18">3.语法说明</a>    <a href="#4_29">4.内容总结</a>      

1. 内容回顾

我们在<a href="https://blog.csdn.net/talk_8/article/details/122782544">前面博客</a>中介绍了如何把VSCode打造成Markdown编辑器,这次对其中的内容做更新。主要是介绍如何快速地在VSCode打造的Markdown编辑器中插入图片。

2. 操作步骤

下面是具体的操作步骤,请大家参考:

1.创建工作区;VSCode没有专门的菜单用来创建工作区,创建一个文件时VSCode自动创建工作区,然后保存成自己命名的工作区,方法:File ->Save Workspace As…在弹出的窗口中选择存放工作区的目录并且输入工作区的名字:WName,然后会在目录下生成WName.code-orkspace 2.在工作区中创建md格式的文件,或者将步骤1中创建的文件保存到当前工作区中; 3.在工作区中创建image目录,把图片放到image目录下,目录名可以自已定义或者不创建目录,直接把图片放置在工作区中; 注意:需要把md文件和图片放到相同的工作区中(workspace)中才可以; 4.在md文件中插入图片,语法为:<image src="image/imageName.png">;如果没有创建image目录,那么直接写上图片名就可以; 5.在Markdonw编辑器右侧预览,详细如下图所示: 在这里插入图片描述

3.语法说明

最后对插入图片的语法做一些补充说明,以便更加方便地控制图片在整个文件内容中的排版:

1.设置图片宽和高:在src属性后面使用width和height属性,添加相应的属性可以控制图片显示时的宽度和高度; 2.设置图片对齐方式:在image标签外面加一层div标签,然后使用div标签的align属性控制图片显示位置,比如letf,center,right; 3.设置多个图片并列或者换行显示:使用两个image标签可以使两张图片并列显示;在两个image标签之间添加点号和空行可以使两张图片换行显示。

注意:

上面介绍的这些语法在VSCode默认的Markdown编辑器中就支持,不需要任何第三方插件。大家可以参考上面图片中的语法和预览效果(左侧是语法,右侧是预览效果); 上面的语法以及插入图片的方法只适用于存储在本地的图片;

4.内容总结

最后做个总结: 使用image标签可以在Markdown文件中插入本地图片,通过width和height属性可以控制图片的大小。这些是我自己总结的经验,大家可以在评论区讨论和交流自己的使用技巧和方法。

关于在VSCode打造的Markdown编辑器中插入本地图片就分享这些经验,以后遇到好的使用方法时再和大家分享,敬请期待!

原文地址:https://blog.csdn.net/talk_8/article/details/126142718?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905674116800227431657%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905674116800227431657&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-8-126142718-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/c0d0ea9c53d1461d949f1990826ae4a3

打赏作者

本站为非盈利网站,如果您喜欢这篇文章,欢迎支持我们继续运营!

最新评论
当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复