环境

• ubuntu22.04
• docker:24.0.6
• mariadb:5.5
• WordPress最新镜像

数据库无法连接的问题

由于我的数据库与WordPress均使用docker运行，WordPress无法直接通过127.0.0.1:3306链接到数据库，

因此我们需要进入数据库所在容器，查看他的Ip地址，这个Ip地址与WordPress处于同一网段，可以访问。

WordPress样式不显示问题

我使用的是Caddy2反代到WordPress所在容器端口，并自动获取ssl证书。

我们需要让WordPress开启Https模式，才可以显示出样式。

在wp-config.php文件中添加

$_SERVER["HTTPS"] = "on";

文件上传限制问题

解决办法

视频播放问题

我使用的插件，如果希望移动端和桌面端播放适配更好，推荐限制竖屏视频大小为500像素左右。

为了确保播放兼容性，可以选择关闭pjax

我的页脚代码

下面的标签是在shields生成的

<p>©2022-2023 Hackerxiao's Blog. Some Rights Reserved. <strong><a href="https://beian.miit.gov.cn/" target="_blank">辽ICP备2022010174号</a></strong></p>
<div>

<div>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>  
<center>
<span id="busuanzi_container_site_pv">访问量：<span id="busuanzi_value_site_pv"></span></span>
<span id="busuanzi_container_site_uv">访客数：<span id="busuanzi_value_site_uv"></span></span>
</center>
</div>
<script>
    function secondToDate(second) {
        if (!second) {
            return 0;
        }
        var time = new Array(0, 0, 0, 0, 0);
        if (second >= 365 * 24 * 3600) {
            time[0] = parseInt(second / (365 * 24 * 3600));
            second %= 365 * 24 * 3600;
        }
        if (second >= 24 * 3600) {
            time[1] = parseInt(second / (24 * 3600));
            second %= 24 * 3600;
        }
        if (second >= 3600) {
            time[2] = parseInt(second / 3600);
            second %= 3600;
        }
        if (second >= 60) {
            time[3] = parseInt(second / 60);
            second %= 60;
        }
        if (second > 0) {
            time[4] = second;
        }
        return time;
    }
</script>
<script type="text/javascript" language="javascript">
    function setTime() {
        // 博客创建时间秒数，时间格式中，月比较特殊，是从0开始的，所以想要显示5月，得写4才行，如下
        var create_time = Math.round(new Date(Date.UTC(2022,11, 21, 0, 0, 0))
                .getTime() / 1000);
        // 当前时间秒数,增加时区的差异
        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
        currentTime = secondToDate((timestamp - create_time));
        currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                + '秒';
        document.getElementById("htmer_time").innerHTML = currentTimeHtml;
    }
    setInterval(setTime, 1000);
</script>
   运行时间：<span id="htmer_time" style=""></span>

参考

Argon官方文档