美化Hexo的Yilia主题Gitalk评论框

怎么在Yilia主题中配置使用Gitalk这里就不说了，可以参考下面这篇文章

Hexo主题yilia增加gitalk评论插件

现在主要记录下怎么简化Gitalk评论框的显示，默认的有几点不太好

1. 有issues的链接
2. 没有评论的时候有一行文字提示
3. 有Markdown语法链接

所以有必要修改下，尽量与主题Yilia的简美风格保持一致。其实修改起来也比较简单，只要修改themes\yilia\source-src\css\comment.scss，在文件的最下面增加如下代码，之后编译下主题即可。

.comment {
	.gt-comments-null {
		display:none;
	}
	.gt-counts {
		a {
			color:black;
			border-bottom:0;
			pointer-events:none;
		}
	}
	.gt-ico-tip {
		display:none !important;
	}
	.gt-btn-public {
		.gt-btn-text:after{
			content:"(Ctrl+Enter)";
		}
	}
}

最后附2张修改前后的截图~

赏

谢谢你请我喝咖啡

支付宝

微信