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. nan

    你好,请问pc首页和手机首页的缩略图怎么让现实完整?把现在下面的那部分三角部分。谢谢

    Reply
    1. @nan

      可以通过修改CSS代码实现

      Reply
  2. 请问,俺可以移植到Emlog上吗?先不说能不能移植成功哈

    Reply
  3. 请问如何把style.css和主题自带的js加入cdn,设置里好像只有图片,另外请问您网站下面的分享按钮是怎么实现的

    Reply
  4. 大大,我给主题写了一个 page-sitemap.php 的模版,其实是通用所有的主题的(真心全部我自己写的!),只需要把模版放到主题目录,然后新增一个独立页面,自定义面板选择 Template Page of Sitemap ,然后高级里选择隐藏,就可以了!
    大大可以考虑把这个放到你的主题下个版本中!大大可以到我网站查看效果:https://www.yephy.com/sitemap.html

    Reply
  5. 继续前面的问题,没说完,因为不能生成 <p> 标签,造成我在 <ul> 、 <ol> 和 <li> 这些标签下的链接,都不能调用 CSS 中的 .post-content p a { } 样式,链接文字下面就没下划线了,我承认我是强迫症,要死啊!~

    Reply
  6. 难得看到老大回复,我发现一个问题, 我现在用的PHP 7.1.9, Typecho 1.1 (17.8.17),然后,我发现一个奇葩的问题,、和这些标签下的文版,不会生成

    段落了,不知道是我的 Typecho 版本太高导致 Markdown 编辑器出问题了?还是说我的 PHP 版本造成的?!一脸的懵逼!

    Reply
    1. @Yephy

      其实te的md编辑器支持直接写html标签,问题不大的,没有

      就自己加上,然后等te作者自己修,或者找一下相关代码自己修一下也可以的,很快的。

      Reply
      1. @chakhsu

        好像升级前 我的PHP 5.6 ,Typechpo 1.0稳定版,这次升级是手贱啊,之前那些老掉牙的HTML标签都能手动加,可是这次手贱升级后,、

        、这些标签 全挂了,后台写的什么,前端他就显示什么……直接把原标签都显示出来了……

        Reply
        1. @Yephy

          我刚刚找到了:https://github.com/typecho/typecho/blob/master/var/Markdown.php#L38
          你加一行对p标签的解析就可以了。

          Reply
      2. @chakhsu

        我就是自己加的,结果他直接前台给我呈现出来了……

        Reply
        1. @Yephy

          其实这个问题也不大,说明自带的md编辑器没有将p标签放到它的解析里面,找一下 li 或者ul 的解析位置,把p也放进去就可以了。

          Reply
          1. @chakhsu

            我有个大胆的想法 能不能把旧版本的 给替换进去啊?!

            Reply
            1. @Yephy

              没必要的,你就三个标签、

              、需要自带的md编辑器去作解析就可以了,补上就可以了。

              Reply
              1. @chakhsu

                [/捂脸]可是我不知道在哪里添啊?!

                Reply
                1. @Yephy

                  https://github.com/typecho/typecho/blob/master/var/Markdown.php#L38
                  你照着 blockquote的那41行 往下面加缺的上,然后覆盖文件就可以了。

                  Reply
                  1. @chakhsu

                    好的,我看一下![/抱拳]先谢谢了!~ 有个建议 不知道你能不能采纳?
                    就是我们使用你的主题时,可否有个选项,就是使插入文章中的图片能够链接到自己的地址?

                    同时,在你的主题选项最后那里本地图片链接替换云CDN链接的地方,能不能再加上一个后缀的字符内容,这样就可以在云CDN设置缩略图样式(比如水印)然后在网站上替换后显示的是带水印的图片?!

                    Reply