内容编辑样式

跟着项目的节奏，也花点时间把博客整理一下，申请了又拍云联盟，主要看中了它(HTTP/HTTPS 均可用)，申请还是挺快的，底部加上logo链接，提交后2天收到申请通过邮件。

图片迁过去后，有些样式对不上，不嫌麻烦的又重新用主题原作者的图片优化方案（oss 图片规则）给更新了一遍，下面有效果。

加粗加底纹

<strong>
    <span style="background-color: rgba(12, 242, 143, 0.2); padding: .065em .4em;">加粗加底纹</span>
</strong>

图标与文字垂直对齐

<i class="ri-apple-fill" style="vertical-align: bottom;"></i>图标与文字垂直对齐样式

图片展示效果

图片展示效果 html结构

<!--一张一列，a标签里放原图链接，img标签里放缩略图-->
<ul class="lonesome-img gallery-1">
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view1" alt="oss图片规则生成的一张图片">
        </a>
    </li>
</ul>
<!--两张一列，a标签里放原图链接，img标签里放缩略图-->
<ul class="lonesome-img gallery-2">
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view2" alt="两张图片">
        </a>
    </li>
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view2" alt="两张图片">
        </a>
    </li>
</ul>
<!--三张一列，a标签里放原图链接，img标签里放缩略图-->
<ul class="lonesome-img gallery-3">
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view3" alt="三张图片">
        </a>
    </li>
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view3" alt="三张图片">
        </a>
    </li>
    <li>
        <a href="原图链接">
            <img src="缩略图链接 !lin.view3" alt="三张图片">
        </a>
    </li>
</ul>

固定宽度和高度

lin.ImgG3
lin.ImgG2
lin.ImgG1