个人博客搭建过程
hugo + vercel + github
- vercel中dashboard创建新项目,选择hugo模板,相关文件会自动同步到github上的仓库。记得修改环境变量hugo version到比较新的版本,后面vercel自动部署时容易出问题。
- 将该仓库clone到本地,利用git或下载主题文件,将主题文件夹放到hugo的themes文件夹内。本地不要git submodule,否则vercel部署会出错。
- 按照主题说明,修改config.toml文件。
- git push到Github仓库内
- 之后,写文章之类的便可从网页版直接在线 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://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连接性不好的时候可以试试。
里面很多参考文章
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/