hexo搭建GitHub博客

前提环境:Node.js、Git已安装

通过github创建repository 格式:博客名称.github.io

安装hexo

  • 新建blog文件夹,并打开git bash
  • 执行命令

    1
    2
    npm install hexo -g #安装hexo命令
    hexo -v #检查是否安装成功

  • 初始化hexo

    1
    2
    3
    4
    5
    6
    hexo init #初始化blog文件夹
    npm install #安装必要组件
    #执行如下命令 开启本地体验
    hexo g
    hexo s
    #访问http://localhost:4000 即可看到默认博客页面

关联hexo - github

  • 设置git的username和email
    1
    2
    git config --global user.name 'jiaopan' #设置用户名
    git config --global user.email '807854982@qq.com' #设置邮箱
  • 生成公钥
    1
    ssh-keygen -t rsa -C “807854982@qq.com”#连续按三次回车键
    红框处为密钥保存的路径
    1
    2
    3
    4
    cd ~/.ssh #cd到密钥目录
    #添加密钥到ssh-agent
    eval "$(ssh-agent -s)"
    ssh-add ~/.ssh/id_rsa
  • 配置github SSH
    登录github,在settings里添加SSH


    将生成的id_rsa.pub内容复制到SSH key里 点击add SSH 即可


    测试是否可连 出现用户名则成功
    1
    ssh -T git@github.com
  • 配置_config.yml

    更改如下配置:
    1
    2
    3
    4
    5
    url:  https://jiaopaner.github.io #  repository 
    deploy:
    type: git
    repo: git@github.com:JiaoPaner/jiaopaner.github.io.git
    branch: master

文章发布

  • 安装扩展
    1
    npm install hexo-deployer-git --save
  • 创建文章
    1
    hexo new post '文章名' #在blog/source/post
    在blog目录下的 source/_posts将会生成对应的MD文件.打开MD文件进行文章编辑即可
  • 发布文章
    1
    hexo d -g
    成功后,访问博客地址 https://jiaopaner.github.io 即可看到

博客主题

  • 通过https://hexo.io/zh-cn/docs/ 主题目录下载主题
  • 主题内有下载地址和安装方法,一般为github地址,下载其压缩包或git clone到本地
  • 复制到blog目录下的themes内(本博客为next主题)
  • 修改_config.yml theme值为themes下主题目录名

  • 更新即可

    1
    hexo d -g

版权声明:原创,转载请注明来源,否则律师函警告


hexo搭建GitHub博客
https://jiaopaner.github.io/2019/03/10/hexo搭建GitHub博客/
作者
JiaoPan
发布于
2019年3月10日
许可协议