自制Typecho主题——Ayaka。就是目前本站在使用的主题~
这是我做的第一个主题,几年前就想着做了,奈何太懒没时间一直没去弄。
目前这个主题主要是根据我自己的需求来做的,感觉自己弄还是方便折腾些

虽然也考虑过hexo或者gatsby之类能用前端技术写的静态博客,
想到可能还是动态的方便些就继续采用typecho了

主题介绍

ayaka_cap.jpg
Ayaka是一款基于响应式设计的简约风博客主题,支持Instantclick(Pjax)无刷新预加载。Ayaka这个名字是取自《原神》里我喜欢的一个游戏角色的名字。

预览地址

链接:https://mr158.cn

下载地址

链接:https://github.com/MR158/Ayaka

主题特性

  • 简约设计风格
  • 响应式设计,支持手机和平板
  • Instantclick(Pjax)无刷新预加载
  • PC端文章页多级导航
  • 代码高亮
  • 无JQ库
  • 图片懒加载
  • 短代码支持(友链)

个别使用指南

文章缩略图

在文章下自定义字段中输入,

自定义名称:thumbnail
字段值:[图片地址]

即可指定文章的缩略图 (默认使用文章内第一张图片)

短代码

友链用短代码:

[friends]
[link href="链接" title="描述" avatar="头像地址"]名字[/link]
...
[/friends]

添加在文章中即可,具体效果见我博客友链页

版本日志

v1.1

修复了亿些BUG
添加了短代码支持(目前仅支持友链样式
添加了图片懒加载
添加了或许没啥用的全局Loading效果(默认关闭
添加了404页模板
添加了单栏页面模板

v1.0

写了三天左右完成了基本上能用的功能后就发布了!
除了有不少需要完善的功能,说不定有什么BUG在等着我去修复

添加新评论

已有 37 条评论

  1. 泽泽

    主题很棒哈,我也觉得还是动态博客用起来舒服些

  2. 泽泽

    主题很棒哈,我也觉得还是动态博客用起来舒服些

  3. Meekdai

    好久好久没来看过了,你做的主题挺漂亮的啊~

  4. 星期四

    厉害爱

  5. 22攻略

    非常感谢你分享这篇文章,我从中学到了很多新的知识。

  6. 不愿透露姓名的程同学

    不愿透露姓名的程同学

    搭建出来 测试评论 都不显示 后台也没有

    1. mr158

      mr158

      博主

      因为主题有用Pjax,所以需要在评论设置里关闭反垃圾保护。过滤垃圾评论的可以去使用其他第三方插件比如SmartSpam之类的

  7. starryiu

    为何发emoji表情会报错捏?

  8. starryiu

    厉害

  9. 神秘布偶猫

    换友链吗,我博客:www.ifalse.cn

  10. 空

    请问下作者网站顶部图片可以设置成自适应么

    1. 空

      手机端可以完美显示电脑端显示不全看着好难受呀QAQ