前言

  上学期间,博主一直用有道云笔记、印象笔记、word和onenode等软件记笔记,查阅起来非常不便。上网冲浪时,偶然间发现博客查阅更加方便,博主便申请了博客园的博客。博客园虽然开放了JS、CSS等权限,不够个性、安全。受各种因素影响博客园经历过整改、文章大量被下架等风波,博主只能将笔记记录方式重心转为硬盘存储。
  随着时间推移,博主发现了一个很好的私人定制化的博客:Hexo博客。Hexo博客能装在Mac、Windows、Linux、群晖等多个系统平台上。支持Markdown语法,可以推送到GIT、GITEE、VPS等平台进行多重备份,并且支持个人域名,配置反向代理等优点,非常满足博主的需求。于是就有了这次HEXO+GIT搭建的笔记。

软件与平台

必须的软件:

  • NODE.JS
  • GIT

博客编写的软件

  • Visual Studio Code(推荐)
  • TYPORA

安装说明

  • node.js 和 Typoro、Git,一路下一步就行了。
  • VSCode 安装好之后默认是英文界面,可以在插件市场里搜索 chinese,安装之后重启软件,变成中文版。

检查是否安装成功

  • Windows下用 Win + R 打开运行,输入 cmd 并进入 cmd 窗口查询
  • Mac下打开终端,进行查询
  • 右键打开 Git bash,输入命令查询
  • node.js 版本的检查
1
node -v
  • npm 版本的检查 (NPM 是随同 NodeJS 一起安装的包管理工具,能解决 NodeJS 代码部署上的很多问题)。
1
npm -v
  • Git 版本的检查
1
git --version

HEXO 的安装

在 Git bash 或者 CMD 界面执行命令

  • 安装之前可以先设置一下淘宝镜像加速器(国内访问镜像站快一点)
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 全局安装框架
1
npm install hexo-cli -g
  • 创建自己的博客目录并安装博客
1
hexo init 博客的根目录名字
  • 进入博客的目录
1
cd 博客的根目录名字
  • 安装npm依赖环境
1
npm install
  • 安装 Hexo (Git)部署插件

请在博客的目录下启动 Git bash,再执行以下代码

1
npm install hexo-deployer-git --save

HEXO 常用代码

清理缓存,会自动删除博客目录下得 public 文件。(hexo cl 是 hexo clean 的简写)

1
hexo cl 
1
hexo clean

生成静态页面,重新生成 public 文件。(hexo g 是 hexo generate 的简写)

1
hexo g 

启动本地服务,在 http://localhost:4000/ 预览效果。(hexo s 是 hexo server 的简写)
如果是挂载在群晖等内网系统用 http://192.168.xxx.xxx:4000,注意端口号是否被占用

1
hexo s #或者hexo server

部署推送,部署到 github。(hexo d 是 hexo deploy 的简写)

1
hexo d

以上连写示例一(清理缓存 + 生成静态页面 + 在本地预览)

1
hexo cl && hexo g && hexo s

以上连写示例二(清理缓存 + 生成静态页面 + 部署推送)

1
hexo cl && hexo g && hexo d

HEXO 博客的基础环境搭建完成

  • 下一篇文章将介绍主题的安装与配置
    HEXO博客主题配置