![[无服务器建站]一键搭建自己的Hexo个人博客](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe3132b6f-37bd-44dd-b77e-7e530e5050f5%2Fvercel-hexo.png?table=block&id=0f783eaa-0309-46f1-bbac-60f0db2e749f&cache=v2)
[无服务器建站]一键搭建自己的Hexo个人博客
本文字数 0 | 阅读时长 ≈ 0 分钟
tags
Vercel
Hexo
Blog
status
Published
type
Post
summary
利用Vercel托管,几分钟就能搭建一个博客站点,并绑定自己的域名 https://hexo.tangly1024.com/
date
Jul 1, 2021
slug
vercel
category
技术分享
HEXO+Vercel建站方案
Vercel:是我用过的最好用的网站托管服务。可以托管基于hexo引擎模板开发的博客。vercel类似于github page,但远比github page强大,速度也快得多得多,而且将Github授权给vercel后,可以达到最优雅的发布体验,只需将代码轻轻一推,项目就自动更新部署了。
HEXO: Hexo 是一个基于 nodejs 的静态博客网站生成器,通过使用脚手架安装后,命令操作简单,直接开箱使用,支持丰富的主题,支持高度的自定义化,主要使用 markdown 语法。你可以自行开发插件,优化你的博客。
效果演示
这是我用了几分钟搭建的hexo博客 https://hexo.tangly1024.com

1.快速开始
- 访问并登陆vercel网站,推荐使用github登陆
- 查看vercel可以使用的部署模板 https://vercel.com/new/templates 并找到HEXO

- Vercel会引导你在自己的github中创建对应的代码仓库;点击
create;(下一步提示创建团队直接skip跳过即可)

- 完成后进入控制台

- 在View Domains 里可以查看访问的域名,以及配置你自己自定义的域名


- 我的域名打开
2.设置自定义域名
- 首先需要在域名服务商处购买域名。
- 域名购买好后,在vercel控制面板中找到Setting→Domains→
Add,输入域名

- Add之后,可能会看到下图中的样子,别着急,还需要在域名服务商后台配置域名,设置解析。

- 打开域名控制台,按照vercel的提示添加一条如下图的解析记录;(我这里用的是cloudflare);

- 添加完之后,Vercel的卡片会变成如图的样子

接下来就可以通过设置的域名(如 https://hexo.tangly1024.com )访问我们的网站了,一个简单的Hexo项目就部署完成了!需要更新网站,只需要往github上提交新的commit,vercel就会自动重新构建了!完美。
3.写文章
Hexo的项目结构是在网站根目录的source/_posts目录下存放你的博客文档,以.md文档格式存储,默认已存在一个hello-world.md文章

总结
只要几分钟就能拥有自己的独立博客,快试试吧~
- Author:tangly1024
- URL:https://tangly1024.com/article/vercel
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Tags:
Vercel
Hexo
Blog