利用Cursor或者windsurf快速搭建个人网站

296 阅读6分钟

大家好,我是leon!

花了两小时完成了全新个人网站的搭建以及发布,工具选用Cursor和windsurf都可以,反正哪个免费用哪个,claude3.5-sonnet当天次数用完换一个

个人网站地址:www.uncle-cat.top/ 或者 leonaries.github.io/

第一步,描述需求

我想要建立一个个人网站,这个个人网站的功能是用于记录AI相关的历程 ,前端我打算采用vuepress来搭建网站,功能应该包括网站自我介绍,AI最新资讯,AI工具(大模型, 文本,文生图,图生视频,自动化等内容),优秀AI博主推荐等模块

第二步,按提示步骤 ,一步一步完善项目

按提示步骤完善内容,遇到问题一步一步根据提示解决,全部解决完以后可以通过本地http://localhost:8081/ (我的8080端口被占用啦) 可以访问自己本地的个人网站

但是好不容易做完一个个人网站,想给别人也看看怎么做呢。github给大家提供一个免费托管一个项目网站的功能

第三步,通过github pages发布网站

接着我们可以借助github pages托管静态网站的服务发布自己的个人网站,以供其他人进行访问

这时候别人也可以直接通过github上面的仓库名称.io进行访问啦

第四步,绑定自己的域名

如果想要包装一下显得专业一些,可以通过自己的域名就得去购买域名的网站上绑定DNS解析,让别人进行访问!

域名可以在阿里云上进行购买,购买后DNS 绑定github的服务器即可!具体步骤问问chatgpt ,高手助阵!!!

1、购买域名

在阿里云上面上面购买了域名,域名交易地址

查询后加入清单进行购买就可以了

2、域名映射到服务器

域名解析中去设置记录值为购买的服务器ip

把github pages这几个ip配置到前一张图里面的记录值中,注意一次只能配置一个,需要多配置几次

3、github pages 中配置域名

接下来到github 项目中找到设置,然后在左边的Pages菜单下面Custom domain中去配置购买的域名即可,我购买的为uncle-cat.top ,填入其中

最后:大功告成

补充:如果需要部署多个网站和服务,那就需要购买服务器部署网站

1、购买服务器

阿里云、华为云都可以,我购买了一台阿里云服务器,ECS共享型服务器 72.6元/一年 续费86元/年,如果只是用于个人建站其实轻量应用服务器也够了,但是个人想琢磨一下别的玩意儿就购买的ECS

操作系统可以选择CentOs, 地域我本来想近一点,选西南成都的,奈何没有了只能选择杭州

购买以后进入云服务器ECS 实例下进行查看

2、修改root账户密码,下载ssh工具 finalShell ,通过它来链接服务器

登陆成功以后就进入自己的服务器了

3、上传个人网站静态资源文件

在服务器新建一个目录放置个人网站的静态资源文件

4、在服务器上安装nginx环境

安装:

通过yum全局安装

yum install nginx

启用并启动Nginx服务:

sudo systemctl enable nginx

sudo systemctl start nginx

要验证服务是否正在运行,检查其状态:

sudo systemctl status nginx

这里绿了,就代表已经成功启动nginx了

切换到/etc/nginx目录下,双击nginx.conf文件

在location下面 把个人网站的index.html页面进行映射,这样也可以通过服务器ip+资源在服务器上的路径来访问网站,同样购买的服务器ip也可以到阿里云域名设置中去进行配置,这样就和github pages一样可以通过域名来访问自己部署在服务器上的网站了。