工具准备

下载nodejs

下载地址:https://nodejs.org/zh-cn/

image-20220627144314795

检验Node.js是否成功安装

打开cmd,输入Node -v,出现版本即为成功

image-20220627144349612

可能出现的问题:

  • 如果npm -v会出现npm WARN config global –global, –local are deprecated. Use –location=global instead.

    • 解决办法是:在管理员cmd中,输入npm-windows-upgrade –npm-version latest

      出现以下内容即为成功

      image-20220627144410113

    • 若出现npm fund 这不是报错!

      image-20220627144440538

下载git

下载地址:https://git-scm.com/download/win

检验git是否安装成功

在cmd输入git –version,出现下图即为成功(版本号可以不一致)

image-20220627132957164

Hexo下载

创建一个文件夹名为“myHexo“,右键“git bash here“

下载hexo

npm可能下载过慢,可以使用国内淘宝下载源cnpm

  1. 方法一 :输入npm: npm install -g hexo-cli

  2. 方法二:下载cnpm:npm install -g cnpm –registry=https://registry.npm.taobao.org

    ​ 安装hexo: cnpm install -g hexo-cli

检验是否安装Hexo

用hexo -v命令查看是否安装成功hexo,若成功则出现:

image-20220627133432543

网站的初始化

输入hexo init

image-20220627133630230

npm的安装

输入npm install

image-20220627133712319

网页的生成

输入 hexo g

image-20220627133750031

本地访问

输入hexo s 或者hexo server,,然后在浏览器输入http://localhost:4000查看是否在本地可以访问

ctrl + C 为停止

image-20220627133837345

image-20220627133849439

本地和github关联

生成SSH密钥

  1. 来到git bash里(当前位置为之前创建的文件夹,我这里是myHexo)

  2. 生成ssh密钥 : ssh-keygen -t rsa -C “你的github邮件地址”

  3. 按四次4次回车,结果如下:

    • image-20220627134704222
  4. 注意找到id_rsa.pub这个文件路径并复制里面的内容(如上图红色圈)

    • 可以改后缀,使用记事本打开

    • 或者使用cd 命令,再用cat命令

    • 复制这串内容(原模原样复制)

    • image-20220627134913469

Github的仓库关联

点击右上角的github头像

image-20220627135026269

选中settings

image-20220627135057567

点击左侧的ssh and GPG keys

image-20220627135155776

SSH keys选择New SSH keys

image-20220627135224600

填写内容

  • Title 随意填写
  • Key:粘贴刚才的密钥
  • image-20220627135312825

点击Add SSH key保存

测试本地与github是否关联成功

输入 :ssh -T git@github.com

出现 successfully就是成功,but这些不管它。

image-20220627135837403

博客的远程推送

_config.yml****的配置

来到myHexo文件夹,找到_config.yml

使用记事本或者在git bash中用vim打开找到最后一行,输入一下格式

1
2
3
4
Deploy:
Type:空格 git
Respository(或者repo): 空格 (来到github的创建的仓库,点击code,复制地址)
Branch: 空格 main

如我的配置

image-20220627140200921

安装自动部署发布工具

  1. 安装工具

​ 输入**npm install hexo-deployer-git --save**

​ 再输入hexo g

​ 再输入hexo d

  1. 访问

    浏览器输入 : 自己github用户名@github.io

    image-20220627140528303

hexo多部署

创建oss

  1. 先购买oss:对象存储 OSS_云存储服务_企业数据管理_存储-阿里云 (aliyun.com)

  2. 进入oss控制台:OSS管理控制台 (aliyun.com)

  3. 设置Bucket

    image-20230412195958117

image-20230412200813314

  1. 设置用户

image-20230412201011304

image-20230412201140903

image-20230412201348994

image-20230412201708172

设置页面

image-20230412202449524

img

  • 默认首页:index.html
  • 默认404页:404.html(按照你实际的404页面地址填写)
  • 子目录首页:开通,这里由于Hexo的分类、标签等页面,都是子目录的形式(例如:/tags/),如果不开通这个功能,不会自动定位到对应目录的index.html
  • 文件404规则:Index

hexo 配置

在hexo目录执行

阿里云推送:npm install hexo-deployer-ali-oss --save

(github的推送:npm install hexo-deployer-git --save)

在hexo的**_config.yml**文件中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
deploy:
# 阿里云oos
- type: ali-oss
region: <您的oss 区域代码(例如:oss-cn-hangzhou)>
accessKeyId: <输入这个Id>
accessKeySecret: <输入这个密码>
bucket:

# github
- type: git
repo:
# 自己的github地址
https://github.com/daokunn/daokunn.github.io.git

#https://e.coding.net/daokunn/hexo/daokun.git
branch: main

推送

默认是推送到根目录,若要指定目录 就加入remotePath:<您要部署的目录>

hexo cl

hexo g

hexo de [remotePath:<您要部署的目录>]

Centos的配置

工具准备

安装git

  1. yum install git -y

image-20230416230805088

  1. 验证 Git 的版本:

git --version

image-20230416231042536

安装Node.js

  1. 安装

curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash - && sudo yum clean all && sudo yum makecache && sudo yum install -y gcc-c++ make && sudo yum install -y nodejs

image-20230416231339159

  1. 验证node版本信息

    node -v

  2. 验证npm的版本信息

npm - v

image-20230416231604001

安装hexo

  1. 安装

    npm install -g hexo-cli

    image-20230416231837248

  2. 验证

hexo -v

image-20230416231855067

博客

博客初始化

  1. cd ~ && hexo init blog --no-clone

image-20230416232120574

  1. 安装 hexo-deployer-cos 插件

cd ~/blog && npm install hexo-deployer-ali-oss --save

image-20230416232457346

  1. 自动生成博客的静态文件

hexo g

启动博客

  1. 进入 blog 项目文件夹,启动博客项目:

cd ~/blog/ && hexo s

  1. 验证是否启动成功

IP地址加端口号4000

例如:192.168.1.1:4000

image-20230416232709710

最后,非常感谢大佬[武师叔](Hexo+github搭建个人博客 | 武师叔 (wushishu.xyz))!武师叔的博客很系统,很详细的记录了搭建的流程。在搭建的时候,我遇到了一些麻烦,在武师叔的博客里,找到了解决方案。在此衷心的感谢!