自制Typecho主题——Ayaka。就是目前本站在使用的主题~
这是我做的第一个主题,几年前就想着做了,奈何太懒没时间一直没去弄。
目前这个主题主要是根据我自己的需求来做的,感觉自己弄还是方便折腾些
虽然也考虑过hexo或者gatsby之类能用前端技术写的静态博客,
想到可能还是动态的方便些就继续采用typecho了
主题介绍
Ayaka是一款基于响应式设计的简约风博客主题,支持Instantclick(Pjax)无刷新预加载。Ayaka这个名字是取自《原神》里我喜欢的一个游戏角色的名字。
预览地址
下载地址
链接: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在等着我去修复
不愿透露姓名的程同学
搭建出来 测试评论 都不显示 后台也没有
mr158
因为主题有用Pjax,所以需要在评论设置里关闭反垃圾保护。过滤垃圾评论的可以去使用其他第三方插件比如SmartSpam之类的
starryiu
为何发emoji表情会报错捏?
starryiu
厉害
神秘布偶猫
换友链吗,我博客:www.ifalse.cn
空
请问下作者网站顶部图片可以设置成自适应么
空
手机端可以完美显示电脑端显示不全看着好难受呀QAQ
小阿七
头像挂了,在哪里修改呢
丁丁
替换下系统自带的头像源就行了,
大炮
感谢博主的主题,很喜欢hhh。但是想问一下 mathjax 的加载总是要手动刷新才生效,需要在哪里修改?
mr158
应该是instantclick的原因,你在script标签上加上data-no-instant属性试试
大炮
好像还是不行 hhhh。博主如果有时间的话到时候可以看看hhhh。
mr158
新的外链script标签还是需要修改文件引入哦
大炮
ok,我才看到hhhh。
mr158
我更新了!JS代码每次重载得放在InstantClick的监听事件里
大炮
感谢感谢!成功了hhhhh。不过因为我的引入方式是在线引入,所以我会在 footer 或者 header 写入在线引用的 (这个不知道是不是我做的比较繁琐),配合博主你更新的自定义 js 代码就可以了。
但是这样有个问题,手动刷新后只有 latex 块渲染成功,内嵌的也就是 $$ 内部的渲染会丢失。个人的解决方案就是在 footer 或 header 中写入自定义的 js 代码,这样也解决了手动刷新部分不渲染问题。
如果是我使用上的问题,博主可以指出来hhhh,这个我的确不太熟悉。
再次感谢博主的更新hhhh。
咕咕乔
催...催更|ω・)
青找
好厉害的姐姐
咕咕乔
在这里提几个建议吧
1.代码页不够漂亮,不可一键复制
2.字体有点发虚(也许是我的浏览器渲染问题)
3.加入表情包会更加有趣
4.随机文章头图
Bug:
主页顶部头图好像不支持随机图片API?
整体还是很漂亮的,简洁清新,是我喜欢的(๑•̀ㅂ•́)و✧
mr158
感谢宝贵的建议!我抽空完善一下!