hexo博客搭建流程

在这里也不细讲某些步骤,只是将重要步骤进行说明

环境的搭建

安装Git Bash
安装node.js
在安装完成以上两个软件之后, 运行Git Bash,在命令行中敲入如下命令

1
git-keygen -t rsa -C "你的邮箱"

会在用户的主目录下生成ssh密钥,将id_rsa.pub中的内容复制到github当中

开始安装hexo

1
npm install hexo-cli -g

开始博客的搭建

  1. 初始化

    1
    hexo init "你的博客目录"
  2. 更正

    在上一步初始化的时候,我发现根本进行不下去,于是我就直接从github上面克隆了hexo的项目放到我的博客文件夹下,github上的ssh链接为git@github.com:hexojs/hexo-starter.git

    1
    2
    git clone git@github.com:hexojs/hexo-starter.git
    npm install
  3. 选择主题

    我选择的是raytaylorism主题
    在theme目录下运行如下命令:

    1
    git clone git@github.com:hexojs/hexo-starter.git /theme/raytalorism
  4. 启用

    修改 _config.yml 中的theme一项的值为raytaylorism
    由于本主题使用了Data Files数据文件和额外的layout文件,所以请复制以下文件到你的博客目录中,否则在启动server时可能会报错
    复制yourblog/themes/raytaylorism/_data文件夹到yourblog/source目录下
    复制yourblog/themes/raytaylorism/_md/下所有文件夹(about和reading)到yourblog/source目录下

    1
    hexo server

如此就可以进行初步浏览了
不过如果想将博客挂在github上的话还需要进行如下操作

配置github账户

1
2
git config --global user.name "用户名"
git config --global user.emial "邮箱"

将网站发布到Github同名的repository中

  1. 在github新建一个仓库名为yourname.github.io

  2. 配置Deployment

    在_config.yml文件中进行如下设置

    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: git@github.com:ALuckyCoder/ALuckyCoder.github.io.git
    branch: master
  3. 博客的发布

    HexoBlog部署到git我们需要安装hexo-deployer-git插件,在博客HexoBlog根目录运行:

    1
    npm install hexo-deployer-git --save

然后运行

1
2
hexo g //生成
hexo d //部署

或者如下

1
hexo d -g //先生成,再部署

然后访问https//yourname.github.io即可访问(这里的链接地址是我的主页地址)

当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器