通过vercel部署hugo静态博客搭建

背景

本文编写目的主要是帮助小白快速部署一个简洁好看的私人静态博客,支持他人评论,文章统计等功能,具备被google、baidu等搜索引擎索引等特点。
为什么要自建一个私人博客?
这一点很简单,1. 博客掌握在自己手上,大平台也是可以说跑就跑的(狗头);2. 自建一个好看的博客成就感更足,培养自己的动手能力

博客选型

为什么不用动态博客,而用静态博客?
动态博客的页面是在用户访问时动态生成的,通常使用服务器端脚本语言(如 PHP、Python、Ruby 等)和数据库来生成页面内容,需要服务器成本

快速开始

自身可FQ(github和vercel使用前提)

创建好github和vercel账号,这一步基本随便建

尽量自己有一个域名,没有的话也没关系,就是国内无法访问而已,也可以考虑通过cloudflare加速

访问hugo-vercel-starter,可以快速部署自带doit主题静态博客,注意填写好hugo版本即可部署
通过vercel部署hugo静态博客搭建

通过vercel部署hugo静态博客搭建
通过vercel部署hugo静态博客搭建
通过vercel部署hugo静态博客搭建

最后,访问vercel给出的域名即可,我这里vercel给的域名hugo博客demo (demo-vercel-blog.vercel.app)

案例

hugo博客demo (demo-vercel-blog.vercel.app)

自定义域名指向该静态博客

前提:自己有一个域名
域名添加到cloudflare管理,并配置dns解析服务器,完成后即可添加对应的域名解析vercel给的xxx.xxx.app域名

通过vercel部署hugo静态博客搭建

通过vercel部署hugo静态博客搭建

通过vercel部署hugo静态博客搭建

上面cloudflare设置完成后在vercel里面添加自己的域名解析对应的app
通过vercel部署hugo静态博客搭建

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...