搭这两个东西还是走了很多弯路
我就不给你们讲方法过程了，直接参考我给的链接，我主要说经验教训
博客搭建参考：https://zhuanlan.zhihu.com/p/37896471
靶场搭建参考：https://zhuanlan.zhihu.com/p/86409304
https://www.freebuf.com/sectool/278097.html
靶场的搭建其实还有另外一个参考但是我没成功：
https://blog.csdn.net/qq_43625917/article/details/105229456
除了这些你么自己也可以找其他的结合着看
无论你要搭建哪个，需要准备的东西：
一个云服务器（阿里云、腾讯云这些官网有很多）
2核2g就足够了
以我个人为例，我用的是阿里云的（准确说是免费领的）
有些活动可以免费领或者试用，有钱的话你也可以自己买
有很多学生的活动，完成任务和答题可以直接领7个月的服务器，还有技能认证
在搭建前建议你们先把这个里面的任务做了，方便你熟悉控制台的操作，什么实例、安全组设置这些，反正遇到不懂的就百度。
系统的话，如果你不熟悉linux就选Windows的 ，但是我想你都在自己搭靶场和博客了，肯定还是大概率接触过linux系统了吧，而且linux系统安装东西也方便。
以我个人为例，我最后用的centos 7 （最开始选的linux后面博客搭好后搭靶场出了问题，就换了系统，其实linux、centos、ubuntu应该差不多）。
域名其实可以先不买，你有服务器就行，域名要备案流程很多很慢，搭好了你再考虑要不要买域名。
有一个东西必须给你们说：使用宝塔搭建的博客和使用docker-compose搭建CTF靶场不能兼容！！！我也不太清楚，理论上来说一个域名ip可以通过不同的端口来实现多个网站的搭建，但我失败了，也可能是我没找对方法。
我的经历：先用宝塔搭了一个博客，然后在此基础上继续搭建靶场，但是镜像拉取的时候遇到了各种报错！不得已重置更换了系统；后面先搭好了靶场，接着去装宝塔，刚装上，靶场直接废掉，502报错，奉劝各位在不清楚怎么配置使两者环境、数据不冲突的情况下，最好搭建一个就行了。
先说用H1ve搭建靶场遇到的问题
也就是在执行这条命令的时候：docker-compose -f single.yml up
报错1：
80端口被占用，我去看了下端口使用情况，是Nginx
我尝试修改Nginx.conf，使Nginx运行在其他端口
通过find命令找到了5个名为Nginx.conf的配置文件
我不确定改哪个，于是每个都看了，把出现80端口的全改为其他端口
但最后重启Nginx发现依旧它依旧运行在80端口
后面折腾了很久
也没搞好，我直接把Nginx停了
报错2：
直接找不到这个域名了
不得已Nginx必须开着
继续捣鼓
报错3：
查了一下， 这个好像是版本类型不匹配，但是我不知道该怎么搞
后面换了一个方法搭建
用CTFd
这个进程大概耗了一个通宵，第二天早上给我报了下面的错 （无语死了）
问了一些朋友，有的说在用docker-compose的时候也遇到过问题，有的说装了宝塔搭CTF靶场不行...
没办法我直接更换了系统 ，换了个centos7的
在没有安装宝塔搭建博客，一个全新的环境下进行靶场搭建，使用H1ve还是报错3，但是使用CTFd成功了。
我们看一下成品图
博客：
靶场：
worldpress博客的美化可以参考这个 https://www.liveout.cn/25/
也可以参考其他的，熟悉它的操作界面，修改成自己想要的效果，简码也可以实现很多东西。
CTFd搭建其他问题参考 https://www.cnblogs.com/pureqh/p/10001259.html#:~:text=%E4%BA%8C.%E6%90%AD%E5%BB%BACTFd%E6%AD%A5%E9%AA%A4%201%201.%E6%9B%B4%E6%96%B0apt%E5%8C%85%E7%B4%A2%E5%BC%95%201%20%24%20sudo%20apt-get%20update,0.0.%200.0%3A%208000%20-w%201%20%22CTFd%3Acreate_app%20%28%29%22%20
靶场里面也可以加很多你自己想加的东西，主要是HTML语言，慢慢研究吧。
good luck！
