Npcink Blog
切换菜单
本页目录3 节

Apollo 是一种移植 Hexo 主题-apollo 的 Typecho 极简主题,原作者是 pinggod,主题整体风格模仿 Vue.js 官网,比较适合用于做笔记和技术文章分享。

我已将其移植到 Typecho 平台,并相对应做好一些扩展与丰富,喜欢的话就用起来吧。

特性

  • 响应式设计
  • 简约轻量,不依赖多余的第三方 js 库
  • 支持 Typecho 原生评论
  • InstantClick 预加载
  • Prism.js 代码高亮、Pangu.js 中英文分词

使用帮助

一、主题安装

下载并解压,请将解压得到的目录重命名为apollo,然后将其上传至usr/themes目录中。
在 Typecho 后台「控制台 - 外观」中启用即可。

二、主题外观设置

在 Typecho 后台「外观-设置外观」中,可以设置本主题的 Favicon 和 Logo,也可以设置是否开启 InstantClick 预加载。如果要开启 InstantClick 预加载,请先到 Typecho 后台「设置 - 评论」中关闭「反垃圾保护」,否则将会出现无法正常评论的情况。

三、善用摘要分割符

主题文章列表页会默认显示由摘要分隔符<!--more-->分割的摘要,如果文章不存在此摘要分割符,则会取文章前 255 个字符作为文章摘要(无格式)。

推荐使用<!--more-->摘要分割符为文章设置摘要。在 Typecho 的 Markdown 编辑器中,可以使用CTRL + M插入摘要分隔符,或直接点击编辑器上方的摘要分割小图标。

四、代码高亮的使用

主题集成了 Prism.js ,需要指定代码高亮的语言(此处用 Python 作为例子),Markdown 用法是:

``python
filename=open('sampleFile.txt')
filelines=filename.readlines()
filename.close()
``

高亮效果如下

代码高亮效果

五、修改导航栏链接

在header.php文件的39行到53行,相信聪明的你知道怎么更改,唯一要注意的是别忘了那条关于 active 类的判断语句。

六、归档页面与友情链接页面添加

在 Typecho 后台新建独立页面,在自定义模板中选择archives,正文留空,然后保存,即可添加归档页面。
同理,自定义模板选择links,即可添加友情链接页面,正文推荐使用「无序列表」来展示友情链接。

七、在主题中使用 APlayer

作者的已经不再维护,可以使用作者推荐的:

更新历史

1.0.2 (2017-08-18)

  • 移动端 h3 样式修正
  • 归档页面 bug 修复

1.0.1 (2017-08-02)

  • 代码高亮、h3 标题样式修改