花了一中午改来改去，可算是小有成果 

下面是简单配置的教程

简单配置

然后注册信息，比较简单，可以自己看看 如果你不想使用域名，点击Plugins，点击CTFd whale 点击router

然后把suffix清空就好

测试

我选了个简单的题目试试

点击Challenge右边的加号

frp redirect type如果没有设置域名，一定要选direct

然后创建 这里设置成可视

我们可以点击预览挑战测试一下 点击后开启容器

发现正常

当然nc的显示看着实在碍眼，下面我们尝试对其进行修改 我们进入docker 找到文件 CTFdpluginsctfd_whaleutilsroutersfrp.py 修改第九十行

return f'<a target="_blank" href="http://{get_config("whale:frp_direct_ip_address", "127.0.0.1")}:{container.port}/">点我写题！！！</a>'

也简单


直接/nc一下子就找到了，改就完了


然后就成了：


如果LanDomain看着也不爽 那就/opt/CTFd/CTFd/plugins/ctfd_whale/assets 编辑 view.js


注释了就好
这样就简洁不少了


主题设置 https://github.com/hmrserver/CTFd-theme-pixo 这个我觉得还不错 大家也可以找找别的主题 传到:/opt/CTFd/CTFd/themes 然后再配置界面配置一下


懂html gpt的话把page home也设置一下 不懂的话试试gpt 后来我发现这个大白色框子有点违和




53行和64行字体改一下颜色就行
最终效果：







原文始发于微信公众号（Zacarx随笔）：2024_CTFd搭建（下）