文章语法

推荐插件

推荐安装 Markdown/HTML内容块插件，可使用一些特殊的语法。

语法示例

提示

根据 class 里的 columns-1 is-cropped 来改变样式，columns-default，columns-1，columns-4 is-cropped

example

<figure class="wp-block-image fade-before">
  <img fetchpriority="high" decoding="async" width="3680" height="2047"
    src="https://api.minio.yyds.pink/moony/files/2024/08/123161646.webp" alt="" class="wp-image-1"
    data-fancybox="gallery">
  <figcaption class="wp-element-caption">全局菜单 UI 设计图</figcaption>
</figure>

预览

example

<figure class="wp-block-gallery has-nested-images columns-1 is-cropped">
  <figure class="wp-block-image size-large">
      <img src="https://api.minio.yyds.pink/moony/webp/2024/05/6634b3eb4bf78.webp" class="wp-image-1">
      <figcaption class="wp-element-caption">日间模式</figcaption>
  </figure>
  <figure class="wp-block-image size-large">
      <img src="https://api.minio.yyds.pink/moony/webp/2024/05/6634b3eb42510.webp" class="wp-image-2">
      <figcaption class="wp-element-caption">夜间模式</figcaption>
  </figure>
  <figcaption class="blocks-gallery-caption wp-element-caption">THYUU/星度首页夏季限定主题</figcaption>
</figure>

预览

样式1

图片描述

插入一张图片时，给图片设置alt属性，会以特殊的样式展示。

插入示例

具体效果

超链接优化

主题为文章内的超链接进行了一些优化，将会自动获取链接站点的favicon进行渲染

example

我是 <a rel="noopener noreferrer" target="_blank" 
href="https://blog.scott-studio.cn/">三禾木木</a>，
不知名前端攻城狮，分享编程经验和技术干货。

超链接优化

文章语法

语法示例

预览

预览

图片描述

超链接优化

On this page