/Minecraft-Server-Status

一个用于显示服务器在线信息及其他内容的网站

Primary LanguageCSSMozilla Public License 2.0MPL-2.0

Minecraft-Server-Status

在网页中看到你的MC服务器状态!由@MCNewsTools的项目修改而来!

使用了HTML5的模板,做了一些美化,如果你也想用本项目,记得在改PHP内嵌的HTML代码的时候把有关的内容改掉

玩家头像显示调用的是cravatar.eu的链接,国内404,请自建反代或镜像站并替换里面的链接(自建反代教程

本开源项目遵循MPL-2.0协议,请遵守该协议!

Demo: http://mcstats.bili33.top

使用方法

基础使用

与服务器对接

只需要修改index.php中第3行的$host后面的内容为你的域名/IP和修改第4行的$port后面为你的端口号(可以是游戏用的端口也可以是query端口,但是query要自己手动开启而且是UDP协议)

修改网站标题(就是浏览器标签页显示的内容)

在第15行

<title>EMUnion</title>

在两个title的标记中间输入你的网页名字即可!

修改网站图标

在第16行

<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/GamerNoTitle/Picture-repo@1.0/AboutMe/logo-mini.png">

在href后面把链接改为自己的图像链接即可!

修改网站第一行大字

在第30行

<h1>EMUnion</h1>

在两个h1中间输入你想要的字即可!

修改大字下面的三行小字

在第31~33行

<p>EMUnion Hosted by <a href="https://bili33.top">GamerNoTitle</a><br />
Server Status by <a href="https://bili33.top">GamerNoTitle</a> | Tamplate by <a href="https://html5up.net">HTML5UP</a><br />
Open Source Project <a href="https://github.com/GamerNoTitle/Minecraft-Server-Status">Minecraft-Server-Status</a> is now avaliable on <a href="https://github.com/GamerNoTitle/Minecraft-Server-Status">Github</a></p>

在两个p标记中间输入你想要的字就可以了,遵循HTML语法,使用<br>换行(至于为啥我是<br />,因为换行这玩意真的没有特定的写法)

HTML语法更多请去菜鸟教程参考!

更多修改

头像调用链接

在第67行

<?php echo '<img src="https://cravatar.eu/helmhead/'.htmlspecialchars($Player).'/15.png"> '.htmlspecialchars($Player); ?><br>

和第69行

<?php echo '<img src="https://cravatar.eu/helmhead/steve/15.png"> '.htmlspecialchars($Player); ?><br>

中把cravatar.eu改成你自己的反代域名或者其他域名就可以了

底端按钮

在第76~78行

<li><a href="https://bili33.top" class="button">About GamerNoTitle</a></li>
<li><a href="https://github.com/GamerNoTitle/Minecraft-Server-Status" class="button">View on Github</a></li>
<li><a href="https://html5up.net" class="button">HTML5UP</a></li>

格式是

<li><a href="在这里填入你的链接" class="button">在这里填入显示的文字</a></li>
右侧图片

在第81行

<span class="image"><img src="https://cdn.jsdelivr.net/gh/GamerNoTitle/Picture-repo@1.0/AboutMe/logo-mini.png" alt="" /></span>

直接把src=后面的链接改成你的图片链接即可!

<span class="image"><img src="在这里填入你的链接" alt="" /></span>

进阶修改

在<html>元标记直接用任意html语法修改即可!会HTML的人就能改!

预览图


Credit:

@MCNewsTools/webpage-minecraft-server-status