Argon下载地址：solstice23/argon-theme: 📖 Argon – 一个轻盈、简洁的 WordPress 主题

Argon美化了使用一些上古代码，在这做一下自己的美化记录。注：摘录大佬美化步骤仅为整合本博客的美化过程所需，代码来源已在文末汇总！

添加看板娘

首先在Argon主题设置里找到页脚脚本一栏，并将这串代码复制到这里

<!-- Load TweenLite -->
<script src="https://cdn.jsdelivr.net/npm/greensock@1.20.2/dist/TweenLite.js"></script>
 
<!-- Copyrighted cubism SDK -->
<script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
<!-- Load Pixi (dependency for cubism 2/4 integrated loader) -->
<script src="https://cdn.jsdelivr.net/npm/pixi.js@5.3.6/dist/pixi.min.js"></script>
<!-- Load cubism 4 integrated loader -->
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display@0.3.1/dist/cubism4.min.js"></script>
 
<!-- Load pio and alternative loader -->
<link href="https://cdn.jsdelivr.net/gh/journey-ad/blog-img@76ba2b3/live2d/lib/pio.css" rel="stylesheet" type="text/css"/>
<script src="https://cdn.jsdelivr.net/gh/journey-ad/blog-img@76ba2b3/live2d/lib/pio.js"></script>
<script src="https://cdn.jsdelivr.net/gh/journey-ad/blog-img@76ba2b3/live2d/lib/pio_sdk4.js"></script>
<script src="https://cdn.jsdelivr.net/gh/journey-ad/blog-img@76ba2b3/live2d/lib/load.js"></script>

这个时候博客左下角可能会出现一个大号嘉然，只需在后台->外观->自定义->css里输入以下代码来控制大小即可

#pio {
	height: 240px;
    vertical-align: middle
}

无效的话可以尝试修改看板娘代码里的css链接为你的博客链接

<link href="https://换成自己的/pio.css" rel="stylesheet" type="text/css"/>

感谢以下大佬的代码

• 叶小兽のBlog.【首发】如何将嘉然live2D添加到博客网站当看板娘

• 如诗： argon主题调整日记

• 夜月之域：Argon主题美化

• 小鸟： Argon 主题修改记录

• Argon： http://argon-docs.solstice23.top/（官方）

• 笨笨： Docker系列 WordPress系列 配置argon主题

• Echo’s blog：Argon主题博客美化

• 小灰灰的笔记：如何在 WordPress 中实现特定页面链接在新窗口中打开

部分网站需自备魔法环境