uncategorized

Hexo + Github搭建自己的博客

之前试过wordpress,博客园等,都觉得不是很爽

  1. wordpress.com国内被墙,wordpress.org又需要自己部署
  2. 博客园个人感觉又比较丑。。。。
  3. 其次基于程序猿喜欢折腾的本性,hexo + github感觉更高大上一些,
    其次可以方便的在github上放一些自己的代码,作为以后做项目的一些参考。

前期准备

  1. 安装git client
    1
    brew install git
  2. 创建Gihub账号(username), 并且创建username.github.io的仓库
  3. 安装NodeJS, npm
    1
    brew install nodejs
  4. 安装hexo
    1
    npm install -g hexo
  5. 安装hexo-deployer-git,用于deploy自己的博客到github上
    1
    npm install hexo-deployer-git --save

下面就可以利用hexo创建自己的博客了

  1. 首先使用下面的命令初始化一个example的站点
    1
    hexo init username.github.io
  2. 修改_config.yml文件的deployment配置,改成:
    1
    2
    3
    4
    5
    6
    deploy:
    type: git
    repository: git@github.com:username/username.github.io.git
    branch: master
  3. 然后就可以在本地预览博客了:
    1
    2
    npm install
    hexo server
  4. 可以http://localhost:4000/ 中打开了

装扮自己的博客

网上有很多炫酷的主题:https://hexo.io/themes/, 这里我们选择一个hueman作为例子
详细的参考https://github.com/ppoffice/hexo-theme-hueman/wiki

  1. 在博客工作根目录下执行如下命令:
    1
    git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman
  2. 编辑_config.yml配置文件,修改theme
    theme: hueman
  3. 配置theme/hueman中的配置文件,简单的可以重名_config.yml.example为_config.yml
    1
    mv ./themes/hueman/_config.yml.example ./themes/hueman/_config.yml
  4. 然后再次用hexo server命令预览自己的博客,主题变了,cool

发布博客到github

经过上面的准备工作,发布博客只需在工作根目录执行下面的命令

1
2
3
hexo clean generate
hexo deploy

然后就可以打开: http://username.github.io 来看自己的博客了。

Markdown Example