本文最后更新于2019年03月31日;如遇问题,请留言及时通知站长。

typecho theme --- scrat

主题:Scrat

Scrat,斯克莱特,看过电影《冰河世纪》的小伙伴都会对这只为了一颗松果拼死拼活,造成冰河时代天崩地裂,大陆漂移的小松鼠印象深刻。主题取名 Scrat ,寓意 “始终如一,砥砺前行”。

     作者  :Sirit
     网站  :http://www.sirit.com.cn/
  GitHub :typecho-theme-scrat
演示网站:http://www.sirit.com.cn/001/

typecho-theme-scrat-1typecho-theme-scrat-2
typecho-theme-scrat-4typecho-theme-scrat-4
typecho-theme-scrat-5

【测试环境】

Windows 10 教育版 64位:

  • Microsoft Edge 44.17763.1.0( Microsoft EdgeHTML 18.17763 )
  • Google Chrome 73.0.3683.86(正式版本) (64 位)

macOS Mojave Version 10.14.3 英文版:

  • Safari Version 12.0.3 ( 14606.4.5 )
  • Google Chrome Version 73.0.3683.86 ( Official Build ) ( 64-bit )

iPad mini 4 --- iOS 12.2

  • Safari 浏览器

HUAWEI Mate9 EMUI 8.0.0

  • Chrome 72.0.3626.105
  • Quark 夸克浏览器 3.1.0.102

【设置说明】

设置外观

站点 LOGO (必填)
ICP备案号(选填)

归档页面

在绿框中选择归档页面模版,填写红框(会显示在标题中)和蓝框(即首页左栏的归档链接地址),然后发布页面即可。
创建归档页面

友链页面(http://www.sirit.com.cn/index.php/archives/405/

采用无模板新建独立页面,在内容中按照如下格式输入代码,每一个友情链接格式都和下面一样:

<a target="_blank" class="linktext" href="http://www.sirit.com.cn/"><img src="http://www.sirit.com.cn/siritlogo.png" class="linkimgs" alt="大嘴狗的小空间" title="大嘴狗的小空间 | 真正的幸福在于对平淡生活的热爱"/>大嘴狗的小空间</a>

typecho-theme-scrat-links

【改动说明】

version 0.7

两栏设计,左栏固定( width:300px; position:fixed; )

将侧边栏 sidebar 去掉,将 分类 移到左侧固定栏中

左栏下方添加【归档】【留言】【友链】【关于】【GitHub】【RSS】图标,注意需要自行修改 header.php 文件中的代码。在下面的代码中,修改每个图标的地址( img src= )和相应的链接页面( a href= )

<div id="sixlogos">
<a  href="/index.php/achives.html" ><img class="siximgs" src="http://www.sirit.com.cn/6achive.png" title="归档"/></a>
<a  href="/index.php" ><img class="siximgs" src="http://www.sirit.com.cn/6guestbook.png" title="留言"/></a>
<a  href="/index.php" ><img class="siximgs" src="http://www.sirit.com.cn/6links.png" title="友链"/></a>
<a  href="/index.php/start-page.html" ><img class="siximgs" src="http://www.sirit.com.cn/6about.png" title="关于"/></a>
<a target="_blank" href="https://github.com/ZhangJun1015" ><img class="siximgs" src="http://www.sirit.com.cn/6github.png" title="Github"/></a>
<a target="_blank" href="<?php $this->options->feedUrl(); ?>" ><img class="siximgs" src="http://www.sirit.com.cn/6rss.png" title="RSS"/></a>
</div>

将页脚 footer 移至左栏

version 0.8

创建 归档页面、友链页面
修改 归档页面、友链页面 的 CSS 样式

version 0.9

页面自适应( 已测试 iPad mini 4 和 华为 Mate9 )