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

原理

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

2. vercel监控到github改动

3. vercel重新部署页面

正题

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

有了账号之后打开vercel网站

在主页点击New Project新建项目

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

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

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

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

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

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

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

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

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

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

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

原文链接:Hexo + Vervel 免费搭建个人博客 | Ataraxia

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,843评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,538评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,187评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,264评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,289评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,231评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,116评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,945评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,367评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,581评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,754评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,458评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,068评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,692评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,842评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,797评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,654评论 2 354

推荐阅读更多精彩内容