2021 hexo matery主题个性魔改

Codecheng2021

于 2021-05-12 19:41:33 发布

阅读量3.9k

点赞数 5

分类专栏： hexo系列博客搭建文章标签： hexo

本文链接：https://blog.youkuaiyun.com/Zz_cheng/article/details/116719634

版权

本文详细介绍了如何个性化修改hexo matery主题，包括添加雪花飘落效果、星空动态背景、背景图片美化、首页轮播图高度调整、导航栏动态渐变色、屏蔽网页源码、水平分割线和卡片样式改进、自定义个人主页和实现个人简介HTML页面等，通过这些步骤，可以提升博客的视觉效果和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

hexo matery主题个性修改

先来看看效果：

找到你的博客目录，在主题在/themes/matery/layout/layout.ejs 中写下如下代码即可

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xgjB6KED-1620877752253)(https://7.dusays.com/2021/05/13/bdb359b4bc530.svg)]

效果：

使用html5中canvas，配合jQuery库实现的效果，实现代码：

在/themes/matery/layout/layout.ejs文件中加上以下代码，注意如果没有效果，看是否引入jQuery依赖，一定要有！！！

<!--动态背景-->
<div id="DynamicBackground"><canvas></canvas><canvas></canvas><canvas></canvas></div