Profile For Leo

平台

Github

Github是全球最大的免费代码托管平台，使用Git作为版本控制软件。
我们使用Github来保存源代码和素材，发挥存储服务器的作用。

Vercel

Vercel可以提供免费的网站托管服务和免费的个性化二级域名。使用Github账户登陆Vercel，在Vercel中新建项目，并从Github中导入储存个人网站代码和文件的仓库，添加好Custome 域名，以便Vercel接收到来自linhengli.com的请求时，将请求转到本项目 https://zhuanlan.zhihu.com/p/347990778

GoDaddy

域名提供商，同时提供域名解析服务。域名解析的作用是当访问linhengli.com时，将访问请求转发到网站托管平台当使用Vercel托管网站时，需要添加两条解析规则（具体规则参见vercel）

CNAME www cname.vercel-dns.com.
A @ 76.76.21.21

Web

HTML

CSS

定制

vscode

vscode是一款轻量级可扩展的代码编辑器，用它编写前端（也就是网页）代码非常方便。
必备的插件：

GitLens
Markdown All in One
open in browser

git

在自己的电脑上安装git工具来实现对代码的版本控制

开发流程

前期准备

在PC上安装vscode和必备插件
在PC上安装git并学习其基本用法(https://www.liaoxuefeng.com/wiki/896043488029600)
注册github账号
学习github仓库的创建以及如何将自己电脑上的本地代码仓库推送到位于Github的远程仓库
学习html的基本语法(https://www.runoob.com/html/html-tutorial.html)
学习css的基本语法(https://www.runoob.com/html/html-tutorial.html)

部署流程

在本地编写好网页代码
将代码推送至Github
使用Github账户登陆vercel
在vercel中点击Add new，选择project，在Import Git Repository下，选择自己的github账户，并导入储存代码的仓库
进入刚刚创建的project中，点击view domains，在add栏中，输入购买的域名(也就是linhengli.com)，点击configuration可以查看域名的配置规则
登陆GoDaddy，进入域名管理界面中的DNS设置，修改A类型，姓名为@的记录和CNAME类型姓名为www的记录
修改后等待一段时间域名解析生效后就可以正常访问了
后续修改网页代码后只要将最新代码推送到github，vercel会自动更新网站内容，这时访问linhengli.com就可以看到最新的页面

**注意：**vercel会默认将 index.html 作为网站的首页，所以网页主页的文件命名最好为 index.html

Baizx98/profile