Apollo - Typecho极简主题

apollo 是一款移植自 Hexo 的 Typecho 极简主义主题

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

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

Apollo - 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()
```

高亮效果如下

Apollo - Typecho极简主题
代码高亮效果

五、修改导航栏链接

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

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

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

七、在主题中使用 APlayer

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

Apollo - Typecho极简主题-Npcink
Apollo - Typecho极简主题-Npcink

APlayer Typecho - 在线音乐播放器Typecho插件

更新历史

1.0.2 (2017-08-18)

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

1.0.1 (2017-08-02)

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

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
Typecho

APlayer Typecho - 在线音乐播放器Typecho插件

2020-3-5 21:56:46

Typecho

Spopu - 个人作品展示类Typecho主题

2020-3-13 2:01:16

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索