Hexo-NexT主题美化参考文章鸣谢

2021-06-11 10:06:43 浏览数 (1)

一、写在最前

花了一点时间废寝忘食的把博客整理到了能看的地步,原来那样丑丑的界面已经是历史了。 然后我希望来看的同学也能少走许多弯路,这样子对大家都很好不是吗? 所以呢,我就把这几天参考的网页罗列了一下,我会标注我页面上的哪些效果是看的哪些,以后如果闲得慌我会根据这个把它们整理成一篇关于next主题的美化教程。

二、教程列表

1、主干配置

这个本身也是一个综合帖,涵盖了最多的方面,我也是顺着这个才开始一步步找到下面那些教程。

[打造个性超赞博客](https://reuixiy.github.io/technology/computer/computer-aided-art/2017/06/09/hexo-next-optimization.html)

2、阅读全文和文章阴影

这个算是一个查漏补缺,主页的阅读全文效果是看这段配置的 ,透明度也是看这里学会的。

[NexT(v7.0 )主题美化博客](https://blog.csdn.net/weixin_39345384/article/details/80785373)

3、live2D和DaoVoice

左下角这个小可爱和右下角的在线聊天是看这里的,其实头像旋转和爱心点击也是这里,不过这个其实在第一篇里就有引用了。

[next主题个性化:打造炫酷网站](https://shenzekun.cn/hexo的next主题个性化配置教程.html)

4、js和css自定义

这是一位前端大佬,如果说之前那些还是通过修改配置文件来开启官方整合的效果,这位基本全是自己加的特效,而且非常赞。

  • 基础教程,这些在上面基本都有涉及到

[hexo博客搭建以及next美化教程](https://me.idealli.com/post/e8d13fc.html)

  • valine的安装看第一个教程,这个样式还有一部分圆角的地方和二冲突,需要修改,按部就班的话,到这应该已经解决了。不过我发现这个valine老是挂,虽然匿名评论不错,但是匿名有daovoice了。

[valine评论框样式美化](https://me.idealli.com/post/2d5da13e.html)

  • tags界面的效果就是直接复用了这里的代码,复制粘贴真舒坦。

[彩色标签云](https://me.idealli.com/post/d6caa003.html)

  • 算是进阶教程,这个完全搞懂,前端基本也学的七七八八了。

[手动修改博客css样式](https://me.idealli.com/post/e17f6e4c.html)

5、Markdown教程

其实这个是最好找的,不过他的网页源代码对于我解决markdown语法的转义很有启发,所以一并在这里鸣谢。

[HEXO下的Markdown语法](https://anson2416.github.io/posts/ed86d43f/)

0 人点赞