Hexo加Github Page建立个人博客简易用法

本文是对自己搭建个人静态博客过程做一个简单的记录,方便以后再次部署

作者 jooop 日期 2016-09-16
Hexo加Github Page建立个人博客简易用法

配置工具

安装github工具

配置并登陆(或者添加SSH Key)


安装node.js

下载4.x版本并安装,安装后默认会配置好path环境


安装Hexo

创建一个hexo文件夹,本文以E盘根目录为例。
打开gitshell (gitbash)。

$ cd e:/hexo
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ hexo init blog
$ cd blog
$ cnpm install

上面安装命令使用了taobao的文件源,便于国内安装。
此时已在E:\Hexo\blog\ 下配置好建立网站所需所有文件。
使用下面命令部署本地博客。

$ hexo g
$ hexo s

浏览器输入localhost:4000以查看本地博客。


自定义博客内容

主题设置

以本博客为例,使用的Haojen Ma基于Hux的博客主题修改的Anisina主题

  • 下载主题文件

    git clone https://github.com/Haojen/hexo-theme-Anisina.git
  • 然后将 clone 下的文件夹拷贝到 E:\Hexo\blog\themes

  • 拷贝 Anisina 文件夹下的 _config.yml 替换 hexo 默认的 _config.yml
  • 文本编辑器打开 _config.yml,将其中相关属性修改为自己的内容,并添加个性化内容,具体参考该主题使用教程
    主题使用教程中有添加图床、评论的方法。
  • 配置完成后本地查看调试。
    $ hexo g 
    $ hexo s
    
  • 浏览器输入localhost:4000以查看

添加博客内容

$ hexo n "my new post"#写文章 
  • 其中my new post为文章标题,执行命令后,会在项目\source_posts中生成my new post.md文件,用文本编辑器打开即可编写。
  • 文本内容使用Markdown标记语言编写。语法以及专业编写工具可参考Markdown——入门指南

将博客部署至github page

  • 浏览器登陆github,在个人页面new repository

    • Repository name一栏填写gitname.github.io
      gitname为自己github账号的名字,同时该Repository name即为自己博客的地址
    • description随便填写
    • Create Repository完成创建
  • 打开配置文件_config.xml,修改添加以下内容。
    下面代码中githubname为自己github账号的名字(先Ctrl+F查找文件中是否有deploy选项):

deploy:
type: git
repo: git@github.com:githubname/githubname.github.io.git
branch: master

  • 打开返回命令窗口,完成部署。

    $ hexo d
    

参考文章