自用 N 年主题转制 Gridea 完成!
仓库下载:https://github.com/lmm214/gridea-theme-motify
使用指南
- 特殊 chat 日志样式,建议先客户端添加一个【标签】,把 slug 设置为
chat
,或自行修改模板内的判断; Motify/assets/media/images/
只放了4张图片reading.png
、chat.png
、coding.png
、daily.png
作为【归档页】的默认图标,需自行匹配或更换;- 内置
books.ejs
、moives.ejs
、friends.ejs
模板,客户端主题自定义添加内容后,访问链接为https://你的域名/friends/
; - 远程到 Github 才支持 jsDelivr 加速;
- 日志图片瀑布流使用
<photos></photos>
包裹,且不换行才有效; - 支持《文章内显示豆瓣条目》;
提速小记
- 给 img 加上
loading='lazy'
开启 chrome 延迟图片加载; - 图片启用 webp 格式,又拍云加图片后缀
!/format/webp
,七牛云加 `` ; - 字符图标文件托管到七牛云;
- @font-face 内加入
font-display:swap
; - 页脚添加 https://instant.page/ ;
<script src="//fastly.jsdelivr.net/npm/instant.page@3.0.0/instantpage.min.js" type="module"></script>
- 首页、日志页分别添加预加载 prefetch;
index.ejs
<% if (pagination.prev) { %>
<link rel="prefetch" href="<%= pagination.prev %>">
<% } %>
<% if (pagination.next) { %>
<link rel="prefetch" href="<%= pagination.next %>">
<% } %>
post.ejs
<% if (post.prevPost) { %>
<link rel="prefetch" href="<%= post.prevPost.link %>">
<% } %>
<% if (post.nextPost) { %>
<link rel="prefetch" href="<%= post.nextPost.link %>">
<% } %>