與舊版Typecho主題 Snapic 相比，新版主題 Snapic Plus 不使用插件，不使用自定義字段，不用填寫(xiě)圖片高度，使用全新響應(yīng)式瀑布流框架，綜合網(wǎng)友建議，新增了一些功能，優(yōu)化了一些樣式。
- 主題 Snapic Plus 適用于圖片類網(wǎng)站，使用瀑布流（masonry）的方式延時(shí)加載（lazyload）展示圖片文章，同時(shí)支持圖片燈箱（fancybox）效果。
- 主題 Snapic Plus 刪減了大多數(shù)功能：沒(méi)有側(cè)欄，沒(méi)有留言，沒(méi)有導(dǎo)航。
- 分類頁(yè) archive 和搜索頁(yè)沿用首頁(yè) index；獨(dú)立頁(yè) page 沿用文章頁(yè) post。文章頁(yè) post 只支持移動(dòng)端顯示，且未在首頁(yè)開(kāi)啟鏈接，僅用于搜索引擎抓取頁(yè)面。
主題原文：
使用方法
請(qǐng)將主題文件夾 SnapicPlus 上傳至目錄 themes 中，在后臺(tái)啟用即可。
A 首頁(yè)大圖
1）后臺(tái)》控制臺(tái)》外觀》設(shè)置外觀，分別填入電腦和手機(jī)端的首圖鏈接和簡(jiǎn)述。
2）電腦端首圖，建議圖片尺寸為寬3200，高1800。也就是16:9的比例。對(duì)顯示效果無(wú)要求的，可無(wú)視。
3）手機(jī)端首圖，建議圖片尺寸為寬900，高1600。也就是9:16的比例。對(duì)顯示效果無(wú)要求的，可無(wú)視。
4）依個(gè)人喜好，點(diǎn)選無(wú)圖、單圖或雙圖的首圖類型。
5）使用小技巧，把電腦和手機(jī)端需要顯示的首圖，以附件上傳的形式添加到以下新建獨(dú)立頁(yè)面（about）中，獲取鏈接即可。
B 置頂圖文
1）在后臺(tái)新建獨(dú)立頁(yè)面，頁(yè)面縮略名必須填入about，亂填無(wú)效！
2）上傳圖片，并把圖片插入文章中，才會(huì)顯示，作為前臺(tái)文章縮略圖使用（其他文章的縮略圖讀取上傳附件的第一張圖片）。如果你使用的是（https），前臺(tái)縮略圖不顯示的話，可以嘗試修改文件 functions.php，搜索（http）改為（https）
3）在文本框中輸入內(nèi)容，即在前臺(tái)輸出摘要。注意：摘要不支持超鏈接顯示。
如何隱藏置頂圖文？
1）在編輯頁(yè)面，點(diǎn)開(kāi)右側(cè)的“高級(jí)選項(xiàng)”，在“公開(kāi)度”選擇“隱藏”即可。
C 單篇相冊(cè)
- 什么是單篇相冊(cè)？
1）文章在前臺(tái)顯示的縮略圖，源自每篇文章附件中的第一張圖片（置頂圖文的縮略圖讀取插入文章中的第一張圖片），可以不用把圖片插入文章中。如果附件中沒(méi)有圖片，縮略圖默認(rèn)為加載動(dòng)畫(huà)的動(dòng)圖img/loading.gif。
2）如果在同一篇文章中，以附件上傳的形式添加了多張圖片，則在前臺(tái)自動(dòng)生成單篇相冊(cè)（即攝影中的組圖效果），可以不用把圖片插入文章中。
如何讓單篇相冊(cè)的左上角顯示張數(shù)標(biāo)簽？
1）如果在同一篇文章中，以附件上傳的形式添加了多張圖片，又需要前臺(tái)顯示圖冊(cè)的張數(shù)標(biāo)簽，就需要把附件中的圖片都插入文章中，否則不會(huì)顯示。
2）只有當(dāng)插入文章中的圖片大于等于2張時(shí)，才會(huì)顯示，插入幾張就會(huì)顯示幾張的標(biāo)簽（如：上傳附件5張，插入文中3張，前臺(tái)角標(biāo)顯示的是3P）。
如何顯示文章標(biāo)題和摘要？
1）按照發(fā)布文章的正常方式操作即可，標(biāo)題欄輸入標(biāo)題，文本框輸入內(nèi)容。
D 設(shè)置外觀
如何自定義外觀？
1）后臺(tái)》控制臺(tái)》外觀》設(shè)置外觀，依喜好設(shè)置即可。
BUG修復(fù)
03月30日?解決單篇相冊(cè)無(wú)法讀取附件除jpg以外的圖片格式。修復(fù)方法：
1）后臺(tái)》控制臺(tái)》外觀》設(shè)置外觀》編輯當(dāng)前外觀》functions.php。
2）搜索'image/jpeg'（注意包含單引號(hào)），替換為'image/jpeg' or 'image/png' or 'image/gif' or 'image/bmp'
3）保存文件，即可。方法一：圖片外鏈
結(jié)合UpyunFile 新版又拍云插件實(shí)現(xiàn)附件USS云存儲(chǔ)加載
- 原文來(lái)源：詳情
此文章講解Typecho主題Snapic Plus（新版）結(jié)合UpyunFile 新版又拍云插件實(shí)現(xiàn)附件USS云存儲(chǔ)加載圖片，實(shí)現(xiàn)節(jié)約網(wǎng)站流量加速網(wǎng)站訪問(wèn)速度。
安裝UpyunFile 新版又拍云插件
在主題中搜索以下代碼：
<a class="grid__link fancybox-buttons" href="$this->siteUrl$img[1]" data-fancybox-group="gallery-$this->cid"><img class="lazy grid__img" src="$this->siteUrl/usr/themes/SnapicPlus/img/loading.gif" data-original="$this->siteUrl$img[1]" alt="$img[0]" /></a>修改如下代碼為又拍云加速域名換成如http://img.zhangyin.org
改成如下代碼：
data-original="http://img.zhangyin.org$img[1]-up說(shuō)明：http://img.zhangyin.org就是又拍云的加速域名，插件中如下設(shè)置的
-up這個(gè)是加在URL圖片名字后面的，又拍云開(kāi)啟圖片處理后可以支持方便網(wǎng)站圖片加載速度
官方教程附上：
- 又拍云文檔： 詳情
這個(gè)時(shí)間前臺(tái)圖片就顯示正常了，嘿嘿此方法適用所有主題，圖片會(huì)直接上傳到又拍云。
方法二：支持外鏈和讀取多種圖片格式
- 代碼參考：詳情
修改后既可以使用附件，
打開(kāi)主題文件下的 functions.php，刪除 63 行至 78 行，然后在刪除的地方添加以下代碼：
function img_catiz($content) {
preg_match_all("/<img.*?src="(.*?)"[^>]*>/i", $content, $theurl); //通過(guò)正則式獲取圖片地址
$img_src = $theurl[1]; //將賦值給img_src
return $img_src;
}打開(kāi)主題文件下的 index.php，刪除 86 行至 95 行，然后在刪除的地方添加以下代碼：
<?php
$bye_my_love = img_catiz($this->content);
foreach ($bye_my_love as $do_not_cry) {
echo '<div class="pic-'.$this->cid.'"><a class="grid__link fancybox-buttons" href="'.$do_not_cry.'" data-fancybox-group="gallery-'.$this->cid.'"><img class="lazy grid__img" src="/usr/themes/SnapicPlus/img/loading.gif" data-original="'.$do_not_cry.'" /></a></div>
';
}
?>注意：只支持常規(guī)圖片后綴，如果你需要使用又拍云的圖片處理 – 縮略圖版本，需要在 $do_not_cry 后面加上縮略名