Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

添加了使用使用vercel搭建网站服务 #309

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added docs/advance/_images/open-web-photo/add-new.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/advance/_images/open-web-photo/dom.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
139 changes: 87 additions & 52 deletions docs/advance/open-website.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@ sidebar_position: 8

## 使用 Github + Cloudflare saas 回源

如果无法正常访问 Github 或 Cloudflare请使用 [Watt Toolkit](https://steampp.net)
如果无法正常访问 Github 或 Cloudflare,请使用 [Watt Toolkit](https://steampp.net)

### 0\. 要准备的

主域名回源域名
主域名,回源域名

### 1\. 注册一个github账号

进入github.com点击sign up
进入github.com,点击sign up

![114514.png](_images/open-web-photo/114514.png)

Expand All @@ -40,15 +40,15 @@ Repository name填 你的用户名.github.io

![微信图片_20240916082915.png](_images/open-web-photo/add.png)

会来到上传界面上传你的网站源码(首页的名字要改成index)
会来到上传界面,上传你的网站源码(首页的名字要改成index)

上传完后点Commit changes

![微信图片_20240916083119.png](_images/open-web-photo/add-web.png)

然后你访问 你的用户名.github.io就可以访问了

如果你做到这一步至此你的网站已经是搭建完成了。但是由于某些特别的原因大陆访问 Github Pages 服务比较困难。为了保证不懂技术的普通玩家们顺利访你的服务器官网可以选择以下方式
如果你做到这一步至此你的网站已经是搭建完成了。但是由于某些特别的原因,大陆访问 Github Pages 服务比较困难。为了保证不懂技术的普通玩家们顺利访你的服务器官网,可以选择以下方式

### 2\.cloudflare saas回源

Expand All @@ -69,9 +69,9 @@ Repository name填 你的用户名.github.io

然后来到ssl/tls-自定义主机名

然后选择开通如果它提示你要绑卡的话如果你没有卡你可以上闲鱼买一个15块的代绑
然后选择开通,如果它提示你要绑卡的话,如果你没有卡,你可以上闲鱼买一个15块的代绑

开通完成后先在回退源那输入你刚刚创建的DNS记录origin.你的回源域名
开通完成后,先在回退源那输入你刚刚创建的DNS记录origin.你的回源域名
![微信图片_20240916091834.png](_images/open-web-photo/tianjiahuiy.png)

等待到那里显示生效后 点击添加自定义主机名
Expand All @@ -94,49 +94,49 @@ cf-cname.xingpingcn.top 不需要开启小黄云

添加一个类型为CNAME 名称为输入你刚刚在自定义主机名时输入的前缀 内容为cdn.你的回源域名

并等待DNS记录生效生效后就可以正常使用你的域名访问了
并等待DNS记录生效,生效后就可以正常使用你的域名访问了

## 使用服务器搭建

### 备案

:::warning

不要使用自己家里的宽带搭建服务器官网!由于家宽无固定 IP无法进行备案。目前已有因使用家宽建站而受到运营商警告的案例详见 https://www.zhihu.com/question/440645939/answer/3228728304
不要使用自己家里的宽带搭建服务器官网!由于家宽无固定 IP,无法进行备案。目前已有因使用家宽建站而受到运营商警告的案例,详见 https://www.zhihu.com/question/440645939/answer/3228728304

:::

信息产业部在第十二次部务会议审议通过《非经营性互联网信息服务备案管理办法》条例要求在国内提供非经营性互联网信息服务应当办理备案。
信息产业部在第十二次部务会议审议通过《非经营性互联网信息服务备案管理办法》条例,要求在国内提供非经营性互联网信息服务,应当办理备案。

根据《非经营性互联网信息服务备案管理办法》在中华人民共和国境内提供非经营性互联网信息服务应当办理备案。未经备案不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款和关闭。
根据《非经营性互联网信息服务备案管理办法》,在中华人民共和国境内提供非经营性互联网信息服务,应当办理备案。未经备案,不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款和关闭。

也就是说使用位于大陆的服务器建站必须进行备案(ICP)。如果你拥有海外地区的服务器你可以直接使用这类服务器建站或使用它们为你的服务器搭建反向代理如内网穿透不再需要备案了。
也就是说,使用位于大陆的服务器建站必须进行备案(ICP)。如果你拥有海外地区的服务器,你可以直接使用这类服务器建站或使用它们为你的服务器搭建反向代理如内网穿透,不再需要备案了。

#### 准备工作

要为网站备案需要进行以下准备:
要为网站备案,需要进行以下准备:

1. 一台拥有固定 IP 的云服务器或一条拥有固定 IP 的商用宽带
1. 一台拥有固定 IP 的云服务器,或一条拥有固定 IP 的商用宽带
2. 已经实名认证、用于网站访问的域名
3. 服务器的经营许可证等相关证件或自己的身份证等证件。

#### 备案类型

备案类型分为企业备案和个人备案。其中个人备案限制较多如果你的服务器规模较大、网站功能较多你需要尽可能进行企业备案。
备案类型分为企业备案和个人备案。其中个人备案限制较多,如果你的服务器规模较大、网站功能较多,你需要尽可能进行企业备案。

但是企业备案较为繁琐需要较长时间并提供包括企业的法人身份证明、营业执照、组织机构代码证等基础资料还需要提供负责人信息、经营许可证等其他材料。
但是企业备案较为繁琐,需要较长时间,并提供包括企业的法人身份证明、营业执照、组织机构代码证等基础资料,还需要提供负责人信息、经营许可证等其他材料。

如果服务器网站规模较小例如仅作展示作用或者服务器没有条件办理经营许可证等你需要进行个人备案。个人备案只需个人有效证件(如身份证)、联系方式和通信地址等相关信息即可。
如果服务器网站规模较小,例如仅作展示作用,或者服务器没有条件办理经营许可证等,你需要进行个人备案。个人备案只需个人有效证件(如身份证)、联系方式和通信地址等相关信息即可。

#### 备案流程

如果是大厂服务器如腾讯阿里华为云可以直接在服务商网站上自助进行备案。前往相关页面根据指引填写相关信息并提交即可。
如果是大厂服务器,如腾讯阿里华为云,可以直接在服务商网站上自助进行备案。前往相关页面,根据指引填写相关信息并提交即可。

提交后需要经过一段时间的审核全程在 1 到 22 天。部分服务器运营商会自行先对你的信息进行审核确保其能够顺利通过管局审核后再提交到管局。审核通过后你将会获得 **ICP 备案号**作为服务器官网的备案证明。
提交后,需要经过一段时间的审核,全程在 1 到 22 天。部分服务器运营商会自行先对你的信息进行审核,确保其能够顺利通过管局审核后再提交到管局。审核通过后,你将会获得 **ICP 备案号**作为服务器官网的备案证明。

备案通过后网站上线时你需要根据相关规定在网站上标注备案信息。并链接至工信部备案网址 http://www.beian.miit.gov.cn 供用户查询。技术上可通过以下方法实现:
备案通过后网站上线时,你需要根据相关规定在网站上标注备案信息。并链接至工信部备案网址 http://www.beian.miit.gov.cn 供用户查询。技术上可通过以下方法实现:

在网站首页的 html 文件中在`<body>`标签内最底部添加以下代码:
在网站首页的 html 文件中,在`<body>`标签内最底部添加以下代码:

```html
<a href="http://www.beian.miit.gov.cn/">备案号</a>
Expand All @@ -156,7 +156,7 @@ cf-cname.xingpingcn.top 不需要开启小黄云

随后在 nginx 安装目录中执行 `./nginx` 即可运行服务。

为了保证网站时刻开启建议为 nginx 设置开机自启。
为了保证网站时刻开启,建议为 nginx 设置开机自启。

### 在 Windows 系统上搭建网站服务

Expand All @@ -170,31 +170,31 @@ cf-cname.xingpingcn.top 不需要开启小黄云

下载完之后解压文件

解压后进入文件夹找到名字为html的文件夹
解压后进入文件夹,找到名字为html的文件夹

将你的源码上传上去。记住先把原来里面的文件给删掉再放

然后双击启动nginx.exe

为了保证网站时刻开启建议为 nginx 设置开机自启。
为了保证网站时刻开启,建议为 nginx 设置开机自启。

<!--
然后如果你的服务器有公网IP的话现在的浏览器输入你的公网IP就可以看到你的网站了
然后如果你的服务器有公网IP的话,现在的浏览器输入你的公网IP就可以看到你的网站了

如果你按照前面的教程申请了公网IP并且关闭了防火墙但是还是访问不了的话那就是运营商封了80和443
如果你按照前面的教程申请了公网IP,并且关闭了防火墙,但是还是访问不了的话,那就是运营商封了80和443

如果可以正常访问那就可以来到你的域名添加一个a类型的记录把服务器的公网IP填进去然后就可以使用域名访问了-->
如果可以正常访问,那就可以来到你的域名添加一个a类型的记录,把服务器的公网IP填进去然后就可以使用域名访问了-->

### 使用虚拟主机搭建网站服务

如果你没有用来建站的服务器或者前面的不用服务器的方法对你来说实在是太难可以尝试一下
如果你没有用来建站的服务器,或者前面的不用服务器的方法对你来说实在是太难,可以尝试一下

接触过租服务器的一般都会知道有一些idc的网站里面有一些叫做虚拟主机的东西
那么那是什么?那是用来开网站的在我看来如果你是一个新手服主的话我的建议就是使用虚拟主机搭建网站
那么那是什么?那是用来开网站的,在我看来,如果你是一个新手服主的话,我的建议就是使用虚拟主机搭建网站

:::warning

如果你的域名没有备案的话请不要购买国内的虚拟主机(因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话域名需要备案)
如果你的域名没有备案的话,请不要购买国内的虚拟主机(因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话,域名需要备案)

:::

Expand All @@ -221,46 +221,39 @@ cf-cname.xingpingcn.top 不需要开启小黄云
在添加域名那里输入你自己的域名
![微信图片_20240921114806.png](_images/open-web-photo/tianxym.png)

然后按照上面的域名解析解析好之后你就可以访问你的域名看到你的网站了
然后按照上面的域名解析解析好之后你就可以访问你的域名,看到你的网站了

在这里附上源码下载[点击下载](https://b2.mcdogserver.top/1.zip)

如果你觉得这个源码不适合你或者是你不想用别人的源码你可以尝试去自学。这里就不附上自学的教程了
如果你觉得这个源码不适合你,或者是你不想用别人的源码,你可以尝试去自学。这里就不附上自学的教程了

## 使用NamelessMC搭建网站服务

### 使用宝塔面板搭建

:::warning

如果你的域名没有备案的话请不要购买国内的服务器(因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话域名需要备案)
如果你的域名没有备案的话,请不要购买国内的服务器(因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话,域名需要备案)

:::

#### 要准备的

namelessmc的配置要求原文要求的是

PHP 7.4、8.0或8.1(推荐),具有以下扩展:

php curl

php-exif

php-gd支持png和jpeg

php mbstring

php-mysql或php-mysqlnd

php pdo

php xml
PHP 7.4、8.0或8.1(推荐),具有以下扩展:
* php curl
* php-exif
* php-gd支持png和jpeg
* php mbstring
* php-mysql或php-mysqlnd
* php pdo
* php xml
还有MySQL 5.7.22或更高 或 MariaDB 10.2或更高

还有一台安装了Apache或NGINX或Caddy的服务器

这些宝塔面板都有(除php插件外)
这些宝塔面板都有

#### 正式开始

Expand Down Expand Up @@ -296,15 +289,57 @@ PHP 7.4、8.0或8.1(推荐),具有以下扩展:
然后按照提示完成安装
:::warning

有时候安装完之后可能会识别不出来重启一下php就可以解决了
有时候安装完之后可能会识别不出来重启一下php就可以解决了,有一点提醒:数据库名字一定要为namelessmc否则会无法下一步

:::
完成后会跳转到仪表盘,然后记得去把API开一下到时候可以直接和你的MC服务器连接
完成后会跳转到仪表盘,然后记得去把API开一下,到时候可以直接和你的MC服务器连接
![](_images/open-web-photo/api.png)

然后它会出现连接地址和API密钥,到时候输入你插件的配置文件里面就可以实现联通了,这里就不做演示了

然后主页面就长这样子
![](_images/open-web-photo/index.png)

如果你看到这个界面那么如果你是第1次使用宝塔面板搭建网站,那么恭喜你,你成功了
如果你看到这个界面那么如果你是第1次使用宝塔面板搭建网站,那么恭喜你,你成功了

## 使用vercel搭建网站服务

此方法在我看来是最简单的方法,他的加载速度加上优选IP之后可以比cloudflare saas后还快(没有设置缓存的情况下),而且比cloudflare saas要简单许多

### 要准备的东西
* 一个github账号
* 一个邮箱

### 注册vercel账号

首先进入[vercel](https://vercel.com)

然后可以点击图片上的这两个,那个黑色的是注册那个圈起来的白色的是登录,如果你已经有了github账号可以直接登录
![](_images/open-web-photo/vercel-login.png)

登录完之后去github新建一个仓库,上传你的网站源码(这里前面讲过如何新建仓库并上传源码,这里就不讲了)

上传完之后在vercel里的主页,点击add new
![](_images/open-web-photo/add-new.png)

然后选择第2个
![](_images/open-web-photo/choose-second.png)

进入之后找到你刚刚创建并上传了源码的仓库,然后点击那个仓库旁的import,然后再点deploy

然后耐心等待构建完成

完成之后,点击最下面那个黑色的按钮

然后来到管理网站的仪表盘然后点击settings-domains
![](_images/open-web-photo/dom.png)

然后再最上面的那个框那里输入你要绑定的域名,然后点击add

这时他会提示你要添加一个cname记录,千万不要使用这个地址,要使用其他人制作的优选IP 优选IP是vercel.182682.xyz

添加完之后等待它自动检查检查完成并签发完证书之后然后访问你绑定的域名就可以访问到你的网站了

### 一些弊端

不知为何vercel在构建本站文档的时候,出现了一点奇怪的错误,我尝试了其他的构建网站可是都没有问题