好看的typecho主题handsome
前言
从博客开始,博主就一直在尝试各种blog程序,相对流行的国内博客主题程序有typecho,zblog
typecho一直以体积小,运行快占据着博客界不可缺一的部分。这里博主就来分享一款无论界面设计还是功能设计都不错的handsome
文艺而不缺优美时尚。
部分查看
食用说明
安装
从github上面下载最新版本的handsome主题!重命名主题文件夹为handsome
。你会看到一个插件
的文件夹。把里面的插件文件夹分别复制到usr\plugins目录下。最后删除主题文件夹下面的插件
文件夹即可。
更新
更新版本建议,先禁用主题,然后删除所有的旧模板文件,再重新上传主题文件,再重新启用。小bug类型更新可以直接覆盖文件。(更新前,先备份好自己自定义修改部分!!!)
注意:从其他非github下载的任何版本不保证是否完整或者有后门代码,所以强烈建议在github项目上下载最新版本!
说明:typecho的数据库的typecho-options
表下有一个字段,name为theme:handsome
对应的value
即为后台所保存的值,如果有研究的话,直接备份这个value
的内容,下次启用后复制进去应该没有问题。
评论系统
本主题使用是typecho原生评论,不建议使用多说(多说实在不稳定),如果仍然需要使用多说或者其他评论系统,在主题的——编辑当前外观——comments.php 删掉里面所有内容,增加你的评论系统的代码即可!
注意:使用typecho原生系统,如果没有开启了伪静态,必须关闭后台选项:检查评论来源页 URL 是否与文章链接一致(后台设置——评论)否则时光机页面无法评论。建议开启伪静态,否则可能出现未知错误:后台——设置——永久链接——是否使用地址重写功能(选择是)
独立页面
主题内置了四套自定义模板 时光机
、文章归档
、友情链接
和留言板
。在后台了撰写——创建页面的右下角的自定义模板
的下拉框里就可以看到哦!简单介绍一些使用方法:
- 时光机: 填写地址的时候,必须填写为 cross.html 。内容框里面不用填任何东西,这个页面在前台就可以发布“说说”,用来记录你的日常和心情的~ 关于删除说说:在后台的评论管理中删掉该页面的对应评论即可。
- 文章归档: 地址随意填写。内容框不用填任何内容。这个页面会自动把你所有文章以时间树的形式显示出来。
- 友情链接:地址随意填写。这个页面自动输出
links
插件里面设置的友情链接。(links插件用法见下第三点)友情链接页面的本博信息
在独立页面的输入框中填写即可,会和链接一起输出。 - 留言板:地址随意填写。这个页面会自动输出评论数最多的前15名。如果需要填写自定义内容在输出框中填写即可,会一起输出。
插件设置
handsome的完整使用依赖了两个外部插件:TePostViews 和 Links。简单介绍一些用法。(1.6.0以下版本用户使用的是BufannaoCms插件,只要下载主题文件夹下面的插件文件夹
里面修改过的插件就行了~)
- TePostViews:使用很简单,在后台插件设置填写对应项即可,有注释说明,可以按照评论数或者浏览数两种方式排序热门文章。(1.6.0和以上版本使用该插件)
- BufannaoCms:是用来调用右侧边栏的
热门文章
和随机文章
这两个功能的。启用后,进入插件设置里面,只需要设置随机文章数量
和热评文章数量
这两项即可。其他项不用设置的。 (1.0.0~1.5.x主题使用该插件) - Links:是一个管理友情链接的插件。首页的左侧边栏的
友链
栏目和独立页面中的自定义模板友情链接
会调用这里面设置的友情链接。启用该插件后,后台
——管理
栏目下会多一个友情链接
的栏目,进入后,添加一个链接,只需要填写链接名称
、链接地址
、链接分类
、链接描述
这四个项目的内容。关于链接分类
的说明:
ten
:是全站链接,就是在首页的左侧边栏展示的one
:是内页链接,在独立页面中的自定义模板友情链接
中显示good
:是推荐链接,在独立页面的自定义模板友情链接
中显示
博文头图
指的是首页、文章页面每篇文章顶部的图片,后台可以设置显示头图的方式。默认显示的顺序是:thumb(自定义字段)--> 第一个图片附件--> 文章第一张图片 --> 随机图片
thumb自定义字段在每篇文章底下填写。名称填:thumb
,值
- 填图片地址:显示当前图片地址的图片
- 填
no
:则在首页和文章页面同时不显示当前文章的头图
文章内容部分隐藏回复可见
(此功能1.6.0 及以上版本支持)
[hid@e]
需要隐藏的内容
[/hid@e]
(去掉@字符)
后台外观设置
所有设置都已经有说明文字,这里还是补充几点。
instantclick预加载模式选择
如果你得服务器配置不好,不建议选择mouseover
,预加载太多而且配置不好,反而加载页面更慢,更推荐mousedown
设置。服务器配置好则可以忽略建议。 instantclick更详细文档可以戳这里-->> instantclick中文文档
首页文章摘要
默认显示文章的前200字作为摘要,你还可以使用摘要分隔符
进行自主截断内容输出
<!--more-->
文章目录树
文章中的目录树已经内置代码,仅当文章有h2 h3 h4标题 才会生成目录树,并且手机端不显示目录树。
注意:如果文章中没有h2
标题,只有h3 h4
标题是不会生成目录树的。
评论表情功能
表情图片存放在主题目录的Img/emoticon 文件夹下。默认12张图片。如果需要更改,则需要同步更改js/OwO.json 斗图
栏目的图片地址。 表情的颜文字和斗图的图片都是以json格式存储并调用的,所以修改需要对json有简单的了解即可。
主题下载
[download]https://github.com/ihewro/typecho-theme-handsome/[/download]