[无服务器建站]一键搭建自己的Hexo个人博客
[无服务器建站]一键搭建自己的Hexo个人博客
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
notion image
 

1.快速开始

  • 访问并登陆vercel网站,推荐使用github登陆
 
  • Vercel会引导你在自己的github中创建对应的代码仓库;点击create ;(下一步提示创建团队直接skip跳过即可)
    • notion image
  • 完成后进入控制台
    • notion image
  • 在View Domains 里可以查看访问的域名,以及配置你自己自定义的域名
    • notion image
      notion image

2.设置自定义域名

  • 首先需要在域名服务商处购买域名。
  • 域名购买好后,在vercel控制面板中找到Setting→Domains→Add,输入域名
notion image
  • Add之后,可能会看到下图中的样子,别着急,还需要在域名服务商后台配置域名,设置解析。
notion image
  • 打开域名控制台,按照vercel的提示添加一条如下图的解析记录;(我这里用的是cloudflare);
notion image
  • 添加完之后,Vercel的卡片会变成如图的样子
notion image
接下来就可以通过设置的域名(如 https://hexo.tangly1024.com )访问我们的网站了,一个简单的Hexo项目就部署完成了!需要更新网站,只需要往github上提交新的commit,vercel就会自动重新构建了!完美。
 

3.写文章

Hexo的项目结构是在网站根目录的source/_posts目录下存放你的博客文档,以.md文档格式存储,默认已存在一个hello-world.md文章
notion image

总结

只要几分钟就能拥有自己的独立博客,快试试吧~
  • Vercel
  • Hexo
  • Blog
  • 抗压能力与心理素质3分钟学会说18万个故事-靶心人公式