015-常用写作模板

#blog/tutorial

1. 图片

1.1. 普通居中

<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);
    width:40%" 
    src="https://codertoro-img01.s3.ladydaily.com/img/material/%E7%BD%91%E7%AB%99%E6%90%AD%E5%BB%BA.jpg">
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;"></div>
</center>

1.2. 行内左对齐(搭配无序列表)

- <div style="text-align: left;">
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);
    width:75%; display: block; margin: 0;" 
    src="https://img.codertoro.top/Bucket/img/material/014-%E5%86%99%E4%BD%9C%E6%96%B9%E6%B3%95/iShot_2023-04-04_18.17.08.jpg">
 </div>

1.3. 相册

{% folding blue, 附几张游记随拍 %}
{% gallery %}
![1]()
![1]()
![1]()
![1]()
![1]()
![1]()
{% endgallery %}
{% endfolding %}

1.4. 标准嵌入代码

![1]()
![1]()
![1]()
![1]()
![1]()

2. 外挂标签

2.1. 折叠框

{% folding blue, 附几张游记随拍 %}

{% endfolding %}

2.2. 时间轴

{% timeline 2023  %}
<!-- timeline 04-02 周日 晴 -->

<!-- endtimeline -->
{% endtimeline %}

3. 视频

3.1. 外挂三等分

{% videos center, 3%}
{% video https://img.codertoro.top/Bucket/img/daily/2023/04/1-20230402-中山区-龙与地下城-东北菜-东港475_1680445834.mp4 %}
{% endvideos %}

3.2. 在线视频适用(优酷)

<div align=center class="aspect-ratio">
    <iframe src="https://player.youku.com/embed/XNTkwMjY4NDM2OA==" 
    scrolling="no" 
    border="0" 
    frameborder="no" 
    framespacing="0" 
    autoplay="0"
    high_quality=1
    danmaku=1 
    allowfullscreen="true"> 
    </iframe>
</div>

4. 文章信息

---
title: 
tag: 教程
cover: 
categories:
  - 技术教程
  - 博客搭建
highlight_shrink: true
abbrlink: 
date: 2053-02-01 22:37:33
---

5. 不常用

5.1. 无序套有序

- 1. 111
  2. 111
  3. 333
  4. 444
- 1. 111
  2. 222
  3. 333

5.2. 篇头提示(内嵌按钮超链接)

{% note info flat %}由于博客引入新的视频样式，暂时弃用该博客所述方法{% btn '/video/', 新的视频格式, far fa-hand-point-right,blue %}{% endnote %}