【Gmeek进阶】文章插入html标签

[Meekdai]

Github由于安全考虑，是不允许使用iframe等标签的，而且在issues插入的图片也会自动转换为github的地址。为了文章的多样性，在Gmeek的v2.19版本中添加了支持html标签的功能。

使用方式

在需要添加html标签的位置使用code方式，并且后面紧跟着Gmeek-html，然后才是html标签。

图片img

`Gmeek-html<img src="https://picsum.photos/200">`

Gmeek-html<img src="https://picsum.photos/200">

内嵌框架iframe-网站

`Gmeek-html<iframe src="https://music.meekdai.com/#61" width="100%" height="460px" frameborder="0" allowfullscreen="true"></iframe>`

Gmeek-html<iframe src="https://music.meekdai.com/" width="100%" height="460px" frameborder="0" allowfullscreen="true"></iframe>

内嵌框架iframe-歌曲

`Gmeek-html<iframe style='border-radius:12px' src='https://open.spotify.com/embed/track/0U3fV7K4WFfVRgLGEAKh3g?utm_source=generator' width='100%' height='152' frameBorder='0' allowfullscreen='' allow='autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture' loading='lazy'></iframe>`

Gmeek-html<iframe style='border-radius:12px' src='https://open.spotify.com/embed/track/0U3fV7K4WFfVRgLGEAKh3g?utm_source=generator' width='100%' height='152' frameBorder='0' allowfullscreen='' allow='autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture' loading='lazy'></iframe>

内嵌框架iframe-视频

`Gmeek-html<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1604800941&bvid=BV1qm421M7Xs&cid=1557311907&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="460px"></iframe>`

Gmeek-html<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1604800941&bvid=BV1qm421M7Xs&cid=1557311907&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="460px"></iframe>

其他

上面仅仅是示例了一些经常会使用到的html标签，其他html标签同样也是支持的，大家可以尝试添加到自己的文章中。 🥂

[ChanForWang]

不是很清晰所说的
“在需要添加html标签的位置使用code方式，并且后面紧跟着Gmeek-html，然后才是html标签。”
是在文章中（issues）那里添加，还是在html文档里面进行添加？

试了下，在文章中添加，最后也就是显示为code的文本形式。
望解答，谢谢~

[Meekdai]

@ChanForWang 你在你的issues里面，尝试添加如下内容，直接复制粘贴就可以了。

`Gmeek-html<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1604800941&bvid=BV1qm421M7Xs&cid=1557311907&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="460px"></iframe>`

[Wisof-Young]

感谢支持这个功能！！

[Carlyuanss]

感谢大佬的这个功能，现在我图片为主的博客可以给图片加loading lazy标签了~

[xxjssyouk]

谢谢大佬还在维护这个项目，赞一个！

提个希望：

写个新主题！

[DiYingisaDer]

您好，请问如更更换视频源？ "//player.bilibili.com/player.html?isOutside=true&aid=1604800941&bvid=BV1qm421M7Xs&cid=1557311907&p=1&autoplay=0" 请问是更换里面的aid、bvid、cid吗？该如何获得原视频的这三串字符呢？

[Meekdai]

@DiYingisaDer 这个视频源地址直接从视频网站拷贝啊，比如我这里的B站，你直接打开你想要的B站的视频，下面有分享按钮里面有个嵌入代码。

[szm999]

@Meekdai B站可以嵌入代码，新浪微博的视频呢？有没有办法获取嵌入代码？

[falaw]

大佬，不知道能不能在首页加入html代码呢？比如又拍云那种底部显示他图标那种

[yinxiuqu]

直接发Issue时粘贴图片，建立blog时失败。

[Meekdai]

直接发Issue时粘贴图片，建立blog时失败。

具体那篇文章呢？贴一下链接