Gridea Theme Motify

自用 N 年主题转制 Gridea 完成！

Motify 20.03.13

仓库下载：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/[email protected]/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 %>">
<% } %>

欢迎打赏