使用HEXO在github部署静态博客

发表于   |     |   阅读次数

刚刚建好博客，就像试着发布一篇文章，那就记录下建立博客的过程吧，初次发布有很多不熟悉，还有许多地方需要学习，希望大家多多指点

工具/准备

win7-64位
安装Git
安装Node.js
注册github帐号

创建本地博客

安装Hexo

进入 git bash
输入命令：npm install -g hexo

创建Hexo文件夹

在任意目录下新建文件夹（如D:/HexoBlog）,右击文件夹选择Git Bash Here
输入命令：
hexo init
npm install
hexo generate
hexo server
此时可以在浏览器中输入 localhost:4000 查看，一个本地博客生成完毕

把博客部署到github上

  1. 登录github后点击 New repository,

    填写Repository name格式必须固定,然后点Create repository,

    点击刚创建好的github.io文件复制里面的地址

  2. 进到D:/HexoBlog目录下，打开_config.yml 

    1
    2
    3
    4
    5
    deploy:
        type: git
        \#repository: https://github.com/myfdeveloper/myfdeveloper.github.io.git
        repository: git@github.com:myfdeveloper/myfdeveloper.github.io.git ##不用每次输入帐号密码
        branch: master

  3. 修改文件里面的deploy

  4. 设置SSH Keys
    先删除.ssh下的文件，不存在可以不理
  5. 输入命令(你注册github时候用的邮箱)：ssh-keygen -t rsa -C “XXX@163.com”
  6. 提示输入时可直接按回车
  7. 输入命令： ssh-agent -s
  8. 输入命令： ssh-add ~/.ssh/idrsa
  9. 输入命令：eval `ssh-agent -s`
  10. 输入命令：ssh-add
  11. 用命令复制SSH key： clip < ~/.ssh/id_rsa.pub
  12. 把ssh key粘贴至github，点添加，此时会要求你输入github密码

  13. 成功后输入命令ssh -T git@github.com，忽略警告输入yes

  14. 输入命令：
    hexo g
    hexo d

    如果遇到上面这种问题（安装时需要等） npm install hexo-deployer-git –save

    如果遇到上面这种问题，在输入命令git init，再部署一遍

    如果遇到上面这个问题，如下图，把前面的空格删了再按tab对齐，注意冒号后面也需要加上空格

  15. 如果出现错误要你输入username，则输入命令：
    git config –global user.name [username]（github用户名）
    git config –global user.email [email]（github注册邮箱）
    再来一次hexo g,hexo d。
    当看到，恭喜你完成了

  16. 完成，到了这步你在浏览器中输入myfdeveloper.github.io就能看到你的主页了

    发布博客

    在命令行里输入：hexo new “test”
    （每次修改玩都需要hexo g,hexo d，来完成部署）
    此时在E:\hexoblog\source_posts目录下就会生成MD文件，你就可以在这个文件中写你的内容了，部署完后进入浏览器刷新，已经能看到你新发布的博客了
    参考自 http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

    更换hexo主题

    Next主题主题来源
    连接是NexT的官网，主题使用和配置都讲的很详细
    包括多说评论，站内统计，站内搜索等都有详细讲到，我在这就不重复了

撰写博客

由于目前流行的是markdown语言来编写博客，它属于很简单的标记语言，因此选择一个合适自己的markdown编辑器是第一步，不需要自己手打格式。
好用的编辑器有很多，百度一下会有很多，我用的是其中之一 MarkdownPad 2,好处是自带图床，可以在文中直接插入本地图片。
不想多安装一个软件的可以使用在线版本的如dillinger。
当你希望在不同的电脑写博客又不想装环境，那简书也不错，也是使用在线的markdown编辑，回头可以自己在整理到静态博客里。
手机版本的有markdownX。

使用markdown pad2的一些小提示

  1. 特殊符号：如”`“,在md里属于特殊字符，得在前面加上转义字符“\”
  2. 插入代码：需要修改下面选项，不然达不到理想效果
  3. _post下至少得有一篇文章，不然next会报错无法加载
  4. 删除或者修改_post下的文章，先hexo s看看，没问题就可以部署了

常用命令

  1. 新建一篇文章：hexo new “postname”
    会在source/_post下生成md文件，直接编辑该文件提交即可
  2. 新建一个页面：hexo new page “pagename”
    会在source下生成文件夹，该目录下默认index.md文件
    在\themes\next_config.yml下添加pagename，把新建的菜单和pagename绑定在一起，在\themes\next\languages下添加字段
    menu:
home: /
#categories: /categories
#about: /about
archives: /archives
tags: /tags
pagename: /pagename
#commonweal: /404.html
  3. hexo g,hexo d可以简写成hexo g -d

其他命令