Set picture annotation in markdown

Reprint blog website

Markdown Set image size and add annotation

<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src=" Enter the picture address here ">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;"> Enter the caption here </div>
</center>

Modify... In the above code src and " Enter the caption here " that will do ！

Concrete example

• Copy the image URL in the above figure , Copy it to src It's about , And set up “ chart 4.41” Drawing notes of , The effect is as follows ：

chart 4.41

- Or use the following code （ Added code to adjust the size of the picture ）, Reprint [ stay Markdown Methods of inserting pictures and annotations in ](https://blog.csdn.net/szzheng/article/details/104563358)

<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src=" Insert the picture address here " width = "65%" alt=""/>
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">
       Insert picture comments here 
  	</div>
</center>

• among width = "65%" You can change the width of the picture （ In equal proportion ） Compressed to full page width 65%.
  The annotation part is in Typora Normal is displayed in , But in CSDN in , There will be a large gap between the caption and the picture （ At present, I don't know how to solve ）.