MENU

好看的typecho主题handsome

February 9, 2017 • Read: 13868 • 网络笔记,网站源码

前言

从博客开始,博主就一直在尝试各种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]

主题演示

I520 

Last Modified: March 16, 2017
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

7 Comments
  1. 厉害了我的大佬

  2. http://allocating.one

  3. payday loans denver online payday loans no credit check <a href="http://cashadvances2017.com"> payday loans online</a> guaranteed payday loans same day payday loans

  4. generisk USA, http://sverige-apotek.life/grifulvin-v.html , kostar USA.

  5. Key aspects from the campaign in each market include:.

  6. 主题比程序大系列。。。

  7. 小强强 小强强

    距次哦聚餐