自制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在等着我去修复

添加新评论

已有 44 条评论

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

    不愿透露姓名的程同学

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

    1. mr158

      mr158

      博主

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

  2. starryiu

    为何发emoji表情会报错捏?

  3. starryiu

    厉害

  4. 神秘布偶猫

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

  5. 空

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

    1. 空

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

  6. 小阿七

    小阿七

    头像挂了,在哪里修改呢

    1. 丁丁

      丁丁

      替换下系统自带的头像源就行了,

  7. 大炮

    感谢博主的主题,很喜欢hhh。但是想问一下 mathjax 的加载总是要手动刷新才生效,需要在哪里修改?

    1. mr158

      mr158

      博主

      应该是instantclick的原因,你在script标签上加上data-no-instant属性试试

      1. 大炮

        好像还是不行 hhhh。博主如果有时间的话到时候可以看看hhhh。

        1. mr158

          mr158

          博主

          新的外链script标签还是需要修改文件引入哦

          1. 大炮

            ok,我才看到hhhh。

        2. mr158

          mr158

          博主

          我更新了!JS代码每次重载得放在InstantClick的监听事件里

          1. 大炮

            感谢感谢!成功了hhhhh。不过因为我的引入方式是在线引入,所以我会在 footer 或者 header 写入在线引用的 (这个不知道是不是我做的比较繁琐),配合博主你更新的自定义 js 代码就可以了。

            但是这样有个问题,手动刷新后只有 latex 块渲染成功,内嵌的也就是 $$ 内部的渲染会丢失。个人的解决方案就是在 footer 或 header 中写入自定义的 js 代码,这样也解决了手动刷新部分不渲染问题。

            如果是我使用上的问题,博主可以指出来hhhh,这个我的确不太熟悉。

            再次感谢博主的更新hhhh。

  8. 咕咕乔

    催...催更|ω・)

  9. 青找

    好厉害的姐姐

  10. 咕咕乔

    在这里提几个建议吧
    1.代码页不够漂亮,不可一键复制
    2.字体有点发虚(也许是我的浏览器渲染问题)
    3.加入表情包会更加有趣
    4.随机文章头图
    Bug:
    主页顶部头图好像不支持随机图片API?

    整体还是很漂亮的,简洁清新,是我喜欢的(๑•̀ㅂ•́)و✧

    1. mr158

      mr158

      博主

      感谢宝贵的建议!我抽空完善一下!