Hexo博客的搭建部署

本文最后更新于:1 年前

Hexo博客搭建教程

Hexo官方文档

搭建环境

下载安装Git

  1. Git官网下载合适版本的Git,并安装

  2. 检测安装是否成功

    1
    git --version//查看Git版本

Git安装成功后可以用Git Bash来进行命令行操作

下载安装Note.js

  1. Note.js中文官网下载合适的版本,并安装

  2. 检测是否安装成功

    1
    2
    node -v//查看note版本
    npm -v//查看npm版本

搭建本地博客

安装Hexo

  1. 打开Git Bash,输入下面的命令

    1
    npm install -g hexo-cli
  2. 检测是否安装成功

    1
    hexo -v

博客初始化

  1. 新建一个文件夹作为博客的目录,例如将博客目录设置为myblog

    1
    hexo init myblog
  2. 初始化博客

    1
    2
    cd myblog
    npm install

博客本地效果

  1. Git Bash执行下面的命令

    1
    2
    hexo -g//生成静态页面
    hexo server//本地预览
  2. 查看本地博客效果

将博客部署到Github

创建个人Github仓库

  1. 注册一个Github账号,并登录
  2. 新建一个Github仓库,并命名为yourname.github.io。必须按此格式命名,这里yourname可以自定义,比如我的仓库名Linsip.github.io

配置SSH

  1. Git Bash输入下面的命令,生成密钥

    1
    2
    git config --global user.name "你的github账户名字"
    git config --global user.email "你的github邮箱"
  2. 检测输入的用户名与邮箱是否正确

    1
    2
    git config user.name
    git config user.email
  3. 输入下面命令创建SSH密钥

    1
    ssh-keygen -t rsa -C "youremail"
  4. 上传SSH密钥到Github

部署代码到Github上

  1. 找到并打开配置文件,修改其内容

  2. Git Bash输入下面命令,安装hexo-deployer-git

    1
    npm install hexo-deployer-git --save//
  3. 继续执行下面的命令

    1
    2
    3
    hexo clean//
    hexo generate//
    hexo deploy//
  4. 打开网址http://yourname.github.io就可以看到你自己搭建的博客。这里的yourname就是你Github仓库的名字

设置个人域名

购买域名

推荐腾讯云

Hexo博客常用命令

新建博客目录

1
hexo init <folder>

新建文章

1
2
3
hexo new [layout] <title>
//例如
hexo n "我的第一篇博客"

生成静态页面

1
hexo generate

部署内容到网站

1
hexo deploy

启用本地预览

1
hexo server

Hexo博客常见问题

更换博客主题

  1. Hexo官网找到自己喜欢的主题,

  2. 然后再博客目录下面的themes文件夹下打开git bash,输入以下命令,完成后themes文件夹下会多出一个文件夹,这个文件夹名字就是主题的名字

1
git clone 主题的网址
  1. 修改博客配置文件即博客目录下_config.yml文件,找到themes,修改后面的主题的名字
1
themes: 主题名字
  1. 修改主题配置文件(不是博客配置文件,一般在主题文件夹themes里面主题文件夹下的_config.yml文件),然后回到博客目录下,打开git bash,查看效果
1
2
3
hexo clean
hexo g
hexo s
  1. 部署到远端,博客目录下,打开git bash
1
2
3
hexo clean
hexo g
hexo d

博主码字不易,本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!