chakhsu / pinghsu Goto Github PK

View Code? Open in Web Editor NEW

1.4K 32.0 257.0 1.67 MB

Pinghsu, A Typecho Theme

Home Page: https://www.linpx.com/p/pinghsu-a-typecho-theme.html

License: MIT License

PHP 77.77% JavaScript 22.23%

php typecho theme

pinghsu's Introduction

Pinghsu Theme

English

主题介绍

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

下载地址

https://github.com/chakhsu/pinghsu

主题预览

https://www.linpx.com

主题亮点

页面预加载与DNS预解析保证极快访问速度
无JQuery，无前端框架，轻量级
几乎零代码冗余，几乎每句代码都是有意义的
HighlightJS代码高亮，支持22种编程代码
响应式设计，支持平板与手机，访问体验甚至优于桌面
支持图片CDN镜像，支持多种文章缩略图设置
支持首页三栏和单栏选择，文章题图和色块
支持文章目录、相关文章与数学公式渲染
支持文章个性化标徽设置，10种标徽选择
支持个人社交按钮，社交分享
主题设置添加XSS检测，评论提交防止触发多次
还有更多亮点等你去发现~

主题使用

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

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

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

外观设置

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

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

下面有几点补充

CDN设置部分仅仅测试了七牛的，理论上也支持有镜像服务的CDN
创建模板归档页，无论选择了哪个模板都要加上自定义字段archive

独立搜索页

设置方法看这里：Here

文章缩略图

文章设置缩略图方法有四种，自定义字段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>插入你的友链，即可

更多设置教程 : 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 许可证开源。

pinghsu's People

Contributors

Stargazers

Watchers

Forkers

blankpen claymoreboy devmsg pcdotfan zxfchn m69w desiwen jamesliandroid im286er xahhfork magicknight lianyufeng rocgit kheired zzfiu sandofsuro effie999 larrychina fantwings heiybb jazzi bingooo pinglim lyflyy sfturing gulangyu sunshine-it codehomezj lirenmi jameslin2014 stillso dongtong mybsdc iminit yankaics sinlmao moecao nielongguang wong-way nobiel whyprion mrying harryhujie zhaomeng0113 study-day-day-up-up zhangshanfeng1114 hailinchen 2meow aixiu yephy daodaoliang forever-j zhanglei12345 karlzeo tuuunya jantent lyckyercyber august2016 zhangzijing iyefeng realjohnnywu ahernwalker tarryz brainu guyueyuqi guoyu07 oneseven stpxmw cxint showerxu asbus skylinelin sciarts evil-s0ul wrrgit keepfit sjlh froststudio sinnerliu izhizheng silencezsh hyangzz foreveract ntm25576 535727655 aidai99 ostrichalgorithm 18310691938 doio adotpeng suarzezhu anhao jasmine53 garinz lizard92 chiahonghong sweetcczhang junxiong1992 morpheusyeh euui

pinghsu's Issues

文章页生成的目录有问题

如图所示，文章生成目录 h3 标签层级嵌套，第二章被并到第一章的子目录下了。

一个细节问题

当点击文章目录树中处于当前视图以上的链接时，顶部的导航栏会自动遮住该链接字样。

代码高亮设置

你好，请问是否支持代码高亮自定义css

缺少样式表

上传到wordpress后，提示缺少样式表

Pjax加速与 QPlayer 插件兼容性

在使用这个 QPlayer 插件的时候，发现这个插件在加载页面的时候还是会停止播放歌曲，而不是像有 Pjax 一样跨页面播放歌曲

HOT TAGS

Warning: Undefined array key "cid" in /www/wwwroot/typecho/var/Widget/Base/Contents.php on line 500

Warning: Undefined array key "created" in /www/wwwroot/typecho/var/Widget/Base/Contents.php on line 525

和EditorMD共用,code显示出现问题

和EditorMD共用时,code显示会出现问题, 代码行间距离特别大.能优化一下吗
very cool theme! 赞!

一页只能显示五个文章块

问题描述

我现在一共写了6篇文章，但是网站却分了两页来显示，请问怎么解决这个问题呀

网站

Overfit.org

问题截图

你好，请问您的博客下面那个动态变化的`i work with`怎么加？

你好，很感谢你的主题，我现在正在使用您的主题。
请问您的博客下面那个动态变化的i work with怎么加？

首页如何设置三栏显示

同时开启pjax和google统计时会有Bug

同时开启pjax和google统计时会有Bug
会多次发起pv统计

你的博客也有这个问题

原因是ajax加载的html也会带上ga统计初始化代码
造成analytics.js多次加载,pv打点重复

简单的解法

if(typeof ga == 'undefined'){
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-xxx-x', 'auto');
ga('send', 'pageview', location.pathname + location.search);
}

判断 typeof ga == 'undefined' ga不存在时才加载初始化代码

我不太会typecho, 主题层面不知你有没有修复方案

rt，我好像遇到了很奇葩的 bug，为什么 5 块就分页了而不是 6 块？
rt，自定义thumb字段，最新的两篇文章为啥没生效……

地址：http://gcy.pe.hu
如能解决，不胜感激！

与lets ssl证书兼容问题

网站迁移，新环境下，仅此主题的博客，一旦恢复主题，https就失效。
环境Ubuntu16，lnmp 部署

缩略图匹配了文章内iframe的地址

文章内容只有一个iframe：

<iframe src="//player.bilibili.com/player.html?aid=23743513&cid=39683004&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="650" height="500"> </iframe>

而首页相应文章的缩略图地址匹配成那iframe的地址：

<div class="onelist-item-thumb bg-deepgrey" style="background-image:url(//player.bilibili.com/player.html?aid=23743513&amp;cid=39683004&amp;page=1);"></div>

导致该文章无缩略图

请问有做WordPress主题吗

首页带图片那块

首页带图片那块?那个属于缩略图的部分，怎么显示出来？遵循下面的规则
自定义字段thumb -> 附件第一张图片 -> 文章内容的图片 -> 默认缩略图 -> 无

想默认是无但是首页则会出现灰色方形块在function里面删除相关代码吗

如何进入系统后台

启用大佬的主题后没有进入后台的接口？

刚启用的时候在文章评论区还可以看到管理员已登陆以及进入后台。

关闭网页。之后再开博客便找不到登陆选项了。

function is_webp(){
    return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');
}

parseFieldsThumb函数调整如下

function parseFieldsThumb($obj){
    $options = Typecho_Widget::widget('Widget_Options');
    if(!empty($options->src_add) && !empty($options->cdn_add)){
        $fieldsThumb = str_ireplace($options->src_add,$options->cdn_add,$obj->fields->thumb);
        echo trim($fieldsThumb);
    }else{
		if(is_webp()){
			$wt = $obj->fields->thumb();
			$wp = str_replace("jpg","?imageView2/0/format/webp/q/85",$wt);
			return $wp;
		}
		else{
			return $obj->fields->thumb();	
		}
    }
}

但并没有生效。。
自己水平有限求大佬指点