本博客的搭建过程

前言

本文章基于Windows 10+Git v2.8.3+NodeJS v6.2.1+Hexo v3.2.0,不同平台和版本的实际操作可能略有不同。

准备工作

安装 Hexo 依赖的工具

  1. 下载并安装Git
  2. 下载并安装Node.js

安装 Hexo

打开Git Bash,输入下面的命令安装Hexo

1
2
npm install hexo-cli -g
npm install hexo --save

创建博客

  1. 找一个你喜欢的地方创建存放博客的文件夹。
  2. 打开这个文件夹,然后右键并在弹出菜单中点击Git Bash Here
  3. 输入下面的命令来创建你的博客:
    1
    2
    hexo init
    npm install

预览博客

  1. 执行hexo server,来启动本地服务器。
  2. 在浏览器中打开localhost:4000预览博客。
  3. 使用Ctrl + C,也就是平时复制的快捷键来停止本地服务器。

安装主题

本博客使用的是NexT主题,更多主题可以到 Hexo 主题库下载。
请参考 NexT 的文档完成主题的安装与配置。

编写文章

  1. 执行hexo new "文章名称"可以自动创建一篇新的文章。
  2. source\_posts里找到刚刚创建的文章,在里面写文章的内容。

将博客上传到 Github

准备工作

  1. Github注册一个账号。
  2. 打开创建新项目页面。
  3. Repository name为你的Github用户名.github.io
    如你的Github用户名abc,则填入abc.github.io
  4. 点击下面绿色的Create repository完成项目的创建。
  5. 执行下面的指令安装HexoGit支持库:
    1
    npm install hexo-deployer-git --save

Hexo 部署设置

  1. 编辑_config.yml,在deploy部分将type设置为git
  2. type下面加一行,内容为repo: 部署地址,注意跟type对其空格。
    部署地址为https://github.com/用户名/用户名.github.io.git
    如你的Github用户名abc,则填入https://github.com/abc/abc.github.io.git

将博客上传到 Github

  1. 执行hexo generate --deploy将你的博客上传到Github
    上传过程中会弹窗提示你输入账号密码,输入你注册时的账号密码即可。
  2. 打开浏览器访问Github用户名.github.io就可以看到你的博客了。
    如你的Github用户名abc,则地址为abc.github.io

使用自己的域名

  1. source下创建一个名为CNAME的文件,内容为你要使用的域名,如本博客为blog.cat73.org
  2. 编辑_config.yml,使url的内容为你的主页地址,如本博客为http://blog.cat73.org
  3. 将你的域名通过CNAME解析到你的github.io地址,如本博客为cat7373.github.io

一些链接

优化

参考内容