Gride

最近发现一个不错的写博客系统Gride,可以很方便的编写主题。 Gride For Pure themes:修改highlight代码样式为prism代码样式

打开footer.ejs

删除最后一段代码

<script>
  prism.initprismingOnLoad()
</script>

打开head.ejs

删除文件里面有highlight的代码:

<!-- 就是这三行带有highlight的 -->
<script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets/highlight.min.js"></script>
<script src="https://cdn.bootcss.com/highlight.js/9.15.10/languages/dockerfile.min.js"></script>
<script src="https://cdn.bootcss.com/highlight.js/9.15.10/languages/dart.min.js"></script>
image-20201031113543312

在有link的地方在添加一行link,<meata> 标签下面

<link href="https://cdn.bootcdn.net/ajax/libs/prism/1.22.0/themes/prism.min.css" rel="stylesheet">

在有<script> 标签地方添加一行<script>

<script src="https://cdn.bootcdn.net/ajax/libs/prism/1.22.0/prism.min.js"></script>
image-20201031113333207

去除css样式

.gt-post-content code {
    background: #2d2d2d !important;
}
image-20201031124349553

最终效果:?

image-20201031123339851
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
HMAU » Gride主题