随笔:Markdown小技巧

随笔:Markdown 小技巧

图像/视频导入

多图一行内并列插入

1
2
3
4
5
<div align="center">
<img src="XXX.png" height=160>
<img src="XXX.png" height=160>
<img src="https://s2.loli.net/2023/08/24/GJUPziVsu9SIj2X.png" height=160>
</div>

不过要注意控制大小,否则一行放不下

mp4视频导入方法

参考链接: https://zhuanlan.zhihu.com/p/350887044

方法1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- mp4格式 -->
<video id="video" controls="" preload="none" poster="封面">
<source id="mp4" src="mp4格式视频" type="video/mp4">
</videos>

<!-- webm格式 -->
<video id="video" controls="" preload="none" poster="封面">
<source id="webm" src="webm格式视频" type="video/webm">
</videos>

<!-- ovg格式 -->
<video id="video" controls="" preload="none" poster="封面">
<source id="ogv" src="ogv格式视频" type="video/ogv">
</videos>
方法2
1
2
3
4
5
6
7
8
9
10
11
12
13
<div align="center">
<iframe
src="README.assets\video_view_compressed.mp4"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
height=372
width=900>
</iframe>
This is a video.
</div>
方法3

视频转化为gif格式, 直接当作图片插入markdown中


随笔:Markdown小技巧
https://oier99.cn/posts/4eba5852/
作者
oier99
发布于
2023年8月24日
许可协议