Skip to main content

【存档】本博客部署方案简介(Hugo + Netlify + Cusdis + Vercel)

三个月前,我花时间折腾了一两天,才顺利部署了眼前的这个个人博客,那时本来想着有了自己的场地,更有动力写点什么。没想到,那之后却连续遇上一些倒霉事,以及从此衍生出来牵扯精力的事,再无心他顾。三个月后,虽然问题本身还明晃晃地搁在那,但我逃避可耻却有用的心性却顽强地爬上来了,于是终于能找到时间重新看看这个博客,发现自己已经忘了很多技术细节,因而在此留下一篇存档,节省我以后查找的时间。万一以后真有缘分,能帮助其他有部署个人网站需要的网友,那自然是最好不过了(当然,由于我对个人博客技术的了解还很浅薄,后面喜新厌旧,转向新主题的可能性也很大。到时自然也会在此更新)。

  • 网站外观
    • 主框架:Hugo
    • 主题模板:Congo
    • 需要做的事
      • 在本地安装Hugo
      • 指定Congo主题
      • 改一些东西,运行hugo server进行本地测试
  • 域名与部署:Netlify
    • Hugo原生支持用配置文件集成Netlify上的部署,比较方便,需将网站repo同步到GitHub。参见此处
  • 评论系统(相对略麻烦的一步)
    • 评论系统:Cusdis
    • 后台数据库:PostgreSQL on Heroku
    • 部署:Vercel
    • 需要做的事
      • 注册Cusdis
      • 在Heroku上创建Postgres数据库,官方文档,亦可参考此处
      • 将Cusdis部署在Vercel上,官方文档
        • Cusdis原生支持Vercel和Postgres,所以这是最方便的一条路,理论上会自动完成,且创建一个Fork了Cusdis的Github目录。但在我印象里,部署时也有一些暗坑,如果部署失败,就看错误信息针对解决。一般是Postgres没有成功连接,或者Cusdis的依赖有冲突,后一种可能需要改一下Fork目录里的代码。
      • 修改Hugo代码,与Cusdis集成
        • 这一步似乎没有官方的集成方案,网友方案如下,可能根据Hugo主题不同略有区别,有问题可以问ChatGPT(bushi)
      • 评论并登录后台测试是否成功

That’s everything. Happy Blogging!