本人主要使用主题已经迁移,Grace主题预览请移步: https://grace.ztyang.com

说明

Grace主题基于INIS博客系统API使用了Vue3和element-Plus进行开发。

因为技术有限,起初的想法是自己随便折腾自己使用,并不打算发出来的。但是在完成一些基本功能之后,受到了不少小伙伴的支持和关注,也收到了许多优秀的建议,再此感谢各位小伙伴的支持。

源码已经发在了github上面,有兴趣的同学可以自行下载二开:

https://github.com/ztyangt/inis-theme-grace

这个主题还存在许多隐藏的问题,后面会在不断进行修复和完善。为了让各位小伙伴更加顺畅愉快地使用,特在此对本主题的使用进行详细说明。

安装

  1. 安装方法
    将静态文件包下载下来上传至网站根目录进行解压即可。
  2. 主题配置
    如果你是第一次安装,数据库里没有保存主题的配置数据,会有如下提示:

    这时候需要进行登录操作,然后点击侧边设置按钮,可以进入主题的设置页面,在该页面填写好配置数据,保存提交即可。

首页

首页主要分为三个板块:

  1. 置顶文章轮播,需要设置置顶文章才会显示
  2. 音乐播放器,需要在主题后台打开音乐播放器的显示开关

    然后在INIS后台填写播放的歌单信息即可:

    这里支持多个歌单选择切换(注意:VIP歌曲不能播放
  3. 关于,首页的最后一个板块,需要在INIS后台新建一个页面,别名为 about,然后填写内容即可

文章

[text class="text-danger"]文章页面[/text]将展示所有除了[text class="text-danger"]相册[/text]和[text class="text-danger"]日记[/text]分类下的所有可见文章,点击右上角更多图标可以选择文章分类:

日记和相册

日记和相册是两个特殊的分类,需要在后台进行选择配置,不填则不显示该页面

  1. 日记
    日记是一个文章分类,在主题后台选择一个分类作为日记,则这个分类下的所有文章将展示在日记页面

    日记作为本主题的一个特殊分类,在设计上只展示文字,过滤掉图片。
  2. 相册
    同样,相册也需要在主题后台选择一个分类作为相册展示,相册分类下的文章将过滤掉文字,只展示图片

动态

该页面的设计就是一个博客版的朋友圈,在这里你可以记录、发泄、分享。
因为只有作者才有权限发表动态,所以只有在登陆之后,侧边才会展示动态发布按钮,点击即可发表说说

链接和留言

顾名思义,这里不多赘述。

修改路由模式

  1. 修改配置文件 config.js

  1. Nginx添加以下配置
error_page 404 index.html;
location / {
    try_files $uri $uri/ /index.html;
}