流水账复盘一下我做个人网站踩过的坑

本文仅用于纪念我这几天死去的脑细胞 TAT！以及记录我无代码创建个人网站以来走错的路。

前情提要：

我不会写代码，因此我的个人网站基本上都是看着各种教程一步一步做的，网站也是用elementor装修的。因此，除了基础设置，我基本上对网站的源文件、数据库之类的没有做过任何优化和修改（因为我不会）。

阿里云服务器，我想是我不会用你：

一开始只是抱着学习的目的建立网站，因此购买了阿里云最便宜的2G 99元还是199元的服务器试水，上面写着适合做小型网站、博客。我的个人网站主要是做作品集和简历展示，因此内容也没有很多，但是阿里云这个服务器非常卡（和我不会优化也有关系），只要你的页面内容一多，这个服务器就会莫名其妙卡顿、死机。并且可能因为elementor是国外服务器，感觉和阿里云的适配也并没有很好，经常做着页面就无响应，很多次没来得及保存，重做了很多次页面。同时，后期我发现阿里云服务器的大陆节点，原来无法连上google analystics（我对GA有学习的需求）。基于以上原因，我选择把阿里云服务器迁移到siteground，第一年价格就比阿里云贵了一百多，但是速度确实快很多。

迁移到siteground后踩的坑：

1.小白自行迁移服务器如同披荆斩棘：

我跟着官方教程，使用Wordpress migrator迁移数据和内容，也按照教程里的内容要修改域名的DNS服务器，按理来说最长几个小时就可以迁移成功，但是我等了快一天，主页一直显示404，最后求助了siteground的官方人员，他们给我的解释：问题出在你的域名没有正确指向新的服务器 IP 地址，或者指向的是控制面板的 IP，而不是你的站点。后来发给他们我的宝塔管理链接，我不清楚他们修改了哪里，我的网站就迁移成功了。

有没有朋友可以告诉我，这里到底是什么意思呢？我明明是按照教程一步步做的，看到支持中心发的这段话似懂非懂。

2.不是，elementor要做这个设置吗？....

我有几个星期没有更新过elementor了，这次迁移到siteground后创建页面，发现一直报错：The Post Content Widget was not found in your Template. You must include the Post Content Widget in your template.

根据网络搜索结果，只需要在报错的页面增加一个post content就可以，但是我添加一个空白的post content框后，明明是空白的框却显示了和我当前页面一模一样的内容。因此这个方法并不适合我的情况。

最终发现，原来要把页面的模板修改成elementor画布啊....谢谢下面这个帖子。但是我记得我之前用elementor的时候直接新建页面即可，不需要单独设置某个页面的模板啊。

Elementor报错：抱歉，在页面中找不到内容区域解决办法。 – 奶爸建站笔记使用Elementor页面构建器在编辑页面的时候提示： 抱歉，在页面中找不到内容区域。必须在当前模板中调用the_content函数，才能使Elementor在这个页面正常工作 。这个问题要如何解决呢？奶爸告诉你。 首先一点，如果你是安装的付费WordPress主题，或者正规网站下载的WordPress主题，那么通常都https://blog.naibabiji.com/skill/elementor-the-content-area-was-not-found-in-your-page.html

3.elementor死都不显示导航菜单的解决方法

接问题2，页面布局一定要看清楚！

这两个页面布局不是随便选的！我一开始没看清，为了解决2号问题随便选了一个，结果在设置导航菜单的时候，死活都显示不出来，无论我更换主题还是排查插件还是清除缓存都显示不出来，差点就要跟着网上的教程修改function.php了（还好没改）。之后想了下应该和插件缓存都没关系，应该只是和某个地方设置错误有关，因此仔细检查了编辑页面，发现了这两个不同页面的布局含义，改成全宽布局后，导航也显示正常了！

4.迁移到siteground后，电脑端页面可以正常显示，但是手机端和平板端一直无法正常显示内容

无论是我更换了主题，还是设置主页为：“最新文章页”或者“静态页面”，手机端和平板端都不显示正常的首页，而是只显示两个字 “归档”。于是通过以下方法排查错误：

• 禁用插件，测试是否为插件冲突。

❌️全部都禁用了，手机端和平板端依然无法正常显示

• 调试主题，确保主题对移动设备友好。

❌️换了好几个适配elementor的官方主题，没用

• 检查 CDN 设置，如有 CDN，请清除缓存。

❌️不知道这个是什么东西呀 TT

• 响应式和开发者工具测试：通过浏览器的开发者工具模拟不同设备查看响应式是否设置错误。

❌️检查了，一切正常

• 清除所有缓存（浏览器、WordPress、siteground等）。

✔️在清楚浏览器和WordPress的缓存后，最后发现是你小子Siteground的SuperCache功能，SiteGround 的 Dynamic Cache 是一个强大的页面缓存工具，默认情况下会缓存你网站的页面，以提升加载速度。然而，它不会在你更改页面内容时自动刷新缓存。

之前用阿里云服务器的时候，WordPress下载的清理缓存插件每次都能自动刷新，因此从来没遇过这种情况，后来发现可能是siteground的supercache功能覆盖了之前下载的清理缓存插件，所以手机端和平板端无法正常显示。只要把WordPress之前下载的清理缓存插件删除，安装siteground自己的speed optimizer就可以了。