How 2 构建你自己的网站 | 萌新建站指南 0x01

· · 科技·工程

0x00 前言

此处的“网站”指通过第三方服务构建的能通过域名访问的静态网站，与通过服务器搭建的网页存在区别

其实这个系列最早是作为水的帖子出现的

https://linux.do/t/topic/657592

0x01 环境准备

请注意，部分服务处于国外，善用科学工具

开始之前，请确认你是Windows系统（别的可能水土不服会有问题），有这么几个东西要准备：

  1. git，官网下载地址
  2. GitHub账号（实在没有的，自己 github.com 用邮箱注册一个）

一个纯HTML网页格式大概是下面这个样子的：

/   根目录
|
|- index.html
|
|- folder
|  |
|  |- index.html
|  |
|  |- tmp.html
|
|- tmp.html

那么访问网站时的对应格式大概就是这么个样子（假设域名为example.com）：

example.com            -> /index.html
example.com/tmp        -> /tmp.html
example.com/folder     -> /folder/index.html
example.com/folder/tmp -> /folder/tmp.html

那么知道了这一点，我们就可以开始着手编写网页了

0x02 编写网页

其实这一步你交给AI就行了（手动狗头）

参阅：HTML（超文本标记语言） | Mozilla 开发者指南

0x02.01 配置SSH密钥

在Git Bash执行如下命令：

ssh-keygen -t rsa -C "邮件地址"

注意，”邮件地址“需要替换成你自己的Github绑定邮箱，保留引号

在执行了第二行的内容后，点三下换行（Enter）

在文件资源管理器中打开C:\Users\你的用户名\.ssh，复制id_rsa.pub中的所有内容

访问GitHubSSH密钥配置界面

密钥选择框不切换，最上方的输入框随便填，最下面的输入框黏贴你在id_rsa.pub中复制的内容

最后点击绿色按钮，完成SSH公钥的配置

在Git Bash中执行以下内容，如果没有报错则说明配置成功

ssh -T [email protected]

随后配置你的Git Bash，执行以下内容：

git config --global user.name "你的Github用户名"
git config --global user.email "你的Github邮箱"

将以上两行内容中被双引号包裹的内容替换为你自己的信息，保留双引号

0x02.02 上传

然后你会得到一个形似 [email protected]:你的Github用户名/存储库名称.git 的远程仓库链接

你可以在本地编写完代码后通过以下方式提交

# git init（这行代码只需要运行一次）
git add .
git commit -m "你的提交消息"
git branch -M main
git remote add origin [email protected]:你的Github用户名/存储库名称.git
git push -u --force origin main
git remote remove origin

0x02.03 部署

Netlify官网

如果没有问题的话，你可以从 https://app.netlify.com/projects/你的项目名称/domain-management 看到用于访问的域名

0x03 后记

其实没啥好说的，有后端的网站后面再说

给个赞吧