搭建DailyCast技术博客

Posted on

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

环境准备

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

创建博客

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

  1. 创建Github仓库dailycast.github.io

  2. 初始化博客系统

    1
    hexo init dailycast.github.io

  3. 进入博客目录，并初始化博客。

    1
    2
    cd dailycast.github.io/
    npm install

  4. 修改博客基本信息
    在_config.yml里面修改标题和描述

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

    1
    npm install hexo-deployer-git --save

  6. 同时安装启动服务插件，以便本地可以启动

    1
    npm install hexo-server --save

  7. 然后在_config.yml里面配置如下内容：

    1
    2
    3
    4
    deploy: 
      type: git
      repo: https://github.com/DailyCast/dailycast.github.io
      branch: master

  8. 关联Github仓库，并把源码推送到远程，因为master是留给生成文件的，所以发布到了非master分支。

    1
    2
    3
    4
    5
    6
    git init
    git remote add origin https://github.com/DailyCast/dailycast.github.io.git
    git checkout -b source
    git add .
    git commit -m "init blog"
    git push -u origin source

  9. 发布博客
    直接运行如下命令发布博客，该命令会自动发布内容到master分支

    1
    hexo deploy

发布文章

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

    1
    2
    git clone https://github.com/DailyCast/dailycast.github.io.git
    git branch source

  2. Setup本地环境
    在项目目录运行如下命令安装依赖和初始化环境。

    1
    npm install

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

    1
    hexo new '搭建DailyCast技术博客'

  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