前言
拖了這麼久，決定用fancybox.js來搞個圖集湊合湊合
簡單瞭解fancybox
詳情請參照官網
官網介紹如下：JavaScript lightbox library for presenting various types of media. Responsive, touch-enabled and customizable.看不懂的路過
這裡我們使用fancybox3，首頁點擊下載
往下拉可查看demo效果
下載至桌面，解壓得到該文件夾。
瀏覽器下打開該文件，閱讀文檔
在How to Use下面查閱代碼例子
在Options下查看fancybox的一些參數
在hexo博客中使用fancybox
方案一
在文章.md文件中使用raw標籤直接插入如下代碼：
這種方法有些太麻煩了，於是有了方案二。
方案二
在文章.md文件中使用raw標籤直接插入如下代碼:
接著使用js給他轉換成需要的格式。
博主是在footer的模板下插入如下代碼
方案三
這裡只提供個思路，因為方案二版的實現很簡便，就沒去折騰了。
大致思路即是修改maked.js生成渲染的規則，根據圖集圖片的特定標誌，識別出來，把需要的a標籤渲染出來。直接生成文件。
實現過程可參照我之前的兩篇文章OwO-可愛的js表情符號插件和Lozad.js學習使用
分享到:
閱讀更多 看到他請叫他快去學習 的文章
關鍵字: 技術 JavaScript Hexo
