Hexo简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


需要准备的东西


本文章包含的内容

  1. 安装Git Bash
  2. 安装Node.js
  3. 安装Hexo
  4. 生成SSH并添加到Github
  5. 部署项目
  6. 上传到github
  7. 绑定个人域名

开始搞事情

1.安装Git Bash

  • 下载地址
  • 安装步骤:双击下载好的exe文件,一直下一步。

2.安装Node.js

  • 下载地址(说明:LTS为长期支持版,Current为当前最新版,选择LTS版本就行。)
  • 安装步骤:双击下载好msi文件,也是一直下一步,不过在Custom Setup这一步记得选 Add to PATH ,这样就不用自己去配置环境变量了。

3.安装Hexo

  • 新建一个用于放博客的文件夹(例:在D盘的根目录新建一个名叫myblog的文件夹),用于存放博客的文件。
  • 在myblog文件夹里面,右键,点击Git Bash Here,打开Git Bash。
  • 执行Hexo安装命令npm install -g hexo
  • 执行Hexo初始化命令hexo init,然后就可以看到myblog里面生成了Hexo的文件

4.生成SSH并添加到Github

  • 注册Github账户
  • 创建一个repository,名称为yourname.github.io, 其中yourname是你的github名称

  • 回到Git Bash中,配置Github账户信息(YourName和YourEail都替换成自己的Github账户信息)
    分别执行命令

git config --global user.name "YourName"
git config --global user.email "YourEmail"

  • 创建SSH
    在Git Bash 中执行ssh-keygen -t rsa -C "youremail@example.com(youremail@example.com换成自己Github的邮箱),生成SSH。

分别执行下面两条命令,查询生成的SSH
cd ~/.ssh
cat id_rsa.pub

图中从ssh-rsa开始到马赛克结束,就是生成的SSH。

  • 将获取的ssh添加到到Github


Title随意,Key填写SSH。
回到Git Bash 执行命令ssh -T git@github.com检查是否配置成功。

5.部署项目

  • 用编辑器打开myblog文件夹里面的_config.yml文件,拉到文件底部,修改deploy部分(注意,冒号后面有个空格),把YourgithubName替换成你的Github名字。

    deploy:
    type: git
    repo: https://github.com/YourgithubName/YourgithubName.github.io.git
    branch: master
  • 在Git Bash 下执行npm install hexo-server,安装hexo服务器,用于本地预览。
  • 在myblog目录下,分别执行

    hexo clean
    hexo generate
    hexo server

    注:

    • "generate"可以简写为"g","server"可以简写为"s"
    • clean 清除Hexo生成的静态文件和缓存
    • generate 生成静态页面至public目录
    • server 开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
  • 打开浏览器,在地址栏输入http://localhost:4000,回车,就能打开Hexo页面了。

6.上传到Github

    • 在Git Bash中执行npm install hexo-deployer-git --save,然后分别执行
    hexo clean
    hexo generate
    hexo deploy

    注:

    • "deploy"可以简写为"d",用途为上传到Github
    • 这三个命令在每次上传到Github的时候,都要按顺序执行
    • 第一次上传,会要求输入Github账户和密码
    • 部署成功后,在浏览器地址栏输入https://yourgithubname.github.io(yourgithubname换成自己的Github名字),回车,就能看到自己的Hexo博客了。

    7.绑定个人域名

    • 添加CNAME文件:在项目的source文件夹下新建一个名为CNAME的文件(没有后缀名),在里面添加你的域名,保存,只能添加一个。
    • 配置域名解析:

      记录类型:CNAME
      主机记录:@(把所有的域名前缀都解析到博客)或者自定义(例如"www","blog")
      记录值:https://yourgithubname.github.io(yourgithubname换成自己的Github名字)
    • 绑定域名:在Github中绑定域名


    • 绑定成功后,就可以通过个人域名访问自己的博客了。