搭建官网
使用 Github + Cloudflare saas 回源
如果无法正常访问 Github 或 Cloudflare,请使用 Watt Toolkit
0. 要准备的
主域名,回源域名
1. 注册一个 github 账号
进入 github.com,点击 sign up
进入后按照提示完成注册 (看不懂自己用翻译)
进入主页后点击左上的 new(绿色的)
会跳转到一个界面
Repository name 填你的用户名.github.io
如果不会 git 的话就勾选 Add a README
然后点 Create repository
会直接到创建的项目主页
点 Add file 会出来两个选项点 Upload files
会来到上传界面,上传你的网站源码 (首页的名字要改成 index)
上传完后点 Commit changes
然后你访问 你的用户名.github.io 就可以访问了
如果你做到这一步至此你的网站已经是搭建完成了。但是由于某些特别的原因,大陆访问 Github Pages 服务比较困难。为了保证不懂技术的普通玩家们顺利访你的服务器官网,可以选择以下方式
2.cloudflare saas 回源
注意!如果想要域名访问要先在 github 项目的 settings-pages-Custom domain 添加域名
先将你的回源域名绑定到 cloudflare
然后创建一个 DNS 记录
类型填 CNAME 名称填 origin 内容填你刚刚搭建完的网站
你的用户名.github.io 选择开启小黄云 点保存
然后来到 ssl/tls-自定义主机名
然后选择开通,如果它提示你要绑卡的话,如果你没有卡,你可以上闲鱼买一个 15 块的代绑
开通完成后,先在回退源那输入你刚刚创建的 DNS 记录 origin.你的回源域名
等待到那里显示生效后 点击添加自定义主机名
自定义主机名填你的用来开网站的域名
填完后点击添加
然后按照提示完成 txt 授权
然后回到 DNS 记录
添加一个类型为 CNAME 名称为 cdn 内容为
cf-cname.xingpingcn.top 不需要开启小黄云
然后来到你的主域名 添加 DNS 记录
添加一个类型为 CNAME 名称为输入你刚刚在自定义主机名时输入的前缀 内容为 cdn.你的回源域名
并等待 DNS 记录生效,生效后就可以正常使用你的域名访问了
3.开启 Cloudflare 缓存
先登录Cloudflare
来到面板主页之后点击进入你自己的域名,然后点击缓存-Cache Rules-创建规则
来到创建规则页面后点击最上面的缓存所有内容
然后添加边缘 TTL 设置按照图片选择
然后添加浏览器 TTL 设置按照图片选择
完成后点下面的部署,缓存就设置完成了
使用服务器搭建
备案
不要使用自己家里的宽带搭建服务器官网!由于家宽无固定 IP,无法进行备案。目前已有因使用家宽建站而受到运营商警告的案例,详见 https://www.zhihu.com/question/440645939/answer/3228728304
信息产业部在第十二次部务会议审议通过《非经营性互联网信息服务备案管理办法》条例,要求在国内提供非经营性互联网信息服务,应当办理备案。
根据《非经营性互联网信息服务备案管理办法》,在中华人民共和国境内提供非经营性互联网信息服务,应当办理备案。未经备案,不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款和关闭。
也就是说,使用位于大陆的服务器建站必须进行备案(ICP)。如果你拥有海外地区的服务器,你可以直接使用这类服务器建站或使用它们为你的服务器搭建反向代理如内网穿透,不再需要备案了。
准备工作
要为网站备案,需要进行以下准备:
- 一台拥有固定 IP 的云服务器,或一条拥有固定 IP 的商用宽带
- 已经实名认证、用于网站访问的域名
- 服务器的经营许可证等相关证件或自己的身份证等证件。
备案类型
备案类型分为企业备案和个人备案。其中个人备案限制较多,如果你的服务器规模较大、网站功能较多,你需要尽可能进行企业备案。
但是企业备案较为繁琐,需要较长时间,并提供包括企业的法人身份证明、营业执照、组织机构代码证等基础资料,还需要提供负责人信息、经营许可证等其他材料。
如果服务器网站规模较小,例如仅作展示作用,或者服务器没有条件办理经营许可证等,你需要进行个人备案。个人备案只需个人有效证件(如身份证)、联系方式和通信地址等相关信息即可。
备案流程
如果是大厂服务器,如腾讯阿里华为云,可以直接在服务商网站上自助进行备案。前往相关页面,根据指引填写相关信息并提交即可。
提交后,需要经过一段时间的审核,全程在 1 到 22 天。部分服务器运营商会自行先对你的信息进行审核,确保其能够顺利通过管局审核后再提交到管局。审核通过后,你将会获得 ICP 备案号作为服务器官网的备案证明。
备案通过后网站上线时,你需要根据相关规定在网站上标注备案信息。并链接至工信部备案网址 http://www.beian.miit.gov.cn 供用户查询。技术上可通过以下方法实现:
在网站首页的 html 文件中,在<body>
标签内最底部添加以下代码:
<a href="http://www.beian.miit.gov.cn/">备案号</a>
你可以参考其他各大网站的格式来设计展示备案号的方案。
你可以通过 CSS、<div>
标签来对备案信息进行美化。通常在 CSS 中将此 a 标签的text-decoration
属性设置为none
来防止其显示为蓝色带下划线的格式即可。
在 Linux 系统上搭建网站服务
以 ubuntu 为例
在控制台输入 apt install nginx
然后找到 var-www-html 将网站源码上传上去
随后在 nginx 安装目录中执行 ./nginx
即可运行服务。
为了保证网站时刻开启,建议为 nginx 设置开机自启。
在 Windows 系统上搭建网站服务
在浏览器中输入 https://nginx.org/en/
然后点击右边的 download
进入后点击你电脑适合的版本
选择下载要下载带有 windows 这个词的
下载完之后解压文件
解压后进入文件夹,找到名字为 html 的文件夹
将你的源码上传上去。记住先把原来里面的文件给删掉再放
然后双击启动 nginx.exe
为了保证网站时刻开启,建议为 nginx 设置开机自启。
使用虚拟主机搭建网站服务
如果你没有用来建站的服务器,或者前面的不用服务器的方法对你来说实在是太难,可以尝试一下
接触过租服务器的一般都会知道有一些 idc 的网站里面有一些叫做虚拟主机的东西 那么那是什么?那是用来开网站的,在我看来,如果你是一个新手服主的话,我的建议就是使用虚拟主机搭建网站
如果你的域名没有备案的话,请不要购买国内的虚拟主机 (因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话,域名需要备案)
以星辰云的虚拟主机为例
购买后点击一键登录进入面板
进入后点击文件管理
点击上传上传源码
然后点击解压
然后将解压出来的文件夹里面的源码全部复制出来
然后来到域名管理
在添加域名那里输入你自己的域名
然后按照上面的域名解析解析好之后你就可以访问你的域名,看到你的网站了
在这里附上源码下载点击下载
如果你觉得这个源码不适合你,或者是你不想用别人的源码,你可以尝试去自学。这里就不附上自学的教程了
使用 NamelessMC 搭建网站服务
使用宝塔面板搭建
如果你的域名没有备案的话,请不要购买国内的服务器 (因为工信部为了打击不良网站,所以只要在国内的虚拟主机或服务器要进行建站的话,域名需要备案)
要准备的
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 还有 MySQL 5.7.22 或更高 或 MariaDB 10.2 或更高
还有一台安装了 Apache 或 NGINX 或 Caddy 的服务器
这些宝塔面板都有
正式开始
接下来的教程都默认你安装了所有依赖和有公网 ip
先在网站-php 项目点添加站点
然后按以下选择
创建完成后点图片圈的地方
然后删除默认文件
然
后上传源文件点击下载
然后解压
然后将文件夹的东西复制到根目录
然后访问你的公网 ip 来到安装界面
然后点击 Continue 下一步
然后按照提示完成安装
有时候安装完之后可能会识别不出来重启一下 php 就可以解决了,有一点提醒:数据库名字一定要为 namelessmc 否则会无法下一步
完成后会跳转到仪表盘,然后记得去把 API 开一下,到时候可以直接和你的 MC 服务器连接
然后它会出现连接地址和 API 密钥,到时候输入你插件的配置文件里面就可以实现联通了,这里就不做演示了
然后主页面就长这样子
如果你看到这个界面那么如果你是第 1 次使用宝塔面板搭建网站,那么恭喜你,你成功了
使用 vercel 搭建网站服务
此方法在我看来是最简单的方法,他的加载速度加上优选 IP 之后可以比 cloudflare saas 后还快 (没有设置缓存的情况下),而且比 cloudflare saas 要简单许多
如果你无法正常访问 vercel 请下载 Watt Toolkit 并在最下面的其他服务内勾选的加速 vercel.app
要准备的东西
- 一个 Github 账号
- 一个邮箱
注册 vercel 账号
首先进入vercel
然后可以点击图片上的这两个,那个黑色的是注册那个圈起来的白色的是登录,如果你已经有了 github 账号可以直接登录
登录完之后去 Github 新建一个仓库,上传你的网站源码 (这里前面讲过如何新建仓库并上传源码,这里就不讲了)
上传完之后在 vercel 里的主页,点击 add new
然后选择第 2 个
进入之后找到你刚刚创建并上传了源码的仓库,然后点击那个仓库旁的 import,然后再点 deploy
然后耐心等待构建完成
完成之后,点击最下面那个黑色的按钮
然后来到管理网站的仪表盘然后点击 settings-domains
然后再最上面的那个框那里输入你要绑定的域名,然后点击 add
这时他会提示你要添加一个 cname 记录,千万不要使用这个地址,要使用其他人制作的优选 IP 优选 IP 是 vercel.182682.xyz
添加完之后等待它自动检查检查完成并签发完证书之后然后访问你绑定的域名就可以访问到你的网站了
一些弊端
不知为何 vercel 在构建本站文档的时候,出现了一点奇怪的错误,我尝试了其他的构建网站可是都没有问题 (已解决)
开启 vercel 缓存
开启 vercel 缓存很简单,只需要先创建一个名为 vercel.json 的文件,然后将以下代码复制进入文件内再上传到网站的根目录下,然后等待 vercel 自动更新部署成功就可以使用了
{
"headers": [
{
"source": "/sw.js",
"headers": [
{
"key": "Cache-Control",
"value": "public, max-age=0, must-revalidate"
}
]
},
{
"source": "(.*)",
"headers": [
{
"key": "Cache-Control",
"value": "public, s-maxage=86400, max-age=86400"
}, {
"key": "Vercel-CDN-Cache-Control",
"value": "max-age=3600"
}
]
}
]
}
对比
开设这个对比是为了让没有服务器的建站新手更好的选择到底是使用 cloudflare saas 回源还是使用 vercel
此测试仅做参考,不代表这两个平台完全真实的测试结果
itdog 在线 ping 测试
Cloudflare
vercel
itdog 网站测试
Cloudflare
vercel