hexo/source/_posts/更详细的pinghsu主题设置教程 .md
2025-02-08 03:18:24 +00:00

6.5 KiB
Executable File
Raw Permalink Blame History

title date categories urlname tags
更详细的pinghsu主题设置教程 2023-12-18 02:28:00 学习笔记 10
这篇教程属于新手向请和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为

[object Object],[object Object],[object Object]

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

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

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

永久链接.png typecho插件使用

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

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

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

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

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

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

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

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

  • 所以你可以直接在

      内联一个class="flinks",然后在
    • 插入你的友链,即可

      主题亮点

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

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

      到 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

      个性化色块

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

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

      blue、purple、green、yellow、red

      友情链接

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

      • 所以你可以直接在

          内联一个class="flinks",然后在
        • 插入你的友链,即可

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