前言

这次的搭建方法有两种:

  1. hexo + gitee(国内,网页加载速度快)
  2. hexo + github(国外,网页加载速度慢)

安装工具:

  1. node.js:https://nodejs.org

  2. git:https://git-scm.com/downloads

    (官网下载比较慢)

  3. Typora:编辑网页文档使用的工具

注意修改安装路径。

方法一:hexo + gitee

推荐视频:小宇Boi

  • 优点:

    服务器在国内,别人的访问自己的网页速度快。

  • 缺点:

    需要身份证验证(身份证正反面,手持身份证正反面),以及等待备案通过。

方法二:hexo + github

建议先看一遍:hexo + gitee 的推荐视频小宇Boi

  • 优点:

    只需要有邮箱,不需要身份验证。

  • 缺点:

    服务器在国外,不使用加速器可能连自己都访问不了。

推荐加速器:watt toolkit(微软商店可以下载,无毒,开源)

接下来是正式搭建:

在安装好node.js,git,Typora,watt toolkit(可选)之后,

  • 环境检测:
  1. 在任意位置新建hexo文件夹

  2. 右键 - 显示更多选项 - Open Git Bash here

    输入:

    node -v
    npm -v(这个是node附带的)
    git -v

  3. 输入

    npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    hexo s

  • 搭建仓库

1.注册登入github(提示注册名字和创建好的网站名有关):https://github.com/

2.点击Create a new repository进入新建仓库页面

​ GitHub: Let’s build from here

3.点击Create a new repository进入新建仓库页面

​ 仓库名输入:用户名.github.io(我已经试过了,必须是这种格式后面才能够访问)

​ 勾选Public

​ 勾选 Add a README file

​ 拉到下面点击create创建

  • 生成SSH Keys

    1.在任意文件夹,右键 - Git bush here

    2.输入:ssh-keygen -t rsa -C “邮件地址”

    3.敲4次Enter

    4.进入C:\Users\用户名,在里面进入.ssh文件

    5.用记事本打开id_rsa.pub,全选复制

    6.打开github,点击头像 - setting - 左边找到SSH相关字样 - new SSH keys,名称随意,在下面粘贴代码,然后创建

    7.测试是否成功,在Git bush here中输入:ssh -T git@github.com,回车,然后再输入yes

  • 本地生成博客内容

  1. 关闭Git bush here,进入hexo,blog文件夹,右键打开Git bush here

  2. 输入:

    hexo g
    hexo s

    然后会输出一个网址,该网址为本地网址(不能联网访问)

  • 上线博客
  1. 进入blog文件夹,用记事本打开_config.yml

    拉到最下面将deploy后面的全删掉,复制粘贴这段

    type: git
    repository:
    branch: main

    (每行前面都有两个空格不要删,每个冒号后面都有个空格也不要删!)

​ 2.去github,在之前生成的仓库页面点code,复制https链接

​ 将其粘贴到我们记事本中的repository:后面

​ 然后保存退出

​ 3.在Git bush here中输入

​ npm install hexo-deployer-git –save

​ hexo g

​ hexo d

​ 然后在跳出来的窗口内进行登录

接下来我们就成功把本地内容上传到github了

网址

到这里我们就搭建好了自己的网站,

网址为:用户名.github.io

提示

虽然,到现在网站已经搭建好了,但是博客的主题需要自己去hexo的官网探索,推荐视频:小宇Boi

下载好以后,就是个人博客的参数配置。每次配置完成在Git bush here中输入:

1
2
3
4
5
6
7
hexo clean  (清除以前网页初始化)

hexo g (生成网页)

hexo d (上传网页到github)

hexo s (本地运行网页)