一款简洁的Gridea主题

介绍

在2月~4月末期间,我在着手编写一款Gridea的主题,同时也用作个人博客的主题,现在它开源了。

简单介绍一下Gridea:这是一个静态博客写作客户端,我们在本地用Markdown写文章,它负责把文章和配置一起生成整套静态页面,再推送到GitHub Pages这类托管服务上就能访问。主题就是套在Gridea外面的一层模板,页面长什么样、有哪些小特效,基本都由它决定。

这是一款Gridea主题,使用简单快速,功能也比较丰富,方便你按需扩展。整体走的是简洁路线,常用的功能基本都在面板里,不动代码就能用起来。

这里放一个正在使用本主题的网站,大家可以关注一下:https://blog.srlove.top/

下载

你可以通过我的GitHub仓库进行克隆:https://github.com/iMinloha/purem.git

1
git clone https://github.com/iMinloha/purem.git

克隆下来之后,把整个主题文件夹放进Gridea的主题目录里,在客户端的主题列表里选中启用就行。

配置问题

对于配置文件里的CDN,你只需要将Gridea生成的media文件夹与styles文件夹上传到CDN即可。上传后保持这两个文件夹的相对路径不变,否则主题引用的静态资源会加载失败。比如原来写的是media/xxx.css,传到CDN上以后还得是同样的层级,中间多加或少加一层目录,页面就会掉样式。

如果没有CDN,留空即可,这时候资源走本地路径,打开速度会慢一些,功能不受影响。

脚本目录:assets\media\scripts

该目录下的脚本及用途如下,不需要的功能直接删掉对应文件即可。删完脚本记得去footer.ejs里把对应的导入语句处理掉,不然浏览器控制台会报404。

anime.min.js 烟花特效用到的动画库

des.js 点击次数统计

dialog.js 分享二维码的相关js

fireworks.js 烟花特效

index.js 移动端菜单栏的相关js

mouse_text.js 点击body时出现的悬浮文字

time_add.js 时间累加

顺便说几个开发时留下来的问题:面板里没有加博客运行时间的配置项,所以要改运行时间,只能手动去time_add.js里改数字;移动端用户的菜单栏可能会出现显示问题,用的时候留意一下。另外,在任意页面单击网页的头图,都会弹出当前页面的分享二维码,主题里还带了Aplayer播放器,可以用来播网易云音乐。

更新说明

目前该主题已经停止更新,任何以本主题名义进行的收费活动均与本人无关。

总结

主题的下载和配置就是上面这些内容,容易踩坑的主要是CDN路径和脚本目录这两块,注意一下就行。感兴趣的可以直接克隆一份,按自己的口味改着玩。


一款简洁的Gridea主题
https://blog.minloha.cn/posts/080405a31098562021050425.html
作者
Minloha
发布于
2021年5月4日
更新于
2021年5月4日
许可协议