Hexo-Vervel-免费搭建个人博客

本文记录使用Hexo和Vercel搭建个人博客时的过程以及一些问题

首先贴一下个人博客,欢迎访问。

Ataraxia.top

虽然以前也多多少少折腾过一些个人博客,也都是照着网上的一些教程一步一步做完了,但都是搭出来个博客的样子,没有进行个人博客最重要的内容的创作。

这次偶然间得知到Vercel这个平台,于是又开始建立自己的博客,来分享自己日常工作生活中的一些感悟。

因为有过之前github pages的经验,这次搭建过程不是非常困难,但是也遇到了不少问题。

由于先前的折腾,一些环境在我的电脑里面已经配置好了,比如Node.Js,Hexo-Cli等等。

接下来,我将以回忆的方式将搭建过程逐步写出来。

以下内容都是个人的理解,内容偏口语化,有可能会有错误,欢迎指教。

目录

本文记录使用Hexo和Vercel搭建个人博客时的过程以及一些问题

准备工作

Hexo

Github

Vercel

域名(可选)

原理

1. 用hexo在本地写好文章后推送到github

2. vercel监控到github改动

3. vercel重新部署页面

正题


准备工作

Hexo

hexo是一个博客框架,不同于wordpress,它是一个生成静态博客的框架。个人理解wordpress和hexo的动态静态的区别类似编程语言中的脚本语言(比如Python)与编译语言(比如Java,C)的区别。

Github

github是一个代码托管平台,也是一个开源社区,我们可以将自己本地的代码上传到自己的公有仓库,这样大家就都可以查看并添加自己的想法进去,实现一个项目的可持续发展。

Vercel

Vercel个人理解相当于远程自动执行的个人电脑,使用hexo写文章并发布时一般需要先在本地运行hexo g生成静态页面,然后推送到github。而使用Vercel的话,不需要在本地生成hexo静态页面,只需将hexo的内容推送到github,vercel就会自动响应,生成静态页面并展示。

域名(可选)

这是我第二次花钱买域名,第一次是一年前在腾讯云花一块钱买的,到期之后续费要六七十,就放弃了,买的时候也没想要长久持有。当初是因为学生优惠买了一年的阿里云主机,于是顺势买了域名。阿里云主机到期后,域名也就没有续费。

在之前就是用免费域名了,记得曾经注册过一个.tk域名,免费域名麻烦的地方在于不稳定,不知道什么时候就会被回收。

这次是从namesilo买的.top域名,价格比较便宜,打算长期持有。

ataraxia.top这个个人域名来源于古希腊的一种哲学思想。

Ataraxia

原理

Hexo-Vervel-免费搭建个人博客

1. 用hexo在本地写好文章后推送到github

2. vercel监控到github改动

3. vercel重新部署页面

正题

终于到了正式开始的时候了,首先我们需要注册github和vercel的账号,具体过程不在赘述。

有了账号之后打开vercel网站

Hexo-Vervel-免费搭建个人博客

 

在主页点击New Project新建项目

Hexo-Vervel-免费搭建个人博客

然后点击右边Clone Template板块的Browse All Templates,找到Hexo点击进入到下一个页面。

Hexo-Vervel-免费搭建个人博客

现在点击下面的Select,上面是团队版,需要付费使用。

Hexo-Vervel-免费搭建个人博客

接下来到了创建Git仓库并自动导入Hexo模版的流程,选择下面的Github。

Hexo-Vervel-免费搭建个人博客

选择之后应该会出现一个绑定github的页面,绑定即可,绑定后应该就是这个界面,点击Continue。

下面的复选框的选上的话就会创建一个私有的库,github现在可以免费创建私有库。

Hexo-Vervel-免费搭建个人博客

最上面的PROJECT NAME可以改成自己想取的项目名字,我这里就保持原样,然后点击Deploy,下面那两个倒三角先不用管。

Hexo-Vervel-免费搭建个人博客

然后就会是这个页面,这个页面的意思是首先vercel会在github上面创建一个你命名的仓库,然后拉取hexo模板,这个时候github仓库上面就有了hexo框架(对应左边),再然后vercel开始执行hexo的部署命令,生成静态博客文件并在网页上显示。(对应右边)

Hexo-Vervel-免费搭建个人博客

部署成功后是这个效果,可以点击Visit查看,此时vercel会自动给网站绑定一个二级域名。

Hexo-Vervel-免费搭建个人博客

这个就是我刚刚被分配给的二级域名。顺带一提,vercel部署成功后github还会发送一封邮件进行提示。

Hexo-Vervel-免费搭建个人博客

恭喜你,个人博客搭建成功!

搭建完成后需要的就是内容创做了,写完东西之后怎么提交,从哪里写,这就涉及到了使用git和github的知识了,等下一篇再说。

上一篇:如何使用 vercel + hexo 搭建博客


下一篇:4指针与队列