Hexo+Githubpages网站加速
1. 前言
本网站利用Hexo
框架+Githubpages
搭建而成,主题采用的是matery
,想必各位也都知道托管在Github上在国内访问巨慢,有时根本进不去,我在这里推荐一个方法可以大幅度提升网站访问速度。并不是只限于matery
主题,只要是托管在Github上的静态网站都可以用。就是利用Vercel平台加速。使用Github的通常多多少少都了解Vercel。
Vercel 的详细介绍:
- 网站部署:Vercel 允许开发者将其网站或应用程序快速部署到全球各地的服务器上。这有助于确保您的应用在世界各地的用户都能够获得快速和可靠的访问。
- 自动化部署:Vercel 提供了自动化工具,可以与您的代码仓库(如GitHub、GitLab、Bitbucket等)集成,使得代码提交后,应用程序的构建和部署自动触发。这有助于降低部署过程中的人工错误和时间浪费。
- 无服务器函数:Vercel 支持 Serverless 部署模型,允许开发者创建和部署无服务器函数,以便构建高度可伸缩和高性能的应用程序。您可以使用它来创建 API 端点、后端逻辑或其他与业务逻辑相关的功能。
- 域名管理:Vercel 具有强大的域名管理功能,您可以轻松地将自己的域名与您的应用程序关联。此外,它还支持 HTTPS,确保您的应用程序在安全的连接下运行。
- 性能优化:Vercel 提供了一系列工具和特性,以帮助您优化应用程序的性能。它具有全球 CDN 支持,确保内容快速传递给用户,还提供了图像优化、预取等功能。
- 团队协作:Vercel 允许团队协作开发应用程序。您可以邀请团队成员,并管理他们的权限,以便多人协作,共同开发和维护项目。
- 监控和分析:Vercel 提供了应用程序的监控和分析工具,以帮助您了解应用程序的性能和用户行为。这有助于及时发现和解决问题。
- 无需服务器管理:使用 Vercel,您无需担心服务器管理、容量规划和网络配置等问题,因为这些都由平台自动处理。
2. 实践操作
2.1 注册账号
注册账号: 首先进入Vercel官网,直接用 Github 登录(Github Page 用户)。
2.2 导入项目
点击 New Project
按钮新建项目,然后导入你的 GitHub 博客项目(xxx.github.io
那个)。有可能他会自动识别,自己可以按照实际情况自己来,只要把那个项目导入就行。详情见下图。
2.3 部署网站
在这里就提醒一点,部署前选择 Other 模板即可,其他的都默认。最后在部署卡片上面你就可以看到 Vercel 生成的 URL ,那就是 Vercel 加速后的网址。
2.4 自定义域名
这也是我选择用Vercel最大的原因,既能加速又能自定义域名何乐而不为呢。
回到你部署网站成功的页面,点击右上角domains
按钮,进入域名添加页面。
我添加的是只解析域名不带WWW
,将www
的域名地址重定向到主域名上。添加完成后它会刷新错误,展开后将里面的解析类型、解析名称和目标值添加到DNS解析即可。
2.5 域名解析
来到域名服务提供商处(腾讯云、阿里云等),在DNS解析处添加你从上面拿到的解析记录值,包括解析类型、名称、目标内容。
3. 总结
到这里就已经加速成功,不挂VPN也能快速访问网站,就算以后你在写文章,往Github仓库推送也没事,Vercel也会跟着你推送的同时更新分支,简直就是香中之香。