Hexo部署教程

发表于 分类于 阅读次数： Disqus： 本文字数： 896 阅读时长 ≈ 3 分钟
Hexo部署教程。

Hexo教程-零基础

Hexo介绍：

  • 官网：https://hexo.io/

Github部署

以下操作均在如下环境中进行：

系统环境：Oracle VM VirtualBox 新建的Windows 11虚拟机

  • 设备规格：
    • 设备名称 virtual01 处理器 11th Gen Intel(R) Core(TM) i5-11400H @ 2.70GHz 2.69 GHz 机带 RAM 3.98 GB 设备 ID D6BEA68A-2E5C-4A48-A5B4-D61BBA94B8D7 产品 ID 00391-80000-00001-AA122 系统类型 64 位操作系统, 基于 x64 的处理器 笔和触控 没有可用于此显示器的笔或触控输入
  • 系统参数：
    • 版本 Windows 11 专业工作站版 版本 21H2 安装日期 ‎2023/‎3/‎30 操作系统版本 22000.194 体验 Windows 功能体验包 1000.22000.194.0

网络环境：无代理环境（经过尝试，可以不需要代理但是需要耐心等待）

注册Github

  1. 打开Edge浏览器，地址栏输入网址：https://github.com ，点击Sign up进行注册。image-20230427204328138
  2. 输入你的对应信息，名称使用英文。image-20230427210854483

安装nodejs

  1. 打开Edge浏览器，地址栏输入网址：https://nodejs.org/en/download ，选择对应版本进行下载，我这里直接选择的是Windows Installer 中 64bit 安装包进行下载，小伙伴们可以根据自己操作系统选择安装不同版本的安装包。 Snipaste_2023-04-02_20-53-34
  2. 双击你下载的安装包进行安装，安装比较简单，一路next即可，不懂的可以看视频。

安装Git

  1. 打开Edge浏览器，地址栏输入网址：https://git-scm.com/downloads ，选择对应版本进行下载，如果觉得下载速度太慢，可以用镜像链接：https://registry.npmmirror.com/binary.html?path=git-for-windows/，同样选择对应版本即可，我直接选择的是64-bit Git for Windows Setup，小伙伴们可以根据自己操作系统选择安装不同版本的安装包。 image-20230427200948620 image-20230427201035353
  2. 双击你下载的安装包进行安装，安装比较简单，不懂的可以看视频。

安装Visual Studio Code

为什么要安装一个Vscode呢，主要原因是后续我们需要编辑代码文件，使用Vscode操作简单，安装方便，使用传统文本编辑器效率过低。

  1. 打开Edge浏览器，地址栏输入网址：https://code.visualstudio.com/ ，选择对应版本进行下载。
  2. 以管理员身份进行安装即可。 image-20230427202327795

检查安装是否完成

  1. win+r 输入cmd，输入node -v，npm -v，git -v返回对应版本号即为安装完成。image-20230427203212081
  2. 右键文件资源管理器空白处，会发现多了两项： image-20230427202913358

安装Hexo

  1. 新建一个文件夹用于存放你的博客文件，文件夹名称英文，打开文件夹，在文件夹空白处右键，点击Git Bash Here输入以下命令：

    1
    npm install -g hexo-cli
    image-20230427210106383

配置本地文件夹

1
2
3
4
5
6
# 初始化
hexo init
# 生成静态网页文件
hexo g
# 本地端口运行演示
hexo s

配置Github

  1. 创建完成Github账号之后，新建一个名为github_username.github.io 的仓库，如果不是这个名字也可以之后博客域名会比较长，用这个仓库名，到时候你的博客就是这个链接，github_username就是之前注册时输入的你的用户名。 image-20230427205114289

    image-20230427205121652

  2. 打开Git Bash，输入命令：

    1
    2
    3
    4
    5
    6
    # 配置你的GitHub信息
    git config --global user.name "你的GitHub用户名"
    git config --global user.email "你的Github注册邮箱"
    # 生成sshkey，用于连接你的GitHub账号
    ssh-keygen -t rsa -C "你的Github注册邮箱"
    cat ~/.ssh/id_rsa.pub
    image-20230427211244685

Gitee 部署

服务器部署