HTML启动器

MCServer-Web-Template — HTML 启动器模板

作者 FQQD

面向 Minecraft 服务器的静态宣传页模板，使用 HTML 与 CSS 编写，仅少量 JavaScript，包含服务器地址复制、Discord 嵌入、团队成员卡片与 Java/Bedrock 地址卡片等模块。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

纯 HTML 与 CSS 为主，仅使用少量 JavaScript

内置服务器地址一键复制按钮

提供 Java 与 Bedrock 两套 IP 卡片

支持嵌入 Discord 服务器 Widget

包含团队成员卡片与悬停动画

带导航栏并适配移动端显示

模板详细介绍

该模板用于为 Minecraft 服务器搭建一个介绍与推广页面，仓库以 HTML 为主，配合较多 CSS 和少量 JavaScript，可直接在浏览器中打开 index.html 预览效果。

页面包含导航栏、服务器地址复制按钮、Java 与 Bedrock 的 IP 卡片、Discord 服务器嵌入区、团队成员卡片，以及悬停动画和移动端适配。README 说明个性化方式是 fork 仓库后编辑 index.html 与 media 目录下的 style.css，代码本身可读性足以判断可修改的内容。

Discord 嵌入需要先在 Discord 服务器设置中开启服务器 Widget、选择邀请频道，再手动复制 https://discord.com/widget?id=[SERVER-ID]&theme=dark 形式的链接，替换 Discord 区块中的占位图片地址。README 建议托管在自有 Linux VServer 上配合 Caddyserver，或使用 Neocities、GitHub Pages 等免费静态托管。

使用限制方面，README 要求保留页面底部“Made by FQQD 2023”署名不变；仓库采用 MIT 许可，但演示图片、字体、图标等第三方素材需按各自许可单独核对。模板本身不包含后端、数据库或服务器状态查询功能，页面内容需手动维护。

HTML启动器

适合你的项目吗？

适用场景

为 Minecraft 服务器制作对外宣传与介绍页面
在页面上集中展示 Java 与 Bedrock 连接地址
通过 Discord Widget 让访客直接看到服务器社区
使用 GitHub Pages 或 Neocities 免费发布静态页面

适合人群

需要快速搭建 Minecraft 服务器宣传页的服主
熟悉 HTML 与 CSS、能直接改代码的用户
希望用静态托管发布、不引入后端的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
fork 仓库后编辑 index.html 与 media 目录下的 style.css 完成个性化
2
Discord 嵌入需在服务器设置中开启 Widget、选择邀请频道，并手动复制 Widget 链接替换占位图片
3
README 要求保留页面底部“Made by FQQD 2023”署名
4
演示图片、字体、图标等第三方素材需按各自许可单独核对
5
可托管在自有 Linux VServer（配合 Caddyserver）或 Neocities、GitHub Pages 等静态服务上

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

使用与修改网站时，必须保留页面底部“Made by FQQD 2023”署名且不得改动。
Discord 嵌入功能需在 Discord 服务器设置中开启 Widget、选择邀请频道，并手动复制该 Widget 链接替换占位图片，依赖 Discord 外部服务。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

You can use and edit the website as much as you want, as long as the "Made by FQQD 2023" stays on the bottom of the site unchanged.
README 原文

Manually copy ONLY THE LINK ("https://discord.com/widget?id=[SERVER-ID]&theme=dark")
README 原文

https://github.com/FQQD/MCServer-Web-Template/blob/main/LICENSE https://github.com/FQQD/MCServer-Web-Template/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 81 / 100
技术栈: HTML
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2025-07-23
截图检查日期: 2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: d3530218a86b1f08e21534803e6a00f7c4e8a7de37d5039b2ef1d274a81f2cf5

2026-10-02T16:07:01.258Z

来源文件 / 仓库


![Logo](https://imgur.com/VE1nWC7.png)


# FQQD's MCServer Website Template 1.0

A template for a modern looking website to promote your Minecraft server.

Written with HTML and a lot of CSS and the minimal usage of JavaScript.

Test it out: https://fqqd.github.io/MCServer-Web-Template/index.html


## Features

- Server adress copy button
- Modern design
- Discord server embed
- Team member cards
- Bedrock and Java IP cards
- Navbar
- Mobile support
- Simple Configuration
- Hover animations


## FAQ

#### How do I personalize this website?

To edit this website, simply fork the repository and edit the "index.html" and the "style.css" in the "media" folder. 
Reading through the code should be enough to understand what you are able to edit.

#### How do I make the Discord Embed work?

-  Go to Discord Server Settings
- "Widget"
- Enable Server Widget
- Select an Invite Channel (e.g. the main chat)
- Manually copy ONLY THE LINK ("https://discord.com/widget?id=[SERVER-ID]&theme=dark")
- Replace the imgur link in the Discord Section with the Discord Widget link

#### Where can I host this website?

I recommend hosting the website on your own Linux VServer with Caddyserver, but if you need to have a free hosting service, I recommend Neocities or GitHub Pages.

#### Why would I need such a website?

This website can help to provide additional information about your Minecraft Server and get people to join it.

#### Can I use this freely without copyright?

You can use and edit the website as much as you want, as long as the "Made by FQQD 2023" stays on the bottom of the site unchanged.

## Screenshots

![App Screenshot](https://imgur.com/zOqKk56.png)


![App Screenshot](https://imgur.com/Th7NzCh.png)


![App Screenshot](https://imgur.com/dhUnvAK.png)


![App Screenshot](https://imgur.com/hgX2Ztd.png)


![App Screenshot](https://imgur.com/aSpvshJ.png)


![App Screenshot](https://imgur.com/v01GJAw.png)


## Usage/Examples

![App Screenshot](https://imgur.com/8ic4MS7.png)
## Authors

- [@FQQD](https://fqqd.de)
- Originally made for [@HerrFisch](https://www.github.com/HerrFisch)


## Lastly...
If you have any further question or want to help and contribute, the best ways to do this are
- Creating an [issue report](https://github.com/FQQD/MCServer-Web-Template/issues)
- Joining [my discord](https://dc.fqqd.de) and asking for help

Here's a cookie for reading this far: 🍪

反馈内容错误