handsome 创建相册

2024 年 05 月 24 日

93 次浏览

659字数

# 1、创建相册

新建分类：**分类的缩略名**称为**image**（这个是固定的，标识该分类是相册）。分类描述会输出到相册列表页面
创建属于该分类的一篇文章，即创建了一个新的相册。文章的标题即相册的标题。
在文章的自定义字段中添加字段名album，值为你的相册描述
上传相片
在属于相册分类新建一篇文章，在编辑器中添加图片即可。

添加图片：允许以下的几种方式：

使用自带的附件功能，上传并插入编辑器中
使用markdown的图片语法，支持外站链接
使用html语法，支持外站链接

# [文章内插入相册]

```markdown
<div class='album_block'>

[album]
(插入图片，支持图片的HTML格式或者是markdown语法都可以，支持外链或者附件上传均可)[/album] </div>
```

举例

```markdown
//方式1（markdown语法）
<div class='album_block'>

[album]

![图片描述1][1]
![图片描述2][2]
[/album] </div>
  [1]: http://xxx.com/xxx1.jpg
  [2]: http://xxx.com/xxx2.jpg

//方式2（markdown语法）
<div class='album_block'>

[album]

![图片描述1](http://xxx.com/xxx1.jpg)
![图片描述2](http://xxx.com/xxx2.jpg)
[/album] </div>

//方式3（HTML语法）
<div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="http://xxx.com/xxx1.jpg" alt="图片描述1"  style="">
          <figcaption itemprop="caption description">图片描述1</figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="http://xxx.com/xxx2.jpg" alt="图片描述2"  style="">
          <figcaption itemprop="caption description">图片描述2</figcaption>
      </figure></div>
```

最后修改：2024 年 05 月 24 日