successli技术博客搭建采用Hexo,一款快速、简洁且高效的博客框架。下面是具体的搭建和更新博客的步骤。

环境准备

  1. 根据 官网文档 安装NodeJSGit
  2. 安装NodeJS完成以后,使用npm安装hexo-cli博客管理工具,如果网络不好这个过程通常很慢。
1
$ npm install -g hexo-cli

创建博客

如果你是博客的发布人员,直接查看发布文章段落。

  1. 创建Github仓库successli.github.io
  2. 初始化博客系统
1
hexo init successli.github.io
  1. 进入博客目录,并初始化博客。
1
2
cd successli.github.io/
npm install
  1. 修改博客基本信息
    _config.yml里面修改标题和描述

  2. 配置博客插件。
    当前项目目录安装发布工具,

1
npm install hexo-deployer-git --save
  1. 同时安装启动服务插件,以便本地可以启动

    1
    npm install hexo-server --save
  2. 然后在_config.yml里面配置如下内容:

    1
    2
    3
    4
    deploy: 
    type: git
    repo: https://github.com/successli/successli.github.io
    branch: master
  3. 关联Github仓库,并把源码推送到远程,因为master是留给生成文件的,所以发布到了非master分支。

    1
    2
    3
    4
    5
    6
    git init
    git remote add origin https://github.com/successli/successli.github.io.git
    git checkout -b source
    git add .
    git commit -m "init blog"
    git push -u origin source
  4. 发布博客
    直接运行如下命令发布博客,该命令会自动发布内容到master分支

    1
    hexo deploy

发布文章

  1. 如果本地没有仓库请clone仓库,并且切换到source分支。

    1
    2
    git clone https://github.com/successli/successli.github.io.git
    git branch source
  2. Setup本地环境
    在项目目录运行如下命令安装依赖和初始化环境。

    1
    npm install
  3. 运行如下命令创建博客文章,后面的参数便是文章的标题

    1
    hexo new '搭建successli个人技术博客'
  4. source/_posts目录找到刚才对应的文章,进入编辑文档即可。编辑过程中可以使用如下命令启动服务器和实时预览效果。

    1
    2
    hexo server
    hexo generate --watch
  5. 发布源码
    编辑文章完成以后运行如下命令发布源码到Github仓库

    1
    2
    3
    git add .
    git commit -m "add new post"
    git push origin source
  6. 发布文章

    1
    hexo generate --deploy

参考: 搭建DailyCast技术博客