这次的美化主要分为四个部分:
参考文章:Diaspora 主题美化日记 - 棕果核 (mrzgh.top)
因为原文作者写文章使用的编辑器不是Typora,所以他的代码块美化这一点和我们有所区别
先贴图:
这里引用上文链接作者的一段话:
因每个人的目录都不同,设定博客根目录为 Blogroot,主题根目录为 Themeroot
解决办法就是在 Themeroot\source\css\diaspora.css
中添加如下样式代码:
/* 设置代码块隐藏滚动条 */
pre::-webkit-scrollbar{
display: none !important;/* Chrome Safari */
}
pre{
scrollbar-width: none !important; /* firefox */
-ms-overflow-style: none !important; /* IE 10+ */
overflow-x: auto !important; /*确保内容可以滚动*/
}
/* 设置代码块显示宽度,给复制按钮留出空间 */
figure table{
width: 95% !important;
}
一定要注意路径问题,因为Blogroot下面也有一个同名的样式文件,不要修改错了
修改完成后重新运行hexo,就可以看到样式正常了,滚动也能正常使用:
hexo clean #清除缓存 网页正常情况下可以忽略此条命令,我是在css未生效之后才重新运行了这个命令
hexo g
hexo d