[建站相关] 从零开始搭建个人博客网站系列 三、hugo站点自动部署到vercel托管平台
作者:CC下载站 日期:2021-12-02 01:03:55 浏览:8 分类:站长帮
使用个人博客也有一年多的时间,这一年多的时候踩了很多坑,也学到了很多知识。
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是我用过最好用的免费的个人网站托管平台。推荐大家使用。
<全文完>
猜你还喜欢
- 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:一种在云中运行容器的简单方法
- 07-28 [运维笔记] 解决网站出现"SSL_ERROR_RX_RECORD_TOO_LONG"问题
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[资料教程] 事业单位必刷题库
[技术课程] 【易锦】WEB渗透Hacker技术特训营(直播课第14期)
[课程] 轻松汽车摄影-全能课,最全汽车视频拍摄技巧(32节课)
[资料教程] 辣条制作配方及教程
[音乐] 低音炮车载340首
[课程] 夜鹰10分钟救命课(完结)
[资料] 寻道网道医精品视频课程集合15部
[资料课程] 适合3-7岁学前幼小衔接 《22天搞定拼音》,认、读、拼、写
[课程] 衣之镖-- 《辅行诀五脏用药法要》研究 线上54讲课程视频
[课程] 12节在家也能练出性感蜜桃臀,让臀部变得圆、紧、翘
[资料] [大学期末救急课] 猴博士+高斯课堂+斐多课堂,全集视频合集
[云资源] 价值2万元的老男孩Python教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[云资源] 花了一千多元买的私人健身教程
[下载工具] Internet Download Manager 6.42.7 (IDM)
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[安卓软件] 酷我音乐APP_v10.7.6.4 去广告破解豪华VIP版
[即时通讯] 微信PC版WeChat 3.9.9.43 多开防撤回绿色版
[安卓软件] Solid Explorer文件管理器APP 2.8.38 破解版
[浏览器] Google Chrome v123.0.6312.59便携增强版
[云资源] 价值2万元的老男孩Python教程
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[云资源] 花了一千多元买的私人健身教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[动画] 北斗神拳(1984) [两季合集] [MKV]
[资料] 抗战阵亡将士资料+续编
[电视剧] 三体 (2024) 全8集 网飞版本 中文字幕 合集
[纪录片] 河西走廊【10集 国语 中文字幕 1080P 10.8G MP4】
[电影] 2024年喜剧片·热辣滚烫 [mp4]
[影视] 铁爪 WEB-DL版下载 2023 The Iron Claw 23.48G
- 最新评论
-
杂物房内的旧档资源不保证有效CC下载站 评论于:05-14 不能**123 评论于:05-14 我想看看mw2ddyy 评论于:04-26 好东西阿zfy123123 评论于:04-18 谢谢楼主xiaoqi 评论于:04-12 勿在线解压,勿手机解压,请在电脑上用最新款压缩软件解压!推荐360压缩或者好压CC下载站 评论于:04-10 无法解压啊,客服能不能给个解压教程ravengrey 评论于:04-10 谢谢支持!!CC下载站 评论于:03-26 很棒的资源,感谢分享云体风身 评论于:03-26 感谢分享,好东西云体风身 评论于:03-26
- 热门tag