2024-08-11 11:31:53 +08:00
|
|
|
|
---
|
|
|
|
|
title: 搭建官网
|
|
|
|
|
sidebar_position: 8
|
|
|
|
|
---
|
2024-08-11 19:38:25 +08:00
|
|
|
|
## 使用github+cloudflare saas回源
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
如果无法正常访问请下载steam++
|
|
|
|
|
0. ### 要准备的
|
|
|
|
|
主域名,回源域名
|
|
|
|
|
### 1\.注册一个github账号
|
|
|
|
|
进入github.com,点击sign up
|
|
|
|
|
![屏幕截图 2024-08-11 163001.png](https://imgos.cn/2024/08/11/66b8765b6bcd8.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
进入后按照提示完成注册(看不懂自己用翻译)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
进入主页后点击左上的new(绿色的)
|
|
|
|
|
![屏幕截图 2024-08-11 163405.png](https://imgos.cn/2024/08/11/66b876de014f8.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
会跳转到一个界面
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
Repository name填 你的用户名.github.io
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
如果不会git的话就勾选Add a README
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后点Create repository
|
|
|
|
|
![微信图片_20240811163744.png](https://imgos.cn/2024/08/11/66b877b934816.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
会直接到创建的项目主页
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
点Add file 会出来两个选项点Upload files
|
|
|
|
|
![屏幕截图 2024-08-11 163900.png](https://imgos.cn/2024/08/11/66b8780401ac8.png)
|
|
|
|
|
会来到上传界面,上传你的网站源码(首页的名字要改成index)
|
|
|
|
|
![微信图片_20240811164246.png](https://imgos.cn/2024/08/11/66b878e27b63b.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
上传完后点Commit changes
|
|
|
|
|
![微信图片_20240811164435.png](https://imgos.cn/2024/08/11/66b879592f5bb.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后你访问 你的用户名.github.io就可以访问了
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
如果你做到这一步至此你的网站已经是搭建完成了可是呢github的网站服务器在国外,访问的延迟不太行为了降低延迟可以选择以下方式
|
|
|
|
|
## 2\.cloudflare saas回源
|
|
|
|
|
先将你的回源域名绑定到cloudflare
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后创建一个DNS记录
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
类型填CNAME 名称填origin 内容填你刚刚搭建完的网站
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
你的用户名.github.io 选择开启小黄云 点保存
|
|
|
|
|
![微信图片_20240811165109.png](https://imgos.cn/2024/08/11/66b87ad8100c1.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后来到ssl/tls-自定义主机名
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后选择开通,如果它提示你要绑卡的话,如果你没有卡,你可以上闲鱼买一个15块的代绑
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
开通完成后,先在回退源那输入你刚刚创建的DNS记录origin.你的回源域名
|
|
|
|
|
![微信图片_20240811165404.png](https://imgos.cn/2024/08/11/66b87b8629e25.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
等待到那里显示生效后 点击添加自定义主机名
|
|
|
|
|
![屏幕截图 2024-08-11 165519.png](https://imgos.cn/2024/08/11/66b87bd9426cf.png)
|
|
|
|
|
自定义主机名填你的用来开网站的域名
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
填完后点击添加
|
|
|
|
|
![微信图片_20240811165712.png](https://imgos.cn/2024/08/11/66b87c41ed2bb.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后按照提示完成txt授权
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后回到DNS记录
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
添加一个类型为CNAME 名称为cdn 内容为
|
|
|
|
|
cf-cname.xingpingcn.top 不需要开启小黄云
|
|
|
|
|
![微信图片_20240811170024.png](https://imgos.cn/2024/08/11/66b87d02bf0fb.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后来到你的主域名 添加DNS记录
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
添加一个类型为CNAME 名称为输入你刚刚在自定义主机名时输入的前缀 内容为cdn.你的回源域名
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
并等待DNS记录生效,生效后就可以正常使用你的域名访问了
|
|
|
|
|
### 3\. 使用Linux搭建网站
|
|
|
|
|
以ubuntu为例
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
在控制台输入apt install nginx
|
|
|
|
|
![屏幕截图 2024-08-11 170304.png](https://imgos.cn/2024/08/11/66b87db46ee00.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后找到var-www-html将网站源码上传上去,然后你就可以直接访问IP看到你的网站,然后添加一个a类型的解析内容就填你服务器的IP,然后就可以正常访问了
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
注意国内IP需要域名备案
|
|
|
|
|
### 4\.使用windows搭建网站
|
2024-08-11 20:01:13 +08:00
|
|
|
|
在浏览器中输入 https://nginx.org/en/
|
2024-08-11 19:38:25 +08:00
|
|
|
|
![屏幕截图 2024-08-11 170434.png](https://imgos.cn/2024/08/11/66b87dffb19c8.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
然后点击右边的download
|
|
|
|
|
![屏幕截图 2024-08-11 170519.png](https://imgos.cn/2024/08/11/66b87e2c21176.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
进入后点击你电脑适合的版本
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
选择下载要下载带有windows这个词的
|
|
|
|
|
![屏幕截图 2024-08-11 170643.png](https://imgos.cn/2024/08/11/66b87e80b7120.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
下载完之后解压文件(如果连解压文件都不会,还是别开服了)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
解压后进入文件夹,找到名字为html的文件夹
|
|
|
|
|
![屏幕截图 2024-08-11 170738.png](https://imgos.cn/2024/08/11/66b87ec105cb1.png)
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
将你的源码上传上去。记住先把原来里面的文件给删掉再放
|
|
|
|
|
|
|
|
|
|
然后双击启动nginx.exe
|
|
|
|
|
![屏幕截图 2024-08-11 170845.png](https://imgos.cn/2024/08/11/66b87efdb500b.png)s
|
|
|
|
|
|
|
|
|
|
然后如果你的服务器有公网IP的话,现在的浏览器输入你的公网IP就可以看到你的网站了
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
如果你按照前面的教程申请了公网IP,并且关闭了防火墙,但是还是访问不了的话,那就是运营商封了80和443
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
如果可以正常访问,那就可以来到你的域名添加一个a类型的记录,把服务器的公网IP填进去然后就可以使用域名访问了
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|
2024-08-11 19:38:25 +08:00
|
|
|
|
注意国内IP需要域名备案
|
2024-08-11 11:31:53 +08:00
|
|
|
|
|