166 字
1 分钟
Ghost博客使用fancybox的正确姿势
2017-10-06
浏览量:加载中...访问次数:加载中...

在Ghost博客后台,使用Markdown编辑器。

Ctrl + Shift + I ,图片快捷键,生成代码: <img decoding="async" src="https://" alt="" />

Ctrl + K ,链接快捷键,生成代码: <a href="https://"></a>

正确格式

fancybox实现后实际上是个图片链接,So,把图片放入链接里。

格式: <a href="https://"><img decoding="async" src="https://" alt="" /></a>

例如: <a href="http://xlbd.me/content/images/2016/05/vies1.jpg"><img decoding="async" src="http://xlbd.me/content/images/2016/05/vies1.jpg" alt="风景 - 1" /></a>

风景 - 1

风景 - 2

风景 - 3

方式可能不一定适用于所有Ghost主题,反正本站目前在用的主题是这样子的。

本博文转载自:小蘿蔔丁 [http://xlbd.me/how-to-use-fancybox-in-ghost-blog/]4

Ghost博客使用fancybox的正确姿势
https://blog.057000.xyz/posts/2017-10-06-2501/
作者
Feng
发布于
2017-10-06
许可协议
CC BY-NC-SA 4.0