0成本5分钟快速搭建个人网站教程

框架

目前搭建个人网站的框架主要有docusaurus和hexo两种，本教程使用docusaurus

搭建环境

1. 安装IDE（我用的是vscode）
2. 安装node.js

安装好vscode后在vscode中打开一个文件夹，我这里是新建的test文件夹

引入docusaurus脚手架

在vscode的终端输入一行命令npx create-docusaurus@latest my-website classic，其中my-website可以改成自己的项目名，我这里是starknetSB

按下回车后还需要输入一个y，整个过程大约需要几分钟

安装好后打开自己的文件夹，我这里需要打开starknetSB文件夹

修改题目并测试

docusaurus有很多功能可以使用，建议大家自己看官网摸索

1. 中文官网
2. 英文官网

我这里演示一个修改题目并且在本地测试的例子

首先找到根目录下的docusaurus.config.js文件，修改title的值为starknetSB

然后在终端输入npm start

运行完毕后就会在浏览器中跳出一个ip地址为localhost:3000的测试网页，可以看到我的网页题目成功被修改为starknetSB

部署

网页要想让其他人能访问必须被部署到服务器上，vercel提供了免费的静态网页部署服务

首先把我们的代码push到github上，点击左边的源代码管理图标

点击下面的发布到github(vscode需要先连接到自己的github)

点击vscode上方的选择private或public方式

接着去vercel官网登录自己github，然后import

然后选择框架为Docusaurus（v2），点击deploy

大约一分钟后，出现这个页面就是成功了，然后点击右上角的continue to dashboard

vercel会给你分配一个域名，点击域名就来到自己的网页了