前言
博客自从转到 hexo后,由于忙于其他事情,都没时间去打理。废话不多说我们开始简单的操作。 只需要把从Wordpress的博客的代码 拷贝过来就完事 就两步用到的技术
键盘几个按键,和windows自带强大的记事本 第一步: 把以下代码添加到 找到你hexo主题的 ...先用我的目录做演示吧 找到 themes\geek\layout\_partial\footer.ejs 这个文件 (没错 还是footer) 开头加入<!-- 看板娘 -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/LonelyFinally/cdn/xuanbazhuanyongya.css"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!--此也是看板娘的一部分不过 ui会强行改变 待改进
-->
<div>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/LonelyFinally/sjiaw@1.0/flat-ui.min.css"/>
</div>
<!--此也是看板娘的一部分不过 ui会强行改变 待改进 -->
<div class="waifu" id="waifu">
<div class="waifu-tips" style="opacity: 1;"></div>
<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
<div class="waifu-tool">
<span class="fui-home"></span>
<span class="fui-chat"></span>
<span class="fui-eye"></span>
<span class="fui-user"></span>
<span class="fui-photo"></span>
<span class="fui-info-circle"></span>
<span class="fui-cross"></span>
</div>
</div>
<script src="https://cdn.jsdelivr.net/gh/LonelyFinally/cdn/live2d0/live2d.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/LonelyFinally/cdn/live2d0/waifu-tips.js"></script>
<script type="text/javascript">initModel()</script>
第二步:找到 themes\geek\layout_partial\head.ejs 这个文件
在 之前加入
<head>
<!-- 看板娘 -->
<div class="site-content-contain">
<div id="content" class="site-content">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/LonelyFinally/sjiaw@1.0/waifu.css"/>
<script src="https://cdn.jsdelivr.net/gh/LonelyFinally/sjiaw@1.0/jquery.min.js"></script>
<!-- 看板娘 -->
</head>