chengziii 发表于 2019-4-25 07:11

Pinghsu,A Typecho Theme

本帖最后由 chengziii 于 2019-4-25 12:06 编辑

inghsu 是一款以前端性能优化为出发点而制作的 Typecho 主题,同时又兼顾设计美学和视觉传达。主题命名取自作者姓名和其女朋友姓名的最后一个字的港式英文,挣扎于 Hsuping 还是 Pinghsu,最后取为 Pinghsu,意为一切都是 Ping先Hsu 后,即系要听女朋友的话。http://www.kcblog.top/content/uploadfile/201902/aa551550840296.jpg
下载地址https://github.com/chakhsu/pinghsu
主题预览https://www.linpx.com
原文地址:http://www.kcblog.top/147.html
主题亮点
[*]页面预加载与DNS预解析保证极快访问速度
[*]无JQuery,无前端框架,无webfont
[*]几乎零代码冗余,几乎每句代码都是有意义的
[*]HighlightJS代码高亮,支持22种编程代码
[*]响应式设计,支持平板与手机,访问体验甚至优于桌面
[*]支持图片CDN镜像,支持多种文章缩略图设置
[*]支持首页三栏和单栏选择,文章题图和色块
[*]支持文章目录、相关文章与数学公式渲染
[*]支持文章个性化标徽设置,10种标徽选择
[*]支持个人社交按钮,社交分享
[*]主题设置添加XSS检测,评论提交防止触发多次
[*]还有更多亮点等你去发现~
更多预览
首页 - 三栏首页 - 单栏
https://ws1.sinaimg.cn/large/7c98397dgy1fdyeg1l1gsj211w0udnjj.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyegxxy5sj211w0ud7j2.jpg

文章内容页 - 题图文章内容页 - 目录
https://ws1.sinaimg.cn/large/7c98397dgy1fdyejnfc0fj211w0ud14o.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyekevycsj211w0ud44f.jpg

页面内容页内容页 - 评论
https://ws1.sinaimg.cn/large/7c98397dgy1fdyerb4zyjj211w0udn0p.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyern8mfjj211w0ud772.jpg

分类页模板归档页
https://ws1.sinaimg.cn/large/7c98397dgy1fdyes1yb7fj211w0udwhp.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyesdiqxjj211w0ud0vw.jpg

搜索页404
https://ws1.sinaimg.cn/large/7c98397dgy1fe0flbno1bj223s1oq15m.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fe0flvltizj223s1oq79a.jpg

移动端 - 首页移动端 - 文章页移动端 - 分类页
https://ws1.sinaimg.cn/large/7c98397dgy1fdyesvc4wij20af0ijagh.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyetejn5sj20af0ijta2.jpghttps://ws1.sinaimg.cn/large/7c98397dgy1fdyetxmwe1j20af0ijdgj.jpg
主题使用
到 Github 下载,点击"Download ZIP"下载,解压后将文件夹改名为pinghsu后上传到 /usr/themes,并启用主题如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效注意事项:目前主题仅在 typecho 开发版,PHP7.0 下测试通过,其他情况未作太多测试
外观设置
外观设置主要分为四部分,分别为 logo、icon 的设置,功能开关,社交按钮设置,图片CDN镜像使用注意事项都在设置里写得比较清楚了,如果遇到不明白的地方,可以给我留言反馈下面有几点补充
[*]CDN设置部分仅仅测试了七牛的,理论上也支持有镜像服务的CDN
[*]创建模板归档页,无论选择了哪个模板都要加上自定义字段archive
独立搜索页设置方法看这里:Here文章缩略图文章设置缩略图方法有四种,自定义字段thumb,文章附件第一张图片,文章内图片,默认缩略图优先级顺序 :自定义字段 thumb -> 附件第一张图片 -> 文章图片 -> 默认缩略图 -> 随机图片 -> 无缩略图尺寸大小,高度至少有250px,宽度大于高度,推荐高度为400px的个性化标徽个性化标徽出现的地方有首页、分类页,标签页,作者页和相关文章设置方法是在文章编辑内填写自定义字段,支持的字段如下book 、 game 、 note 、 chat 、 code 、 image 、 web 、 link 、 design 、 lock个性化色块个性化色块需要到外观设置那开启才能激活使用,色块出现的地方有首页,分类页,标签页,独立搜索页等等设置方法是在文章编辑内填写自定义字段,支持的字段如下
友情链接如果你想获取跟我一样的友情链接页面,因为是 typecho 开发版,支持在页面内写<ul><li>所以你可以直接在<ul>内联一个class="flinks",然后在<li>插入你的友链,即可更多设置教程 : Here
浏览器兼容情况
这个····现代浏览器都兼容····
Contributing
All kinds of contributions (enhancements, new features, documentation & code improvements, issues & bugs reporting) are welcome.欢迎各种形式的贡献,包括但不限于优化,添加功能,文档 & 代码的改进,问题和 bugs 的报告。
License
Open sourced under the MIT license.根据 MIT 许可证开源。

某些人 发表于 2019-4-25 09:22

没有找到首页单栏还是三栏设置在哪{:1_937:}

marven 发表于 2019-4-29 09:26

很喜欢这款主题 哈哈 感谢楼主

叶泉 发表于 2019-4-29 19:16

runfog 发表于 2019-4-29 21:44

保证极快访问速度
页: [1]
查看完整版本: Pinghsu,A Typecho Theme