MacOS + Hexo + Github个人博客搭建

MacOS + Hexo + Github个人博客搭建

本篇博客主要用于记录搭建的全部过程，以及其中踩的一些坑

准备工作

搭建博客之前要先安装Node.js和Git，可按照一下方式进行安装。

安装Node.js和Git

  • 利用Homebrew进行安装，没有Homebrew的自行到官网，按照指定命令安装。
  • 输入brew install node开始安装Node.js
  • 输入brew install git开始安装Git

检查是否安装成功

  • 输入node -v和Git --version如果显示相关版本信息，则安装成功

安装Hexo

准备工作做好后，开始安装Hexo。
sudo npm install -g hexo
⚠️ 一定要注意的就是，这里一定进行sudo操作，不然无法安装

本地初始化博客

  • 首先，在一个你要创建博客的目录下新建一个文件夹。这里我的文件夹叫MyBlog，然后进入MyBlog

cd MyBlog

  • 输入一下命令，以进行初始化本地的博客文件。

hexo init

  • 然后安装所需要的环境依赖

sudo npm install

  • 之后依次执行一下两个命令，便可以在本地查看自己的博客

hexo g
hexo s

使本地博客关联Github

这里需要说明的就是，由于Github托管文件资源是免费的，所以这是我这种穷逼租不起服务器的绝佳方法，如果你是土豪，以下内容就不用看了。

Github仓库设置

  • 在Github上新建一个仓库，然后将仓库取名为username.github.io，其中username就是你的Github账户名，并且只能是你的账户名。
    image1
  • 然后利用编辑器打开MyBlog文件夹下的_config.yml文件，然后将文档最后的deploy修改为以下内容
    1
    2
    3
    4
    deploy:
    	type: git
    	repository: https://github.com/username/username.github.io
    	branch: master
    将其中的username替换为自己的Github账户名即可。严格注意大小写。
  • 依次执行以下命令，生成静态文件并将其上传至Github

hexo g
hexo d
⚠️ 如果执行hexo d时出现错误，则执行npm install hexo-deployer-git --save

之后，本地的博客就与Github关联上了，之后要更新博客时，只需依次执行hexo clean、hexo g和hexo d即可。

更换博客主题

Hexo初始安装时，默认的主题是landscape，可以根据自己的喜好自行选择喜欢的主题

下载主题

  • 到Hexo的主题页面选择自己感兴趣的主题进行下载。
  • 然后将下载好的主题文件解压，放到themes文件夹中，与landscape同级

博客配置

  • 我下载的主题是Fluid，这里以其为例。必要的设置如下所示：
    1
    2
    3
    4
    highlight:
    	enable: false  # 关闭默认的代码高亮
    theme: fluid  # 指定主题
    language: zh-CN  # 指定语言，可不改

主题配置

关于主题详细的配置就不在此赘述，献上主题官方的使用指南，非常详细，配置起来也相对简单。