Pinghsu是一款以前端性能優(yōu)化為出發(fā)點(diǎn)而制作的Typecho主題，同時又兼顧設(shè)計(jì)美學(xué)和視覺傳達(dá)。主題命名取自作者姓名和其女朋友姓名的最后一個字的港式英文，掙扎于Hsuping還是Pinghsu，最后取為Pinghsu，意為一切都是Ping先Hsu后，即系要聽女朋友的話。
- 主題介紹： 詳情
- 主題演示： https://www.linpx.com/
- 主題教程：詳情
- 主題版本：1.5.4
- Github： https://github.com/chakhsu/pinghsu
本站下載：
[b2_file link="https://cdn.getimg.net/npc/2019/typecho/pinghsu-v1.5.4.zip" name="Pinghsu" pass="" code=""]
主題亮點(diǎn)
- 頁面預(yù)加載與DNS預(yù)解析保證極快訪問速度
- 無JQuery，無前端框架，無webfont
- 幾乎零代碼冗余，幾乎每句代碼都是有意義的
- HighlightJS代碼高亮，支持22種編程代碼
- 響應(yīng)式設(shè)計(jì)，支持平板與手機(jī)，訪問體驗(yàn)甚至優(yōu)于桌面
- 支持圖片CDN鏡像，支持多種文章縮略圖設(shè)置
- 支持首頁三欄和單欄選擇，文章題圖和色塊
- 支持文章目錄、相關(guān)文章與數(shù)學(xué)公式渲染
- 支持文章個性化標(biāo)徽設(shè)置，10種標(biāo)徽選擇
- 支持個人社交按鈕，社交分享
- 主題設(shè)置添加XSS檢測，評論提交防止觸發(fā)多次
- 還有更多亮點(diǎn)等你去發(fā)現(xiàn)~
主題使用
到 Github 下載，點(diǎn)擊"Download ZIP"下載，解壓后將文件夾改名為pinghsu后上傳到?/usr/themes，并啟用主題
如果需要更新主題，則先下載最新文件，然后覆蓋原文件即可完成更新，部分新增加的功能需要到后臺開啟才會生效
注意事項(xiàng)：目前主題僅在 typecho 開發(fā)版，PHP7.0 下測試通過，其他情況未作太多測試
外觀設(shè)置
外觀設(shè)置主要分為四部分，分別為 logo、icon 的設(shè)置，功能開關(guān)，社交按鈕設(shè)置，圖片CDN鏡像
使用注意事項(xiàng)都在設(shè)置里寫得比較清楚了，如果遇到不明白的地方，可以給我留言反饋
下面有幾點(diǎn)補(bǔ)充
- CDN設(shè)置部分僅僅測試了七牛的，理論上也支持有鏡像服務(wù)的CDN
- 創(chuàng)建模板歸檔頁，無論選擇了哪個模板都要加上自定義字段
archive
文章縮略圖
文章設(shè)置縮略圖方法有四種，自定義字段thumb，文章附件第一張圖片，文章內(nèi)圖片，默認(rèn)縮略圖
優(yōu)先級順序 ：自定義字段 thumb -> 附件第一張圖片 -> 文章圖片 -> 默認(rèn)縮略圖 -> 隨機(jī)圖片 -> 無
縮略圖尺寸大小，高度至少有250px，寬度大于高度，推薦高度為400px的
個性化標(biāo)徽
個性化標(biāo)徽出現(xiàn)的地方有首頁、分類頁，標(biāo)簽頁，作者頁和相關(guān)文章
設(shè)置方法是在文章編輯內(nèi)填寫自定義字段，支持的字段如下
book?、?game?、?note?、?chat?、?code?、?image?、?web?、?link?、?design?、?lock
個性化色塊
個性化色塊需要到外觀設(shè)置那開啟才能激活使用，色塊出現(xiàn)的地方有首頁，分類頁，標(biāo)簽頁，獨(dú)立搜索頁等等
設(shè)置方法是在文章編輯內(nèi)填寫自定義字段，支持的字段如下
blue、purple、green、yellow、red
友情鏈接
如果你想獲取跟我一樣的友情鏈接頁面，因?yàn)槭?typecho 開發(fā)版，支持在頁面內(nèi)寫<ul><li>
所以你可以直接在<ul>內(nèi)聯(lián)一個class="flinks",然后在<li>插入你的友鏈，即可
需要注意的是，創(chuàng)建歸檔頁，選擇頁面模板的時候，還需要填寫
archive字段
功能開關(guān)部分，建議開啟的有 Pjax加速，DNS預(yù)解析，其他就根據(jù)你的需要去啟用吧
如果你想獲取跟我一樣的友情鏈接頁面，因?yàn)槭莟ypecho開發(fā)版，支持在頁面內(nèi)寫<ul><li>
所以你可以直接在<ul>內(nèi)聯(lián)一個class="flinks",然后在<li>插入你的友鏈，即可
瀏覽器兼容情況
這個····現(xiàn)代瀏覽器都兼容····
創(chuàng)建搜索頁
創(chuàng)建搜索頁有三個步驟
1、新建頁面
2、選擇模板Template Page of Search
3、添加自定義字段archive
注意事項(xiàng)：無論選擇哪個模板都是需要添加自定義字段archive，才能保證你的模板頁跟我的一樣
設(shè)置菜單
創(chuàng)建完搜索頁還有一道工序，那就是隱藏這個頁面，隱藏后的這個頁面將不再出現(xiàn)在菜單
設(shè)置方式：
1、在創(chuàng)建搜索頁當(dāng)頁，右邊的sidebar的“高級選項(xiàng)”，在“公開度”那，選擇“隱藏”
2、復(fù)制你的搜索頁的訪問地址，不要有空格，記得帶上http://或https://
2、到外觀設(shè)置那，在搜索頁設(shè)置的輸入框內(nèi)，復(fù)制訪問地址
一頓操作之后，點(diǎn)擊菜單上的搜索圖標(biāo)，即可跳轉(zhuǎn)到搜索頁~
訪問成功代表設(shè)置完成~ ??
添加語句
如果你想跟我一樣有一段這樣的話：?? The following tabs can help you!
則直接在當(dāng)頁的編輯器內(nèi)輸入你自己想要話，記得不要帶有回車和空格，然后發(fā)布文章
當(dāng)然你也可以不設(shè)置獨(dú)立搜索頁，那么菜單上的搜索圖標(biāo)將維持原有的外觀和功能
補(bǔ)充
版本已經(jīng)更新到了v1.5.3，如你所見增加了個文章底部的bar
bar的左邊是分享按鈕，右邊是文章上下篇切換和返回頂部或尾部
以前我一直想如何優(yōu)雅地去解決文章返回頂部和尾部的問題，如你所見，這個底部的bar算是個優(yōu)雅的解決方法，雖然不怎么新鮮
關(guān)于分享按鈕這部分，只有Facebook、Twitter和二維碼，也沒有做成模態(tài)窗。那為什么不做微博分享？因?yàn)槲⒉┓窒斫涌趯ttps不友好，雖然可以訪問，但丟失了樣式，如果用http的話，就不滿足HSTS了，所以就干脆不弄。
所以，關(guān)于底部的bar，動手能力強(qiáng)的你，可以加強(qiáng)它，例如加一個喜歡??按鈕等等
內(nèi)容不多，至此~
