大家好,我是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一样可以通过域名来访问自己部署在服务器上的网站了。