📚

📰 看板娘

🔗 方案一

  在网络上普遍看到添加看板娘的方式都需要自己动手引入模型文件,对于我等萌新苦手来说还是有点麻烦的,但还是推荐大家自己动手试试。

  想自己手动引入的小伙伴们推荐大家观看此视频

此视频由一位名叫 hojun 的大佬制作!

  

🔗 方案二

  有位大佬将live 2d整理在github共享库里,根据他所提供的教程,我们只需要三个步骤。

  1. 打开blog/themes/Annie/layout/_partial/head.ejs
  2. 加载live 2d必备插件,在<head></head>之间添加代码

1
2
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>

  3. 加载live 2d插件,在<head></head>之间添加代码

1
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>

由于本主题自带jquery.min.js插件,所以在第2步骤时不需要引入
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
否则分类页面会无法使用!


  

📰 表情包

  大家可以看到我在写主题的时候会插入一些有趣的emoji,但我只使用了一点点,这个emoji的内容之丰富还是很大家自己去看,本表情包是由hojun大佬制作,这里是网址 

  1. 安装插件:进入blog文件夹,右键鼠标选择 Git Bash Here,输入代码

1
$ npm i hexo-tag-emojis-byhj --save

  2. 进入blog/scaffolds/post.md,在---后添加代码

1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/honjun/hexo-tag-emojis-byhj/css/emoji.css">

  3. 进入blog文件夹,右键鼠标选择 Git Bash Here,新建page页

1
hexo new page  //page可更改为任意文件名

那么从现在开始,只要是新建的页面都会自动引入emoji插件,如果是旧文件,只需要将代码引入文章开头即可。

  4. hojun大佬整理的emoji页面,目前插件的所有表情,点击表情自动复制,直接粘贴即可。

由于本主题使用了fancybox,所以使用表情会自动最大化,所以我们还需要更改blog/themes/Annie/source/css/_main.styl内容。
_main.styl文件内的第308和341行代码width: 100%;删除,即可恢复正常。


  

📰 网页在线通讯功能

  1. 注册Daovioce帐号 

  2. 安装到博客。

    2.1 进入Daovioce之后,点击应用设置,再点击安装到网站。在您想和谁沟通的第3项里找到app_id: "你的app_id"并记住。 

    2.2 在blog/themes/Annie/layout/_partial/head.ejs<head></head>之间引入代码

1
2
3
4
5
6
7
<script>
(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/你的app_id.js","daovoice")
daovoice('init', {
app_id: "你的app_id"
});
daovoice('update');
</script>

    2.3 进入主题_config.yml添加内容

1
2
3
# Online contact 
daovoice: true
daovoice_app_id: your_app_id

  3. 发布到网站。

  hexo命令重新生成并发布即可!


◈ 本文到此结束,感谢您的耐心,希望本文对您有所帮助 ◈
相关文章
评论
分享
  • 为博客添加加密功能

    输入密码查看文章内容,博客密码:password Incorrect Password! No content to display! U2FsdGVkX1/NC2NLaftzBFnbYUU8...

    为博客添加加密功能
  • 动态网页标签

    📰 操作步骤  1. 打开 header.ejs,位置blog\themes\Annie\layout\_partial\header.ejs。     2. 复制以下代码到header.ejs文件内</header&g...

    动态网页标签
  • Hexo博客搭建步骤

    如果您和我一样都是小白,那么恭喜您!看完这篇文章,您也可以拥有这样的一个博客 📰 前 言本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处!    📰 准备工作 1.  node.js 下载,并安装。...

    Hexo博客搭建步骤
  • 友情链接

    🍊 在这里留下你的友情链接吧,格式: 名称: 咸鱼博客头像: https://cdn.jsdelivr.net/gh/yydds/cdn@master/logo.png链接: https://www.yydds.cc描述: ...

    友情链接