Contents
  1. 1. GitHub + hexo 快速搭建Blog
    1. 1.1. Hexo
      1. 1.1.0.1. Hexo介绍
      2. 1.1.0.2. 创建Hexo文件夹

GitHub + hexo 快速搭建Blog


注意:要有一点Git基础

废话不多说,直接正题。

  • 如果没有GitHub帐号,先注册一个。
  • 然后直接打开GitHub Pages 。打开之后按照那里的步骤来就好。本人用的是
    User or organization site
  • 然后创建 repository,这里要注意一点,创建repository的时候,repository name要是username.github.io, 这个username用你真实的username来代替,如:我Github的username是wingmrl, repository name就为wingmrl.github.io好了之后要用到git(也可以不用,如图)
    client
  • 如果选择A terminal 的话,就是用git来操作,不过可以选择 gitHub for Windows,简单粗暴!
  • 继续按步骤完成!
  • 现在可以试试:http://username.github.io 来访问你的User site了(同样的:url里的username用你真实的username代替。)

Hexo

  • 其实现在,你已经可以写网页,然后用Github for Windows同步到github上,就可以访问了。但是这样也太简陋,也太麻烦了,总不能每次写篇文章都要写个网页,然后又到blog主页里面改是吧!于是我们用一个叫Hexo的东西。

    Hexo介绍

    Hexo的作者是tommy351,根据官方介绍,Hexo是一个简单、快速、强大的博客发布工具,支持Markdown格式。
  • 在安装Hexo之前,首先要安装两个东西:
    1.Node.js
    2.Git

  • 装好这两个东西之后,打开git bash。然后输入以下命令安装Hexo

    1
    npm install -g hexo-cli

如果命令无法运行(很可能是你的网络不好),可以尝试更换taobao的npm源

1
npm install -g hexo-cli --registry=https://registry.npm.taobao.org

创建Hexo文件夹

安装完成后,根据自己喜好建立目录(如D:\GitHub\hexo),然后打开我的电脑,进入到这个文件夹(如D:\GitHub\hexo),右键Git Bash Here,如图
git bash here
然后输入命令:

1
hexo init

这可能有点久。当然,你也可以在D:\GitHub目录下,

1
hexo init hexo

结果,和上面的是一样的。好了之后再输入命令:

1
npm install

这个命令会根据hexo init后所在目录的package.json的dependencies字段来安装hexo要用到的插件。
装好后,继续执行以下命令,成功后可登录 http://localhost:4000 查看效果

1
hexo server

上面的命令可以简写为hexo s
查看效果后,觉得不错,就可以生成静态网页部署到Github上了。输入命令生成public 静态文件

1
hexo g

成功后可以看到目录下多了个public的文件夹,然后把文件夹里面的所以东西复制到Github for windows的目录下,然后同步到github,大功告成!

本文根据自己的实践和参考以下内容编写
如何搭建一个独立博客——简明Github Pages与Hexo教程
使用GitHub和Hexo搭建免费静态Blog
Hexo官方文档

Contents
  1. 1. GitHub + hexo 快速搭建Blog
    1. 1.1. Hexo
      1. 1.1.0.1. Hexo介绍
      2. 1.1.0.2. 创建Hexo文件夹