valine评论样式

valine 评论样式

修改css文件

hexo 主题很人性化的为我们提供了一个custom.styl文件

我们只需要在css中定制化自己的样式即可。

当然需要掌握一点基础的前端知识

所以我们要知道如何找到评论的标签css类名,我为了简单点,直接参考兰州小红鸡的文章。感谢大佬提供的代码,包括了大部分的css类名。

将大佬提供的css代码,复制到自己的custom.styl中即可。然后部署就可以有新的样式。

定制化自己的样式

很简单,我们只需要修改html页面中标签的css样式即可。

打开谷歌浏览器F12打开控制台

点击小箭头,在你的评论区处,选择一个标签,比如我们选择这个楼层号。

就可以直接看到这是一个div,修饰的css是.vhead:before

我们在custom.styl中,可以找到他

然后就可以修改自己想要的样式啦~