Pinghsu,A Typecho Theme
in Daily with 256 comments
Pinghsu,A Typecho Theme
in Daily with 256 comments

Pinghsu 是一款以前端性能优化为出发点而制作的 Typecho 主题,同时又兼顾设计美学和视觉传达。主题命名取自作者姓名和其女朋友姓名的最后一个字的港式英文,挣扎于 Hsuping 还是 Pinghsu,最后取为 Pinghsu,意为一切都是 Ping先Hsu 后,即系要听女朋友的话。

pinghsu-theme-preview.jpg

下载地址

https://github.com/chakhsu/pinghsu

主题预览

https://www.linpx.com

主题亮点

更多预览

首页 - 三栏首页 - 单栏
首页-三栏.png首页-单栏.png
文章内容页 - 题图文章内容页 - 目录
文章内容页-题图.png文章内容页-目录.png
页面内容页内容页 - 评论
页面内容页.png内容页-评论.png
分类页模板归档页
分类页.png模版归档页.png
搜索页404
搜索页.png404页.png
移动端 - 首页移动端 - 文章页移动端 - 分类页
移动端-首页.png移动端-内容页.png移动端-分类页.png

主题使用

到 Github 下载,点击"Download ZIP"下载,解压后将文件夹改名为pinghsu后上传到 /usr/themes,并启用主题

如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效

注意事项:目前主题仅在 typecho 开发版,PHP7.0 下测试通过,其他情况未作太多测试

外观设置

外观设置主要分为四部分,分别为 logo、icon 的设置,功能开关,社交按钮设置,图片CDN镜像

使用注意事项都在设置里写得比较清楚了,如果遇到不明白的地方,可以给我留言反馈

下面有几点补充

独立搜索页

设置方法看这里:Here

文章缩略图

文章设置缩略图方法有四种,自定义字段thumb,文章附件第一张图片,文章内图片,默认缩略图

优先级顺序 :自定义字段 thumb -> 附件第一张图片 -> 文章图片 -> 默认缩略图 -> 随机图片 -> 无

缩略图尺寸大小,高度至少有250px,宽度大于高度,推荐高度为400px的

个性化标徽

个性化标徽出现的地方有首页、分类页,标签页,作者页和相关文章

设置方法是在文章编辑内填写自定义字段,支持的字段如下

bookgamenotechatcodeimageweblinkdesignlock

个性化色块

个性化色块需要到外观设置那开启才能激活使用,色块出现的地方有首页,分类页,标签页,独立搜索页等等

设置方法是在文章编辑内填写自定义字段,支持的字段如下

bluepurplegreenyellowred

友情链接

如果你想获取跟我一样的友情链接页面,因为是 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 许可证开源。

Responses
  1. 请问下题图是怎么出现的?我是小白搜了好久没找到。。。

    Reply
    1. @fuan

      外观设置那有

      Reply
  2. Stanley

    为啥我使用之后一片空白啊。。。然后就导致WP空白页了

    Reply
    1. @Stanley

      没遇过这问题,操作不当吧……

      Reply
  3. 那我的轮播图需要jq的js咋办。。

    Reply
    1. @临时工阿k

      你找一下不依赖jq的焦点图的js去做吧,这样弄pjax直接写一条回调就可以了。

      Reply
      1. @Chakhsu

        那我还是关了吧

        Reply
  4. 我要反馈,请问pjax开启后怎么把我加的css和js文件也扩进去。。因为开了后自己加的css文件都不能正常读取了

    Reply
    1. @临时工阿k

      你这种情况,需要看一下文档
      http://instantclick.io/

      Reply
      1. @Chakhsu Lau

        我看了下,好像是jquery.min.js无法预先加载。

        Reply
        1. @临时工阿k

          用jQuery的话,jQuery有自己的pjax实现的插件

          Reply
          1. @Chakhsu

            呜呜呜,大佬求推荐。

            Reply
            1. @临时工阿k

              建议放弃吧,用jq的话,要重写部分现有的js,而且pjax不算容易调试的

              Reply
  5. 博主,评论里的头像应该怎么处理

    Reply
    1. @曈z

      你是指头像换源还是修改样式,修改样式直接chrome控制台那条调试吧

      Reply
      1. @Chakhsu

        我想更换源,试了一些网上的办法还是不行

        Reply
        1. @曈z

          看这里~
          https://github.com/chakhsu/pinghsu/pull/9/commits/127aedfd4ed052db9c299028b83069ae0006a64d

          Reply
          1. @Chakhsu

            非常感谢!

            Reply
  6. 我想知道是否可以通过判断分类来给予个性化标微

    Reply