效果预览:[个人网站地址]

准备阶段:

  1. 环境搭建

    • 操作系统:Windows电脑
    • Git账号:在GitHub注册一个账户
    • 框架选择:使用hexo框架搭建blog软件

    参考网址:

    • Git下载:https://git-scm.com/
    • Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
    • Node.js下载:https://nodejs.org/en/

安装过程:

  1. Node.js安装
    依次点击即可,安装过程非常简单。

  2. Git安装
    按照网上的安装方式进行安装就可以。

  3. Hexo安装(以下操作均在git中完成):

    ——检测node是否安装成功:node -v(返回版本号),npm -v(返回版本号)

    ——安装淘宝的镜像源(如果错误就重试,因为连接可能不稳定,不要害怕多试几次就可以了):npm install -g cnpm --registry=https://registry.npm.taobao.org

建立仓库:

  1. 新建一个GitHub repository(例:hansonpang99.github.io)
  2. 在Blog目录下安装Hexo部署插件(以下操作在git中完成):
    cnpm install --save hexo-deployer-git

修改_config.yml文件:

  1. 找到并打开Blog文件夹中的_config.yml文件,建议使用Visual Studio Code编辑器。
  2. 修改配置部分:
    • type:改为hexo
    • repository:复制刚刚新建的GitHub仓库地址
    • branch:设置为管理员权限的master分支

部署到GitHub:

  1. 在命令行中输入hexo d,将本地文件部署到GitHub上。

访问网站:

通过访问https://+你的仓库名(例: https://hansonpang99.github.io)即可查看部署在GitHub上的blog。

深化操作过程——更换Blog的主题:

以yilia主题为例进行更换:

  1. 下载yilia主题,命令为git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  2. 找到Blog文件夹中的_config.yml文件,将其中的theme值改为刚才克隆的yilia
  3. 清理数据库:hexo clean
  4. 生成静态文件:hexo generate
  5. 部署到GitHub:hexo deploy

这样就实现了主题的更换。