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标题样式修改