NexT高亮主题

发表于 | 更新于: | 分类于 ， | 阅读次数
字数统计: 248 字 | 阅读时长 ≈ 1 分钟

Fixed代码块背景框
hexo发布主题样式未及时更新

Fixed代码块背景框

theme自定义路径：blog\themes\next\source\css_custom\custom.styl

要点：站点样式最终由index.css和main.css决定，但index优先级高于main，所以再属性不能生效时，采用!important标记

1
2
3
4
5
6
7
8
9
10
11
12
13
// Custom styles － css.
// 去除代码块顶部边框
table tr {
	border-top: none !important;
}
// 代码块整区域边框圆角效果
.highlight {
	border-radius: 4px;
}
// 去除代码块代码区域背景框
.highlight pre {
	border: none !important;
}

hexo发布主题样式未及时更新

本地修改主题预览没问题，发布到自己服务器，内容更新但修改的主题样式没有更新

调查过程：新的自定义主题修改式样，已经正确存储到自己服务器blog中
原因：浏览器缓存问题
解决方案：清除本地过去一小时的缓存的图片和文件