如何让自己的博客更易于阅读

我会带着你远行 2022-12-03 09:42 142阅读 0赞

### 目录 ###

*   *   *   *  水平线
             *  图片大小
             *  注:未完待续。。。

--------------------

#### 水平线 ####

在不同的内容之间加上水平线，可以很好的起到分割效果，便于阅读，具体如下：
    	在博客中写上<hr>标签即可

--------------------

但有的时候需要更合适的长度来利于我们排版，如下：
    	<hr width=" 350">

--------------------

#### 图片大小 ####

写博客时，一般我会截图搭配文章，但直接放进博客会100%展示，比较突兀，如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw_size_16_color_FFFFFF_t_70_pic_center]

下面是图片的代码：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark,
    type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw,
    size_16,color_FFFFFF,t_70#pic_center)

① 我们可以将图片代码中的 (https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark,
    type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw,
    size_16,color_FFFFFF,t_70#pic_center) 这段话复制到下面代码中的src属性
    
    	<img src="" width="30%">
    	
    	最后代码为：<img src="https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark,
    type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw,
    size_16,color_FFFFFF,t_70#pic_center" width="30%">
    	效果如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw_size_16_color_FFFFFF_t_70_pic_center][]

② 另外也可以在图片代码的末尾加上 "=150x",也可以起到缩放修改如下：
    							(...t_70#pic_center =150x)
    效果如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw_size_16_color_FFFFFF_t_70_pic_center]

#### 注:未完待续。。。 ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/68d547551746472abb7bd8b81546473f.png