快速搭建个人网站的方法 如何免费搭建一个自己的网站

21 年 , 我花 258 在阿里云买一个服务器 , 将我的小网站重新部署到互联网 。
当时一番折腾 , 将实现纯文本网站的框架从 WordPress 变成 Pelican 。WordPress 发布新文章 , 需要在界面上复制粘贴一通操作;Pelican 发布文章只需要执行一行指令将 Markdown 文件转成 HTML 就好 。
当时觉得 Pelican 比 WordPress 方便许多 , 我甚至在 GitHub 上创建一个项目保留提交记录 。由此 , 我发布一篇新文章的步骤是这样的:

  1. 本地写好 Markdown 文件 , 将其放置于正确的目录 , 提交到 GitHub 。
  2. ssh 连上阿里云服务器 , 更新最新文章 , 执行转化指令 。
第 2 步的操作 , 我感觉是烦的 。待新鲜感过去 , 我便不想再将每周的更新都搬运到自己的小站上 。终于 , 阿里云服务器到期 , 即便双十一期间每天接到一个阿里云推销电话 , 我都不再续费 。
我的域名又空置了 。
最近和飞飞哥(公众号“码农在新加坡”的作者)交流极多 , 他开始将文章转为视频并取得不错进展(每天能吃一碗小面 , 还能接到一些公司的工具体验视频邀约) 。
和飞飞哥交流过程中 , 他向我推荐了他搭建网站的方法 。由这推荐 , 我花两小时将我的小站重新上线 , 这方法既方便又免费 , 于是有了本篇分享 。
我现在发布一篇新文章的步骤是这样的:
  1. 本地写好 Markdown 文件 , 提交到 GitHub 。
是的 , 我需要做的事情 , 只是在本地使用我所熟练的工具写好 Markdown 后 , 提交到 GitHub 就好 。剩下的事情 , 都不用管了 。
快速搭建个人网站的方法 如何免费搭建一个自己的网站

文章插图
修改的内容 , 都是有邮件通知的
具体的搭建步骤如下:
一、准备事项1、买一个域名
域名是需要花钱的 。但我感觉这钱值得 , 原因有两点 , 一是拥有自己的域名是会有一些满足感的 , 这满足感会成为自信的来源之一 。
二是域名也算投资 , 以前听说“jd.com”是京东花几百万买下来的 。京东太大 , 只以我自己的域名“biyego.com”(当时选这域名有两个意思 , 一是“毕业狗” , 二是“毕业了 , go!go!go!冲!冲!冲!”)举例 , 我花 1000 元买了 10 年 , 前两天上 godaddy 看 , 估值已经达到 1589 刀 。
2、注册一个 GitHub 账号
GitHub 或是 GitLab 都可以 。(我试过用 GitLab , 不知道为何拉不了代码 , 所以推荐用 GitHub 。)
准备事项到此结束 。
二、开始搭建个人网站1、创建项目
浏览器打开 vercel.com , 使用 GitHub 账号登录 。选中一个模板 , 按照上面的教程 , 点点点 , Vercel 会在 GitHub 上面创建一个项目 , 这个项目便是网站将要展示的内容 。
我选择是 portfolio , 选择它的原因是它的简介中包含“Markdown”关键字 。
【快速搭建个人网站的方法 如何免费搭建一个自己的网站】2、关联域名
域名设置有两个地方需要修改 , 一是 vercel 中将项目与域名关联起来 , 直接按照 vercel 上面的教程操作就好 。(本篇只列举大体框架 , 并没有很详细的步骤 , 因为我觉得只要您上 vercel 点两下 , 是肯定也能很快搞定的 。)
二是上域名服务商 , 将域名服务器设置为 vercel 提供的地址 。
快速搭建个人网站的方法 如何免费搭建一个自己的网站

文章插图
我在 godaddy 上面的配置是这样的
3、正式发布
完成以上设置 , 只需点一下发布按钮 , 整个网站便部署完成 。后面做的事情 , 只需要将新的页面(Markdown 文章)提交到 main 分支就好 。vercel 会自动发布的 。
以上便是我搭建一个文本网站的步骤 。我搜了一下 , vercel 也是可以有后端的 , 也就是说 , 即便想要搭建的网站并非我这样的简单展示 , 也是可以借助此平台完成的 。
更多的使用场景 , 期待您的发现 。