Pinghsu是一款以前端性能優化為出發點而制作的Typecho主題，同時又兼顧設計美學和視覺傳達。主題命名取自作者姓名和其女朋友姓名的最后一個字的港式英文，掙扎于Hsuping還是Pinghsu，最后取為Pinghsu，意為一切都是Ping先Hsu后，即系要聽女朋友的話。

• 主題介紹： 詳情
• 主題演示： https://www.linpx.com/
• 主題教程：詳情
• 主題版本：1.5.4
• Github： https://github.com/chakhsu/pinghsu

本站下載：

主題亮點

• 頁面預加載與DNS預解析保證極快訪問速度
• 無JQuery，無前端框架，無webfont
• 幾乎零代碼冗余，幾乎每句代碼都是有意義的
• HighlightJS代碼高亮，支持22種編程代碼
• 響應式設計，支持平板與手機，訪問體驗甚至優于桌面
• 支持圖片CDN鏡像，支持多種文章縮略圖設置
• 支持首頁三欄和單欄選擇，文章題圖和色塊
• 支持文章目錄、相關文章與數學公式渲染
• 支持文章個性化標徽設置，10種標徽選擇
• 支持個人社交按鈕，社交分享
• 主題設置添加XSS檢測，評論提交防止觸發多次
• 還有更多亮點等你去發現~

主題使用

到 Github 下載，點擊”Download ZIP”下載，解壓后將文件夾改名為pinghsu后上傳到?/usr/themes，并啟用主題

如果需要更新主題，則先下載最新文件，然后覆蓋原文件即可完成更新，部分新增加的功能需要到后臺開啟才會生效

注意事項：目前主題僅在 typecho 開發版，PHP7.0 下測試通過，其他情況未作太多測試

外觀設置

外觀設置主要分為四部分，分別為 logo、icon 的設置，功能開關，社交按鈕設置，圖片CDN鏡像

使用注意事項都在設置里寫得比較清楚了，如果遇到不明白的地方，可以給我留言反饋

下面有幾點補充

• CDN設置部分僅僅測試了七牛的，理論上也支持有鏡像服務的CDN
• 創建模板歸檔頁，無論選擇了哪個模板都要加上自定義字段archive

文章縮略圖

文章設置縮略圖方法有四種，自定義字段thumb，文章附件第一張圖片，文章內圖片，默認縮略圖

優先級順序 ：自定義字段 thumb -> 附件第一張圖片 -> 文章圖片 -> 默認縮略圖 -> 隨機圖片 -> 無

縮略圖尺寸大小，高度至少有250px，寬度大于高度，推薦高度為400px的

個性化標徽

個性化標徽出現的地方有首頁、分類頁，標簽頁，作者頁和相關文章

設置方法是在文章編輯內填寫自定義字段，支持的字段如下

book?、?game?、?note?、?chat?、?code?、?image?、?web?、?link?、?design?、?lock

個性化色塊

個性化色塊需要到外觀設置那開啟才能激活使用，色塊出現的地方有首頁，分類頁，標簽頁，獨立搜索頁等等

設置方法是在文章編輯內填寫自定義字段，支持的字段如下

blue、purple、green、yellow、red

友情鏈接

如果你想獲取跟我一樣的友情鏈接頁面，因為是 typecho 開發版，支持在頁面內寫<ul><li>

所以你可以直接在<ul>內聯一個class="flinks",然后在<li>插入你的友鏈，即可

需要注意的是，創建歸檔頁，選擇頁面模板的時候，還需要填寫archive字段
功能開關部分，建議開啟的有 Pjax加速，DNS預解析，其他就根據你的需要去啟用吧
如果你想獲取跟我一樣的友情鏈接頁面，因為是typecho開發版，支持在頁面內寫<ul><li>
所以你可以直接在<ul>內聯一個class="flinks",然后在<li>插入你的友鏈，即可

瀏覽器兼容情況

這個····現代瀏覽器都兼容····

創建搜索頁

創建搜索頁有三個步驟

1、新建頁面
2、選擇模板Template Page of Search
3、添加自定義字段archive

注意事項：無論選擇哪個模板都是需要添加自定義字段archive，才能保證你的模板頁跟我的一樣

設置菜單

創建完搜索頁還有一道工序，那就是隱藏這個頁面，隱藏后的這個頁面將不再出現在菜單

設置方式：

1、在創建搜索頁當頁，右邊的sidebar的“高級選項”，在“公開度”那，選擇“隱藏”
2、復制你的搜索頁的訪問地址，不要有空格，記得帶上http://或https://
2、到外觀設置那，在搜索頁設置的輸入框內，復制訪問地址

一頓操作之后，點擊菜單上的搜索圖標，即可跳轉到搜索頁~

訪問成功代表設置完成~ ??

添加語句

如果你想跟我一樣有一段這樣的話：?? The following tabs can help you!

則直接在當頁的編輯器內輸入你自己想要話，記得不要帶有回車和空格，然后發布文章

當然你也可以不設置獨立搜索頁，那么菜單上的搜索圖標將維持原有的外觀和功能

補充

版本已經更新到了v1.5.3，如你所見增加了個文章底部的bar

bar的左邊是分享按鈕，右邊是文章上下篇切換和返回頂部或尾部

以前我一直想如何優雅地去解決文章返回頂部和尾部的問題，如你所見，這個底部的bar算是個優雅的解決方法，雖然不怎么新鮮

關于分享按鈕這部分，只有Facebook、Twitter和二維碼，也沒有做成模態窗。那為什么不做微博分享？因為微博分享接口對https不友好，雖然可以訪問，但丟失了樣式，如果用http的話，就不滿足HSTS了，所以就干脆不弄。

所以，關于底部的bar，動手能力強的你，可以加強它，例如加一個喜歡??按鈕等等

內容不多，至此~