CSDN写博客中遇到的版式问题

自己在CSDN上写博客时可能会遇到一些小问题，当然是指编写内容以及版式上的小问题，特在此记录一下，有需要的朋友可以看看～


1、博客中图片大小的设置？
很多朋友可能在CSDN上写博客时会遇到一些问题，比如图片的大小问题，比如我在写文章时可能会插入一张图片，这个时候从本地插入的图片在博客上显示的大小一般和自己本地图片的大小(此处的"大小"所指的是图片的尺寸)差不多，但是呢，因为博客排版的问题，所以该图片在博客中的显示是有一定问题的，比如显示效果可能是这样，图片一，即"系统盘使用率"这张图片在博客中的显示，这张图片尺寸太大了，放在博客中显得不是很协调。

还有可能是一个表情包占据了这么大的空间，那么这个时候这个表情包尺寸就太大了，甚至有可能会影响博客的阅读，那么我们应该如何进行调整呢？
说明一下，CSDN博客的编辑页面支持Markdown语法，同时也支持html的语法规则，我个人比较喜欢使用html的语法规则，我们只需设置图片的相关尺寸即可。设置代码类似，其中的imageUrl对应图片的url。此部分代码所实现的功能就是，将所插入图片居中放置，并设置图片的显示大小为20%。

<div align=center>
<img src="imageURL"   width="20%"  >
</div>

那我们怎么去寻找图片的Url呢？举个例子，在csdn上传图片后，csdn会在其后台缓存图片，并为其生成一个url，我们可以看到 图片一所对应的图片url为 https://img-blog.csdnimg.cn/20210705105432552.png，

这样我们就可以设置该图片的显示了。那么图片一相关的处理代码为，

<div align=center>
<img src="https://img-blog.csdnimg.cn/20210705105432552.png"   width="20%"  >
</div>

经过设置后，我们可以得到图片二，这就是我们自己进行设置的图片的显示效果。此时图片二的大小为图片一大小的60%，这样在博客中就会显得更加协调一些。

2、如何实现博客中点击超链接"文章标题"跳转到其对应的博客？
在写博客中常常会使用根据文章标题跳转到博客的需求，比如这样，CSDN写博客中遇到的版式问题，这样大家就可以点击这个博客标题跳转到我的博客了，那这种根据"博客名称"就可以跳转到博客是怎么实现的呢？实现方法如下，简单来说就是，[博客名称]<博客链接>。

[CSDN写博客中遇到的版式问题](https://blog.csdn.net/weixin_666888/article/details/118485265)