更详细的pinghsu主题设置教程

in Daily with 92 comments

这篇教程,属于新手向,请和pingshu主题搭配使用。教程分为三个部分,分别为typecho后台设置,typecho插件使用,pinghsu主题设置

typecho后台设置

基本设置

登录到typecho后台,进入设置-基本设置

站点名称,站点地址是你安装好typecho的一些基本信息,

站点描述和关键词,是你首页的seo信息,得填

pinghsu和lpisme主题都集成了基本的seo功能,对文章页都做了关键字和描述

剩下的就根据你自己的需要去改吧,下图是我的设置

基本设置.png

评论设置

pinghsu和lpisme主题启用Pjax都需要提前关闭开启反垃圾保护,因为这段js会和pjax的js有冲突

另外我们的评论垃圾处理可以通过插件来过滤

其他就根据你的需要去改吧,下图是我的设置

评论设置.png

阅读设置

这部分比较简单,其中每页文章数目是首页文章数目的设置,我是设置为12

其他就根据你的需要去改吧,下图是我的设置

阅读设置.png

永久链接

这部分属于伪静态的内容

我web环境是LNMPA,可以直接用.htaccess去实现伪静态

我的.htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

如果是LNMP,可以通过修改你站点的nginx的conf配置实现,代码如下

if (-f $request_filename/index.html){
    rewrite (.*) $1/index.html break;
    }
if (-f $request_filename/index.php){
    rewrite (.*) $1/index.php;
    }
if (!-e $request_filename){
    rewrite (.*) /index.php;
    }

其他就根据你的需要去改吧,下图是我的设置

永久链接.png

typecho插件使用

之前我写过一篇《目前我在用的一些Typecho插件

目前我依然也是在使用这些插件

其中我对Typecho缓存插件进行了修改,可以去看我另外一篇《修复TpCache一个无法触发缓存刷新的bug》的最后部分

另外我也通过修改typecho系统让其支持了文章链接添加新窗口跳转,可以看我另外一篇《给Typecho的文章链接添加新窗口跳转

pinghsu主题设置

这部分在这篇《Pinghsu,A Typecho Theme》里已经写得很详细了

需要注意的是,创建归档页,选择页面模板的时候,还需要填写archive字段

功能开关部分,建议开启的有 Pjax加速,DNS预解析,其他就根据你的需要去启用吧

如果你想获取跟我一样的友情链接页面,因为是typecho开发版,支持在页面内写<ul><li>

所以你可以直接在<ul>内联一个class="flinks",然后在<li>插入你的友链,即可

Responses
  1. 博主你好,我在使用pinghsu主题的时候存在一点关于代码高亮代码加载的疑惑。
    <?php if (($this->options->pjaxSet == 'disable') && ($this->options->useHighline == 'able') && ($this->is('post'))): ?>
    hljs.initHighlightingOnLoad();
    <?php endif; ?>

    Reply
    1. @Longe

      这段判断出现在footer.php,按照这个语句,当我pjax设置为启用,代码高亮设置启用,并且是直接访问文章页面,没有经过pjax加载,这个条件下不能加载highlight.js,而用pjax访问文章页可以加载highlight.js。
      当我去掉第一个判断条件时,无论是直接访问文章页面还是pjax访问文章页面都能加载highlight.js了,请问这里的代码是不是存在一些问题?
      PS: 希望改进一下评论框,第一是没有滚动条,打一长段文字时看不到上面的字,拖动也看不到;第二是SUBMIT按钮挡住了一部分字...

      Reply
      1. @Longe

        可能那里条件判断存在点问题吧,我今晚再看看,评论框这个建议接受了,今晚改善一下~

        Reply
  2. 友情链接上面 如何填写那个小图标,新手上路求大神解释

    Reply
  3. 就是想知道您上面的那个标签,一这篇文章举例,橙色的和蓝色的标签该如何写,

    Reply
  4. weishimi

    反馈一个BUG,手机端点开右上角菜单,再点击右上角的“X”按钮没法关闭弹出的菜单

    Reply
  5. 刚换typecho这个ssl的小锁是怎么插入进来的呢?

    Reply
    1. Yephy
      @Ailoli

      可以参考我的SSL教程文章 https://www.yephy.com/p/Open-the-https-visit-tutorial.html

      Reply
  6. leehigh

    你好,我添加了一个可以自定义文章主页显示信息的功能.
    http://leehigh.me/index.php/archives/10.html
    祝好

    Reply