post img


1. 配置修改

修改项目中的_config.yml文件

post_asset_folder: true  # 配置为true
marked:                  # 新增
  prependRoot: true
  postAsset: true

2. 测试

奇怪,只能渲染网络链接的图片,不能渲染资源文件夹中的文件;完全按照官方说明配置
后续准备使用图床, 选择了这个平台mjj.today

测试图床

ee074148edfc1f63b015446c40b02ef2.png

3. reference

reference 1
reference 2

4. 测试嵌入视频

这是直接使用b站视频分享中的嵌入代码,显示不友好

<iframe src="//player.bilibili.com/player.html?aid=552069936&bvid=BV1Hi4y117BB&cid=542945776&p=5" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

效果

调整

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=552069936&bvid=BV1Hi4y117BB&cid=542945776&p=5" scrolling="yes" border="0" 
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;">
</iframe>
</div>

调整效果


文章作者: LC
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 LC !
  目录