Pinghsu是一款以前端性能優化為出發點而制作的Typecho主題，同時又兼顧設計美學和視覺傳達。主題命名取自作者姓名和其女朋友姓名的最后一個字的港式英文，掙扎于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=""]
主題亮點
- 頁面預加載與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，動手能力強的你，可以加強它，例如加一個喜歡??按鈕等等
內容不多，至此~
