一篇关于MAC版HexoBlog和Vercel部署的折腾日记

in HIVE CN 中文社区11 months ago

1.

折腾BLOG是很多年前的事情,当时各大平台都推出了BLOG平台。比如博客巴士和BLOGCN——说到这两个东西估计有很多人都不记得,后来微博冲击了所有Blog平台,慢慢的人们适应了快节奏的微博之后BLOG就没落了,知道最后全军覆没。

可我还是喜欢BLOG的那种慢,再加上现在的节奏我感到有点跟不上。所以还是有需要弄一个Blog玩儿或者用来记录下某些特殊的日子,一年更新个几篇足矣。


2.

现在我就来记录一下我是如何在MAC上折腾一个HEXO Blog的。虽然其中遇到的坑不少,但我都一一解决了。其中最大的问题就是英语和程序语言,幸好网络给了学习的机会,有意思的时候解决问题的时候都是从一些程序员的BLOG里找来的方法,我都要怀疑现在只有程序员在写BLOG了。
其实Hexo有很详细的安装步骤和说明,(参考网址:Hexo文档 ) 我就按照说明一步步照做。

安装前提:

要先搭建一个能运行Hexo的环境:

  • Node.js®(Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
  • Git

安装以上两个程序之前,先安装:

  • Homebrew(推荐这个,看起来方便些,还有中文说明 :))这个Homebrew还能安装很多其他的程序。官网都有说明。
    或者
  • MacPorts

搭建环境:

  1. 安装 Homebrew
    将以下命令粘贴至 终端
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 安装 Node 输入以下命令自动安装最新版本。
    brew install node
  3. 安装 **Git **输入以下命令自动安装最新版本。
    brew install git

安装 Hexo:

所有必备的应用环境搭建完成之后,就可以使用 npm安装Hexo

  1. sudo npm install hexo-cli -g

在Windows里安装的时候不需要输入 sudo 但在 MAC 需要输入;

  1. hexo init blog

这里的blog是文件夹的名字,可以根据自己需求起名字(字母)

  1. cd blog

这个命令是进入了blog 这个文件夹里面。

  1. sudo npm install

这一步完成之后,Hexo就成功安装到blog文件夹里了。

  1. hexo server 或者 hexo s

Hexo 就运行起来了!

Hexo还有很多细节需要修改,这就根据官方网站上的 文档说明 操作就可以。

安装 Vercel

Vercel和Cloudflare这两个网站被称作赛博菩萨,我觉得是因为他们的服务太厉害了。cloudflare用来域名解析,也提供域名注册服务,.com的域名比较便宜。Vercel能干的事儿太多了,我知道的仅限于部署静态blog。

sudo npm i -g vercel

更新Vercel CLI

sudo npm i -g vercel@latest

查看版本

vercel --version

将 HexoBlog 部署到 Vercel

  1. 注册一个 Github 账号
  2. 在 Vercel 的 官网 上用 Github 账号登录
  3. 新建项目,选择Hexo
  4. 在MAC终端里输入
    cd blog
  5. 输入vd login 登录 Vercel。会让你选择项目名称之类,按照自己创建项目的时候取的名称填写就好了。

3.

在这里只是记录一下自己折腾Hexo的MAC版本的过程,并不是一个严格的教程,希望之后不会碰到那么多更坑。但我坚信我的折腾不会停止。