Windows下使用hexo在github上创建博客

Hexo介绍

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。
发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。对于个人用户来说,部署在github上好处颇多,不仅可以省去服务器的成本,还可以减少各种系统运维的麻烦事(系统管理、备份、网络)。所以,基于github的个人站点,正在开始流行起来….
Hexo的官方网站:http://hexo.io/ ,也是基于Github构建的网站。

Hexo安装

系统环境:

  • Win10 64bit
  • node v4.4.7
  • npm 2.15.8
  • Git Bash||Git Shell


  • 使用Git安装Hexo,要用全局安装,加-g参数。
    1
    npm install -g hexo

    查看hexo的版本

    1
    hexo version

    安装好后,我们就可以使用Hexo创建项目了。

    1
    hexo init blog

    进入目录,并启动Hexo服务器。

    1
    2
    cd blog
    hexo server

    我们看到当前在目录下,出现了一个文件夹,包括初始化的文件。
    这时端口4000被打开了,我们能过浏览器打开地址,http://localhost:4000/
    停止调试后即可发布!

    发布到github

    创建静态文件

    hexo的静态博客框架博客,是只包含html, javascript, css文件的网站,没有动态的脚本。虽然我们是用Node进行的开发,但博客的发布后就与Node无关了。在发布之前,我们要通过一条命令,把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的。
    安装hexo-deployer-git。

    1
    npm install hexo-deployer-git --save

    静态化命令

    1
    hexo generate

    发布博客

    我们把这个博客发布到github。
    在github中创建一个项目youngrivers.github.io,项目地址:https://github.com/youngrivers/youngrivers.github.io
    编辑全局配置文件:_config.yml,找到deploy的部分,设置github的项目地址。
    首先要确定_config.yml的deploy:后面有一个空格

    1
    2
    3
    4
    deploy:
    type: git
    repo: git@github.com/youngrivers/youngrivers.github.io.git
    branch: master

    在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。
    然后,通过命令进行部署。

    1
    hexo deploy

    这时我们的博客就创建好了

    hexo帮助文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    npm install hexo -g #安装
    npm update hexo -g #升级
    hexo init #初始化
    hexo server #Hexo 会监视文件变动并自动更新,您无须重启服务器。
    hexo server -s #静态模式
    hexo server -p 5000 #更改端口
    hexo server -i 192.168.1.1 #自定义 IP
    hexo clean #清除缓存 网页正常情况下可以忽略此条命令
    hexo generate #使用 Hexo 生成静态文件快速而且简单
    hexo generate --watch #监视文件变动
    hexo new "文件名" #新建md文件
    hexo new page pageName #新建一个题为“pageName”的页面
    hexo version #查看Hexo版本
    hexo g -d # 等价于 hexo generate --deploy :生成静态文件并部署
    hexo s -d # 等价于 hexo deploy --generate :开启预览并部署到Github
    npm uninstall hexo-cli -g #卸载Hexo

    Markdown语法

    1. 标题设置(让字体变大,和word的标题意思一样)
      在Markdown当中设置标题,有两种方式:
      第一种:通过在文字下方添加“=”和“-”,他们分别表示一级标题和二级标题。
      第二种:在文字开头加上 “#”,通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最大)

    2. 块注释(blockquote)
      通过在文字开头添加“>”表示块注释。(当>和文字之间添加五个blank时,块注释的文字会有变化。)

    3. 斜体
      将需要设置为斜体的文字两端使用1个“*”或者“_”夹起来

    4. 粗体
      将需要设置为斜体的文字两端使用2个“*”或者“_”夹起来

    5. 无序列表
      在文字开头添加(, +, and -)实现无序列表。但是要注意在(, +, and -)和文字之间需要添加空格。(建议:一个文档中只是用一种无序列表的表示方式)

    6. 有序列表
      使用数字后面跟上句号。(还要有空格)

    7. 链接(Links)
      Markdown中有两种方式,实现链接,分别为内联方式和引用方式。
      内联方式:This is an example link.
      引用方式:
      I get 10 times more traffic from Google than from Yahoo or MSN.

    8.图片(Images)
    图片的处理方式和链接的处理方式,非常的类似。
    内联方式:alt text
    引用方式:
    alt text

    9.代码(HTML中所谓的Code)
    实现方式有两种:
    第一种:简单文字出现一个代码框。使用<blockquote>。(不是单引号而是左上角的ESC下面~中的
    第二种:大片文字需要实现代码框。使用Tab和四个空格。

    10.脚注(footnote)
    实现方式如下:
    hello^hello

    11.下划线
    在空白行下方添加三条“-”横线。(前面讲过在文字下方添加“-”,实现的2级标题)

    参考

    张丹
    Hexo3.0

    文章目录
    1. 1. Hexo介绍
    2. 2. Hexo安装
    3. 3. 发布到github
      1. 3.1. 创建静态文件
      2. 3.2. 发布博客
    4. 4. hexo帮助文档
    5. 5. Markdown语法
    6. 6. 参考
    ,