对 hexo cactus theme做了一些调整

导航栏问题

在大屏幕上(宽度大于 1200),滚动后导航栏消失后再也不会显示了。
themes/cactus/source/js/main.js 中,原来的代码使用 menu.offset().top 来判定位置,这个在大屏幕上会有问题,改用 document.documentElement.scrollTo 解决问题。

if (menu.length) {
$(window).on("scroll", function () {
// fix the issue causing the nav never show again.
var topDistance = document.documentElement.scrollTop;// menu.offset().top;

// hide only the navigation links on desktop
const distanceLimit = 50;
if (!nav.is(":visible") && topDistance < distanceLimit) {
nav.show();
} else if (nav.is(":visible") && topDistance >= distanceLimit) {
nav.hide();
}

// on tablet, hide the navigation icon as well and show a "scroll to top
// icon" instead
if (!$("#menu-icon").is(":visible") && topDistance < distanceLimit) {
$("#menu-icon-tablet").show();
$("#top-icon-tablet").hide();
} else if (!$("#menu-icon").is(":visible") && topDistance >= distanceLimit) {
$("#menu-icon-tablet").hide();
$("#top-icon-tablet").show();
}
});
}

h2 前面出现 # 号

修改文件public/css/style.css中的content

article .content h2:before {
position: absolute;
top: -4px;
left: -1rem;
color: #2bbc8a;
/* content: "#"; */
content: "";
font-weight: bold;
font-size: 1.2rem;
}

TOC 菜单字体太小

修改文件public/css/style.css中的 #header-post #toc .toc-level-n,n 为 1,2,3,4,5,依次修改 font-size 属性。

正文可以调整 body {下的 font-size,默认是 14px

不太确定的是public/css/style.css这个文件是自带的还是生成的,但是 blog 编译时修改并不会被覆盖。

code颜色

这个是指单行的代码,原来的只是一个虚框,不是很明显。还是在public/css/style.css找到下面的代码,增加 color 字段:

code {
padding: 0 5px;
border: 1px dotted #908d8d;
border-radius: 2px;
-webkit-border-radius: 2px;
color: orangered;
}