NitWikit/docs/advance/open-website.md

118 lines
4.6 KiB
Markdown
Raw Normal View History

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