Luoml's blog

Hexo+Github搭建个人博客

环境搭建

安装Git

上传文章到Github会用到Git
安装完成后验证:git --version

git --version

安装Node.js

Hexo基于Node.js的静态博客
安装完成后验证:node -v
node -v

安装Hexo

打开Git Bash,执行命令npm install -g hexo安装hexo;
npm install -g hexo
安装完成后验证:npm -vhexo -v
npm-v
hexo-v

配置GitHub

如果没有GitHub账号,请先注册。

  • 建立Repository:luoml.github.io。_仓库名必须为【your_username.github.io】
  • 配置SSH-key
  1. 设置Git的user.name和user.email
    git config --global user.name "yourUserName"
    git config --global user.email "yourEmailAddress"
    git conifg
  2. 生成ssh key
    • 检查是否已有ssh key:cd ~/.ssh
      chk key
    • 如果没有,生成密钥:ssh-keygen -t rsa -C "yourEmailAddress"
      gen key
  3. 添加密钥到GitHub
    GitHub - Settings - SSH and GPG keys, “New SSH key”,如下图。
    add key
    标题随便取,Key内容取自上步生成的密钥(~/.ssh/id_rs.pub)
  4. 测试密钥:ssh -T git@github.com
    test key

建立Blog

  1. 初始化hexo
    创建hexo文件夹,如:E:\hexo,在hexo文件夹下右键选中Git Bash,执行命令hexo init
    hexo init
    初始化后,E:\hexo文件夹目录结构如下:
    hexo tree
  2. 本地启动hexo
    hexo s -g
    启动之后,可以通过http://localhost:4000/访问搭建好的Blog。
    welcome

部署到GitHub

  1. 修复配置文件:E:\hexo\_config.yml,如下:
    hexo config
    注意:冒号之后一定要有空格
  2. 安装deploy git插件:npm install hexo-deployer-git --save
    hexo git
  3. 部署到GitHub,hexo d
    hexo d
  4. http://luoml.github.io部署成功之后,访问效果:
    blog
Fork me on GitHub