个人博客搭建过程

hugo + vercel + github

  1. vercel中dashboard创建新项目,选择hugo模板,相关文件会自动同步到github上的仓库。记得修改环境变量hugo version到比较新的版本,后面vercel自动部署时容易出问题。
  2. 将该仓库clone到本地,利用git或下载主题文件,将主题文件夹放到hugo的themes文件夹内。本地不要git submodule,否则vercel部署会出错。
  3. 按照主题说明,修改config.toml文件。
  4. git push到Github仓库内
  5. 之后,写文章之类的便可从网页版直接在线 add file md文件,也可本地git push md文件,vercel会自动部署。
    • 在线修改仓库文件:拉取到本地,可能会和本地文件出现冲突
    • 本地修改添加文件之后,git到远程仓库
    • git相关问题见文末

自定义域名

买完域名之后,是用的cf的DNS和代理服务。在部署到vercel之后,添加自定义域名时候,需要根据说明在原DNS服务器上添加记录(较快),或者在域名服务商处删除原DNS服务器,设置为vercel提供的服务器(较慢)。

  • vercel针对cf有具体的说明,分为cf提供代理和cf不提供代理(仅作为DNS)两种。
    • cf提供代理:可能在vercel方位状况不好时提供别的解决方案。参见下方一些博主的文章。

    • cf不提供代理:直接在原DNS服务器上添加记录,如下图。 采用这种方式之后,不知为何在电脑上一直出现该网页无法正常运作 将您重定向的次数过多。的提示,手机就可正常访问。

      https://tucang.cc/api/image/show/94e0933c88e1383ae7669bd863b9715b

    • https://vercel.com/support/articles/using-cloudflare-with-vercel

    • 后来直接删除cf中的dns记录,在域名服务商中设置DNS为vercel提供的。此时提示名字未解析。

    • 然后在cf中将站点整个删除,访问,成功!

优点

  • 无需本地环境
  • 多设备友好
  • 部署速度快(hugo>hexo>jekyll)

git相关问题

  • git pull拉取远程文件,出现冲突,只保留远程文件

    git merge –abort

    git reset –hard origin/or main

    git fetch

    git merge

  • 连接出问题,就挂上代理

    http://127.0.0.1:7890 是代理软件里面设置的端口

    git config –global http.proxy http://127.0.0.1:7890

    git config –global https.proxy http://127.0.0.1:7890

  • 本地直接修改添加文件然后上传的命令(常用)

    git add .

    git commit -m “注释”

    git push

  • git新电脑操作要先设置密钥

其他

vercel联合使用cloudflare的方法。

在vercel连接性不好的时候可以试试。

使用 Vercel + Notion 搭建低成本博客

里面很多参考文章

使用Cloudflare加速vercel

Vercel 国内加速访问

github + vercel + jekyll

尽管jekyll比较慢,但我第一次尝试部署在vercel上就成功了,不像hugo折腾了好久。

此外,在 武大路飞的博客 中得知了一款jekyll的主题:chirpy,很是中意。

不幸的是,我同样因为jekyll在md方面的问题放弃了它。

reference

使用Jekyll + Github Pages搭建静态网站 - 武大路飞 (whuwangyong.netlify.app)

静态博客框架jekyll、hexo和hugo三者之间的区别与差异 - 知乎 (zhihu.com)

Github Pages+Hexo 博客搭建 | 循迹研究室 (imzlp.com)

https://imzlp.com/posts/42318/

主题文档 - 基本概念 - FixIt (lruihao.cn)

主题文档 - 基本概念 - DoIt (hugodoit.pages.dev)