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

Motify 20.03.13

仓库下载:https://github.com/lmm214/gridea-theme-motify

Motify

使用指南

  • 特殊 chat 日志样式,建议先客户端添加一个【标签】,把 slug 设置为 chat,或自行修改模板内的判断;
  • Motify/assets/media/images/ 只放了4张图片 reading.pngchat.pngcoding.pngdaily.png 作为【归档页】的默认图标,需自行匹配或更换;
  • 内置 books.ejsmoives.ejsfriends.ejs 模板,客户端主题自定义添加内容后,访问链接为 https://你的域名/friends/ ;
  • 远程到 Github 才支持 jsDelivr 加速;
  • 日志图片瀑布流使用 <photos></photos> 包裹,且不换行才有效;
  • 支持《文章内显示豆瓣条目》;

提速小记

pageseed.png

  • 给 img 加上 loading='lazy' 开启 chrome 延迟图片加载;
  • 图片启用 webp 格式,又拍云加图片后缀 !/format/webp ,七牛云加 `` ;
  • 字符图标文件托管到七牛云;
  • @font-face 内加入 font-display:swap
  • 页脚添加 https://instant.page/ ;
<script src="//cdn.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 %>">
<% } %>

欢迎打赏

微信打赏
微信打赏