[建站相关] 从零开始搭建个人博客网站系列 三、hugo站点自动部署到vercel托管平台
作者:CC下载站 日期:2021-12-02 01:03:55 浏览:21 分类:站长帮
使用个人博客也有一年多的时间,这一年多的时候踩了很多坑,也学到了很多知识。
hugo站点自动部署到vercel
我们当前已经把hugo部署到Github Pages
上。但是Github Pages
有两个小问题:
- 国内访问慢,有些地区访问
Github Pages
可能超时 Github
禁止百度抓取网页,意味着你的网站没办法在百度上搜到。
当然你可以部署到自己的云服务器上,但是当我们没有云服务器的时候,就要找一些免费的托管平台。
Vercel 它是一个免费的网站托管平台,也是我目前用过最好的网站托管平台,不仅仅可以部署静态网站,而且还可以部署动态网站,所以我们可以拿 vercel 充当你免费的服务器,是非常好用的。
它有以下几点好处:
- 关联 github,只需要往 github 提交代码,它会自动获取最新的提交,然后自动部署
- 提供了免费的域名,省去了申请域名的问题,如果有自己的域名,还可以做个域名解析到这个平台上
- 提供了免费的 Https 证书,如果证书到期了,它会自动替换,完全不需要操心
- 傻瓜式的部署方式,它的操作非常简单,Vercel 提供了两种方式:通过命令行部署、通过 Vercel 提供管理后台部署,这期视频我们主要介绍通过命令行部署,因为命令行的部署方式更加简单
Vercel可以支持一键导入Github
, Gitlab
,非常方便。
部署到Vercel
想要把自己的博客部署到Vercel,有两种方式:
- 源码托管,Vercel会自动编译成目标文件。(vercel会执行hugo命令来编译成HTML文件)
- 目标文件托管,把Github Pages (HTML文件)导入Vercel。
经过我的实验,两种方式都可以成功,看个人喜好。
不过目标代码托管比较简单。
我这里两种托管方式都介绍。
无论哪种方式,都需要先注册一个Vercel账号:
Vercel
我这边直接使用github注册,同时方便从Github导入仓库。
目标代码托管
目标代码托管非常简单,只需要从Github导入你的 xx.github.io
仓库即可。
一、New Project
第一步是新建项目
二、Import Git Repository
导入Git仓库,可以选择导入所有仓库
三、选择codingxiaoma.github.io并Import
选择目标文件仓库 codingxiaoma.github.io
然后点击Import
四、设置
- FRAMEWORK PRESET 选Other (因为目标文件是没有框架的)
- 点击Deploy
五、完成
托管成功。
源码托管
源码托管需要注意几点:
- 源代码需要发布到Github上。
- public目录不能发布。(添加到 .gitignore上)
- 主题如果是从github下载下来的,子目录里面会有
.git
文件,发布代码的话,内层目录是不能有.git
的,它会识别成另一个git仓库并忽略上传,只上传一个软链接文件。所以需要删除themes主题下面的.git
文件,否则 Vercel 无法从 github上拉取到主题,编译会失败。
下面介绍下如何进行源码部署:
一、选择codingxiaoma
并Import
二、设置
- FRAMEWORK PRESET 自动会识别为Hugo
- Build Command 是hugo
- Output directory是public
- Environment Variables 填写hugo版本。不然会默认使用很旧的版本。
使用hugo version
查看你的hugo版本。
NAME: HUGO_VERSION
, VALUE: 0.89.4
三、点击发布
一、如果出现:
WARN 2021/11/29 14:03:51 found no layout file for "HTML" for kind "page": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
这是因为你的主题并没有发布到你的Github上,只是发布了一个软链接。 去到你的themes目录:
➜ even git:(master) rm -rf .git
如果还是没有变动需要提交,重命名even
提交,然后再改回来,就可以正常提交了。
二、如果出现:
ERROR 2021/11/29 14:10:32 mkdir /vercel/path0/public: file exists
意思是public文件已经存在了,Vercel没办法给你编译成目标文件,你需要从Github删除public并忽略public文件提交到Github。
方式:
你把public rename一下,并把public加到 .gitignore
里面提交,然后再把名字改回来,就自动被忽略了。
mv public public2
git add public public2
git commit -m "mv"
git push
echo 'public'>>.gitignore
mv public2 public
git add public2
git commit -m "gitignore"
git push
这样public就会忽略提交了且从Github删除。 点击Redeploy重新部署。(要从主界面重新进入,才是main branch) 等一会就发布成功了。
如果左边的小窗口显示正常,就说明发布成功,点击Visit
可以看到发布成功了。
可以看到Vercel自动给分配了一个域名。
注意:
BUILD COMMAND
是可以支持多行命令的,如果你有定制化的需求。
比如:
- 同时部署Github Pages和Verel,想要修改config.toml里面的域名。
- 想增加一个sitemap.xml等等。
可以像我一样:
sed -i "s/codingxiaoma.github.io/www.codingxiaoma.tk/g" config.toml; hugo; cd public; cp sitemap.xml gg_sitemap.xml; cd ../
是不是很强大。
下一章节讲讲述申请免费域名并绑定到个人博客。
总结
我们可以看到有两种发布方式。
- 源文件发布,Vercel会帮我们使用hugo命令编译成目标文件部署。
- 目标文件发布,Vercel直接就可以帮我们部署。
推荐使用目标文件发布,会简单很多,但是源文件部署可以在Command
那里做一些命令行的操作,比如一键替换配置里面的 baseURL
,等等。
Vercel是我用过最好用的免费的个人网站托管平台。推荐大家使用。
<全文完>
猜你还喜欢
- 06-04 [站长技术] 如何开启WordPress Multisite多站点网络
- 03-29 [环境测试] Hexo部署GitHub Pages
- 03-22 [源码设置] 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
- 03-06 [建站交流] PicGo + smms 构建图床
- 11-18 [emlog技巧] Emlog非插件显示评论者IP属地
- 11-09 [网站维护] WordPress 后台速度慢?加快仪表板速度的 15 种方法
- 11-09 [WordPress插件] 10 个最好用的 WordPress 聊天机器人插件(免费和付费)
- 11-09 [WordPress开发] 探索 WordPress 6.3 中的增强样板(Patterns)
- 11-09 [网站维护] 无需插件即可优化 WordPress 速度的 12 种策略
- 11-09 [网站安全] WordPress 安全统计:WordPress 到底有多安全?
- 09-20 [jsp技术] JSP ssm 特殊人群防走失系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计
- 09-15 [Lightsail容器] AWS Lightsail VPS:一种在云中运行容器的简单方法
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[书籍] 【帛书版】合集
[老照片] 一万张珍贵历史老照片【jpg 40.4GB】
[素材] 2024新年春节烟花素材合集【PSD格式+PNG格式】
[美剧] 《生活大爆炸》S01-S12季合集 【1080P 蓝光原盘REMUX】 DTS-HD.MA.5.1 【外挂简英双语字幕】 742.8G
[电影] 茶馆(1982)蓝光原盘REMUX 内封简繁英.简中简繁四字幕【33.9G】本片根据老舍同名原著改编
[电视剧] 永夜星河(2024)【4K 2160P 杜比音效】国语中字【全32集完结】爱情,古装 又名 :黑莲花攻略手册
[影视合集] 《霍比特人》三部曲加长版合集 【4K 蓝光 HDR】 TrueHD.7.1 国语次世代+导评 【国配简繁英特效+导评中字五字幕】134G
[课程] 2024邓诚高三数学视频课【MP4 12.2GB】
[电视剧] 宿敌(2024)【完结】【4K / 臻彩视听 / 杜比音效】【廖凡/朱珠】【17.8G】
[影视合集] 【鹿鼎记 7个版本合集】【1984-2020】【4K、1080P、720P】【中文字幕】【278.5G】
[书籍] 彭子益医书合集 [PDF/DOC]
[动画] 2002《火影忍者》720集全【4K典藏版】+11部剧场版+OVA+漫画 内嵌简日字幕
[剧集] 《斯巴达克斯》1-4季合集 无删减版 1080P 内嵌简英特效字幕
[电影] 《变形金刚系列》七部合集 [4K HDR 蓝光] 国英双语音轨 [内封精品特效字幕]【典藏版】235G
[动画] 收藏版:1996-2024年名侦探柯南全系列1080P,含国配、日配双语版+26部剧场作品
[CG剧情] 《黑神话:悟空》158分钟CG完整剧情合集 4K120帧最高画质
[纪录片] B站食贫道收费纪录片 *迷失东京* [1080P] 揭露日本大家感兴趣却不为人知的秘密
[电影] 《神奇动物在哪里三部合集》 4K REMUX原盘 [杜比视界] [国英双语音轨] 特效字幕 [171.1G]
[电影] 我的阿勒泰 (2024) 4K内封简繁 全8集 9.57G
[动画] 西游记 (1999) 动画版 4K 全52集 高清修复版 童年回忆
[电影] 《黄飞鸿》全系列合集
[Android] 开罗游戏 ▎像素风格的模拟经营的游戏厂商安卓游戏大合集
[游戏合集] 要战便战 v0.9.107 免安装绿色中文版
[电影] 【珍藏版】20世纪电影合集从1922年到1990年代,看看爷爷辈的电影是什么样合集约212G
[书籍] 彭子益医书合集 [PDF/DOC]
[系统]【黑果小兵】macOS Big Sur 11.0.1 20B50 正式版 with Clover 5126 黑苹果系统镜像下载
[美图] 【经典收藏美图集合】1500多张韩国美女高清图片让你的收藏夹更加丰富多彩
[瓜] 青岛【路虎女】插队、逆行、追尾、打人未删减【完整版视频】
[电视剧] 灵魂摆渡(1-3季合集)【未删减】【4K.无水印】【剧情/恐怖/惊悚】【豆瓣8.7】
[书籍资料] 《玉房秘诀》《玉房秘典》《古代房中术》
- 最新评论
-
电影很不错谢谢分享贪睡的猫 评论于:11-18 一部不错的经典科幻kelvin 评论于:11-13 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢285552528 评论于:11-09 找了好久的资源bjzchzch12 评论于:11-07 谢谢分享感谢ppy2016 评论于:11-05 谢谢分享感谢ppy2016 评论于:11-05 有靳东!嘻嘻奥古斯都.凯撒 评论于:10-28 流星花园是F4处女作也是4人集体搭配的唯一一部!奥古斯都.凯撒 评论于:10-28 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢AAAAA 评论于:10-26 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢password63 评论于:10-26
- 热门tag