安装必要环境

1. 安装 Nodejs,Hexo是基于 Node.js 驱动的一款博客框架。

Node.js下载地址

2. 安装 Git,一个分布式版本控制系统,用于项目的版本控制管理。

Git下载地址
Git for Windows下载地址
注:如果以上速度慢,可以使用镜像源。
阿里镜像:CNPM Binaries Mirror

下载完成之后:

  • 如有需要,可以右击此电脑>属性>高级系统设置>环境变量>系统变量下的Path 可以看到两者已自动修改了环境变量。

检查是否安装成功:我们可以通过cmd命令(win+r后输入cmd)查看,如果出现版本号,则安装成功。

  • 查看Node.js版本命令:
    1
    node -v 
  • 查看Git版本命令:
    1
    git --version

3. 注册GitHub账号并且创建仓库

[GitHub注册地址]
注:如果网页打不开,需要翻墙
具体操作可参考:GitHub注册及创建仓库教程
注:注意仓库的取名格式:用户名.github.io(这将是以后的访问域名)

3. 本地配置安装Hexo

首先在磁盘中创建一个用来存放Github本地仓库文件的目录blog(可自定义目录存放)

进入该目录,在终端中执行如下命令,完成Hexo的安装与初始化:

1
2
npm install hexo-cli -g # 此命令完成对 hexo 的安装
hexo init # 该命令完成 hexo 在本地博客目录的初始化

生成静态页面:

1
hexo g # 该命令完成 hexo 在本地博客目录的静态页面生成

注:执行以上命令后,Hexo 就会在 public 文件夹中生成相关的 html 文件

启动本地预览:

1
hexo s # 该命令完成 hexo 在本地博客目录的本地服务器启动

注:执行以上命令后,Hexo 会在本地启动一个服务器,默认端口为 4000,访问 http://localhost:4000 即可看到本地博客的效果。

上传到GitHub:

1
hexo d # 该命令完成 hexo 在本地博客目录的静态页面生成并上传到 GitHub

不过,在执行以上命令之前,需要在 Hexo 的 _config.yml 文件中进行一些配置。

  1. 在 _config.yml 文件中添加如下配置:
    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/one-command-deployment
    deploy:
    type: git
    repo: git@github.com:username/username.github.io.git
    branch: mian # 注意修改为你自己的分支名
  2. 安装插件
    1
    2
    $ npm install hexo-deployer-git --save # 安装部署插件
    $ hexo d # 执行部署命令
  3. 部署成功后,访问 http://username.github.io 即可看到部署后的博客效果。

如果想要修改博客主题,可以参考:Hexo官方文档