全屏响应式精美typecho主题handsome

该Typecho模板原形为收费静态html模板angulr,基于bootstrap响应式框架,采用界面十分友好的扁平化风格设计,主题本身内置3套自定义页面模板,4种布局、14种风格,每一处的颜色,随意改变,随心打造你想要的风格界面。handsome主题是一款不可多得的免费typecho模板。

全屏响应式精美typecho主题handsome

主题特色
  • 主题使用instantclick.js ,鼠标悬浮在链接上即可预加载页面,速度提升。
  • 主题使用bootstrap框架,自适应任何屏幕尺寸。在手机端仍然界面友好。
  • 主题内置3套自定义页面模板,4种布局、14种风格,每一处的颜色,随意改变,随心打造你想要的风格界面。
  • 主题内置三套自定义页面模板——“时光机”和“文章归档”和“友情链接”。
  • “时光机”——类似于说说,方便记录生活的一言一语,并且在首页会显示最新三条。
  • “文章归档”——页面使用时间线的css风格,美观好看
  • 全站有各种小部件,如“热门文章”、“最新评论”、“随机文章”、“标签云”,满足大多数的需求。
  • 前台可以登录,注销,操作方便。
  • 首页文章缩略图功能,输出顺序分别书:thumb字段——附件第一个图片——文章插入第一张图片——随机输出缩略图
  • 使用links插件,管理友情链接更简单!
  • 强大的后台功能,在这里,设置一切你想改动的。
  • 使用阿里妈妈iconfont图标,简单轻巧。
使用说明:

1、从github下载主题,把解压后的文件夹名称改为handsome,并上传到usr/themes/目录。

2、把插件文件夹里面的两个插件文件夹上传到usr/plugins/目录下,然后删除主题文件夹下面的插件文件夹。

3、启用主题后必须要新建”时光机”独立页面(具体设置方法见使用说明第4点),否则页面是错位的。

4、主题内置多种独立页面的自定义模板:

  • “时光机”:独立页面的缩略名必须是:cross,与前台一些链接已经绑定了。
  • “文章归档”: 缩略名随意
  • “友情链接”: 缩略名随意,该自定义页面模板调用links插件的链接。请填写链接描述和链接分类(很重要),无需填写链接图片和自定义数据。
  • 链接分类ten:为全站链接
  • 链接分类one:为内页链接
  • 链接分类goog:为推荐链接

5、使用原生评论,请关闭后台的反垃圾保护和检查评论来源页 URL 是否与文章链接一致(后台设置——评论)。

6、请设置合适的评论回复层数(由于每回复一次,都会向右缩进一定距离,设置太多,手机端会有样式问题):后台——设置——评论——回复层数(建议4—6)。

7、添加第三方统计代码(如CNZZ、google analysis)不需要<script></script>标签,直接把js代码复制到设置框就可以!否则会发生错误!!

8、主题需要安装BufannaoCms插件,用于右侧边栏热门文章、随机文章(可在插件后台填写设置随机文章数量和热评文章数量,其他任何设置项无需填写);Links 插件, 用于在后台的管理栏目下显示友情链接 ,便于增删链接。

9、建议开启伪静态,否则可能出现未知错误(暂未做对未开启伪静态的适配):后台——设置——永久链接——是否使用地址重写功能(选择是)

推荐插件:

以下插件与本主题完全兼容。

  • AutoTags:标签自动生成插件
  • CommentToMail:评论邮件提醒插件
  • QNUpload:七牛 附件上传插件,来自兜兜的BAE插件…
  • SmartSpam:智能评论过滤器,让机器人彻底远离你!
模板下载:

使用版:typecho-handsome.zip

开发版:typecho-handsome.zip

备份下载:typecho-handsome.zip

注:使用版和开发版功能完全相同,但是开发版完全保留了未压缩代码并且使用npm配置了grunt自动压缩任务,更方便修改代码。使用版文件精简到极致,更适合正式使用!为了减轻负担,开发版只会在版本号x.y.z的y位变动时候才会同步更新。

发表留言