[建站相关] 从零开始搭建个人博客网站系列 三、hugo站点自动部署到vercel托管平台
作者:CC下载站 日期:2021-12-02 01:03:55 浏览:20 分类:站长帮
使用个人博客也有一年多的时间,这一年多的时候踩了很多坑,也学到了很多知识。
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:一种在云中运行容器的简单方法
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[电影] 《环太平洋两部合集》 4K REMUX原盘 [杜比视界] 国英双语音轨 [内封特效字幕] [133.8G]
[电影] 异人之下 The Traveller 2024✨【影版】【4K正式版/HQ超高码/DDP5.1】✚【1080高码】无水印/无压缩
[动漫] 头文字D 动漫 (1998) S01-S06季 1080P 国粤日音轨 续作 剧场版 电影
[小说] 知轩藏书全站7667册txt小说合集精心校对版
[杂志] 电脑爱好者杂志14年 超全 [PDF]
[电影] 西游记全部版本-4K高清修复-总计384G-1986+1996+1998+2002+2010浙版+西游记后传
[纪录片] 【国家地理百年纪念典藏】超经典100集全 MP4格式 (绝佳学习资料)27GB
[纪录片] B站食贫道收费纪录片 *迷失东京* [1080P] 揭露日本大家感兴趣却不为人知的秘密
[网络线报] 城通网盘福利线报解析器 - 获取直连下载地址
[福利线报] 一个「脚本」搞定六大网盘(百度/阿里/天翼/迅雷/夸克/移动)
[游戏] 《黑神话悟空》免安装学习版【全dlc整合完整版】+Steam游戏解锁+游戏修改工具!
[动画] 《名侦探柯南》名侦探柯南百万美元的五菱星 [TC] [MP4]
[电视剧集] [BT下载][黑暗城市- 清扫魔 Dark City: The Cleaner 第一季][全06集][英语无字][MKV][720P/1080P][WEB-RAW]
[涨点姿势] 男性性技宝典:14招实战驭女术——爱抚、按摩、催情、姿势、高潮全攻略
[动画] 2002《火影忍者》720集全【4K典藏版】+11部剧场版+OVA+漫画 内嵌简日字幕
[剧集] 《斯巴达克斯》1-4季合集 无删减版 1080P 内嵌简英特效字幕
[CG剧情] 《黑神话:悟空》158分钟CG完整剧情合集 4K120帧最高画质
[短剧] 被下架·禁播的羞羞短剧·午夜短剧合集
[游戏] 黑神话悟空离线完整版+修改器
[图像处理] 光影魔术手v4.6.0.578绿色版
[影视] 美国内战 4K蓝光原盘下载+高清MKV版/内战/帝国浩劫:美国内战(台)/美帝崩裂(港) 2024 Civil War 63.86G
[影视] 一命 3D 蓝光高清MKV版/切腹 / 切腹:武士之死 / Hara-Kiri: Death of a Samurai / Ichimei 2011 一命 13.6G
[影视] 爱情我你他 蓝光原盘下载+高清MKV版/你、我、他她他 2005 Me and You and Everyone We Know 23.2G
[影视] 穿越美国 蓝光原盘下载+高清MKV版/窈窕老爸 / 寻找他妈…的故事 2005 Transamerica 20.8G
[电影] 《黄飞鸿》全系列合集
[Android] 开罗游戏 ▎像素风格的模拟经营的游戏厂商安卓游戏大合集
[游戏合集] 要战便战 v0.9.107 免安装绿色中文版
[资源] 精整2023年知识星球付费文合集136篇【PDF格式】
[系统]【黑果小兵】macOS Big Sur 11.0.1 20B50 正式版 with Clover 5126 黑苹果系统镜像下载
[美图] 【经典收藏美图集合】1500多张韩国美女高清图片让你的收藏夹更加丰富多彩
- 最新评论
-
有靳东!嘻嘻奥古斯都.凯撒 评论于:10-28 流星花园是F4处女作也是4人集体搭配的唯一一部!奥古斯都.凯撒 评论于:10-28 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢AAAAA 评论于:10-26 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢password63 评论于:10-26 找了好久的资源,终于在这里找齐了!!!!blog001 评论于:10-21 找了好久的资源,终于在这里找齐了!!!!blog001 评论于:10-21 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢WillKwok 评论于:10-09 感谢分享1234123 评论于:10-07 太好了终于找到了谢谢Tom 评论于:10-07 谢谢分享loonghd 评论于:09-30
- 热门tag