基于github+hexo的个人博客搭建过程

准备

本地计算机需安装node运行环境及git

本人运行环境为:

  • node v10.16.0
  • git version 2.18.0

安装hexo:

1
$ npm install -g hexo

在本地创建hexo静态博客

  • 本地创建一个文件夹,比如 myBlog

  • 进入myBlog目

  • 执行如下命令(初始化模板):

    1
    $ hexo init

    初始化模板、下载主题(默认landscape)

  • 执行命令:

    1
    $ hexo clean

    清除之前生成的静态文件等

  • 执行命令:

    1
    2
    3
    $ hexo generate 
    或者
    $ hexo g

    生成静态文件

  • 执行命令:

    1
    2
    3
    $ hexo start 
    或者
    $ hexo s

    本地启动服务查看效果

  • 执行命令:

    1
    2
    3
    $ hexo deploy

    $ hexo d
  • 打包上传到远程(需要本地配置)在根目录myBlog文件夹下,修改配置文件_config.yml中,补充

    1
    2
    3
    4
    $ deploy:
    type: git
    repository: git@github.com:todobugs/todobugs.github.com.git
    branch: master

    以上为完整的hexo git 部署操作流程


若对默认主题不感兴趣,可进行更换主题操作

  • 本人在hexo网站hexo上找了好多模板主题,最终选择pure
    pure git地址为 hexo-theme-pure
    执行命令(当前目录为myBlog):

    1
    $ git clone git@github.com:cofess/hexo-theme-pure.git theme/pure
  • 修改myBlog目录下的_config.yml 文件中theme 值,将其修改为 pure
  • 重新执行如下命令:
    1
    2
    3
    $ hexo clean 
    $ hexo g
    $ hexo s

执行后看在本地进行效果预览,发现主题已经改变。但在点击标签、分类等功能时,发现报错。这是因为对应的layount不存在导致。需要将pure项目中_source目录下的所有内容复制到myBlog中的source目录下,然后重新执行hexo clean , hexo g ,hexo s。预览时发现已起作用。

至此,一个简单的搭建及主题更换已经完成。对主体中相关信息(比如昵称、头像、社交账号等)的修改,可自行在myBlog目录下_config.yml及pure目录下的_config.yml 进行修改。