hexo美化

六月 21, 2018

1.本站使用的主题diaspora
去除hexo版权信息;找到diaspora/layout/_partial/menu.ejs删除下面这段代码即可

<p id="copyright">
        &copy; <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %>.
        <span> | </span>Powered by <%- link_to("https://hexo.io/", "Hexo", {external: true})%>
        <span> | </span>Theme <%- link_to("https://github.com/Fechin/hexo-theme-diaspora", "Diaspora", {external: true})%> by Fechin
		<% if (theme.beian.enable){ %>
		<span> | </span><a rel="nofollow" href="<%=theme.beian.link%>" target="_blank"><%=theme.beian.beianInfo%></a>
		<%}%>
    </p>

修改”常也”logo,途径/diaspora/source/img/logo.png，可以去艺术字体生成网站生成一个背景透明的logo

2.添加鼠标点击爱心效果，将下面这段代码添加到/主题目录/layout/layout.ejs 文件末尾:

1	<script type="text/javascript" src="//cdn.jsdelivr.net/gh/miccjing/CDN/js/love.js"></script>

3.背景添加动态线条效果/主题目录/layout/layout.ejs 文件末尾添加以下代码:

1	<script async src="//abbw.gitee.io/asset/js/canvas-nest.min.js" color="0,0,255" opacity='0.5' zIndex="-2" count="200"></script>

color：表示线条颜色，三个数字分别为(R,G,B)，默认：（0,0,0）
opacity：表示线条透明度（0~1），默认：0.5
count：表示线条的总数量，默认：150
zIndex：表示背景的z-index属性，css属性用于控制所在层的位置，默认：-1

4.添加鼠标点击烟花爆炸效果
在 /主题目录/layout/layout.ejs 文件末尾添加以下代码:

1
2
3

<canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 1; pointer-events: none;" ></canvas> 
<script type="text/javascript" src="//cdn.jsdelivr.net/gh/miccjing/CDN/js/anime.min.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/gh/miccjing/CDN/js/fireworks.js"></script>

5.添加网站雪花飘落效果
在 /主题目录/layout/layout.ejs 文件末尾添加以下代码:

样式一

1 2	<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="//abbw.gitee.io/asset/js/snow.js"></script>

样式二

1 2	<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="//abbw.gitee.io/asset/js/snow2.js"></script>

6.添加网站樱花飘落效果
在 /主题目录/layout/layout.ejs 文件末尾添加以下代码(如需手机显示把768改为即可):

<script type="text/javascript">
var windowWidth = $(window).width();
if (windowWidth > 768) {
document.write('<script type="text/javascript" src="//cdn.jsdelivr.net/gh/miccjing/hexo/js/sakura.js"><\/script>');
}
</script>

查看评论