更新了搭建官网

This commit is contained in:
Yaosanqi137 2024-08-11 19:38:25 +08:00
parent 13919c697f
commit dfd7cd294e

View File

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