hexo博客迁移

Hexo更换设备应该怎么做

本文详细介绍了更换设备后如何迁移Hexo：

  • 提前备份好blog-demo中的所有文件
  • 环境准备：安装Node.js和Git（以及上台设备上安装的所有插件）貌似可以不用安装。
  • 配置Git和GitHub：设置SSH密钥，创建GitHub仓库
  • 初始化Hexo项目：安装Hexo，启动hexo项目
  • 下载部署到GitHub Pages所需插件
  • 安装主题
  • 安装 pug 以及 stylus 的渲染器
  • 将blog-demo文件替换为备份文件

1.环境准备

1.安装node.js
  • 在电脑上可以打开node.js官网下载
  • 在手机Termux上可以通过以下代码下载
    1
    pkg install nodejs
2.安装git
  • 在电脑上可以打开git官网下载
  • 在手机Termux上可以通过以下代码下载
    1
    pkg install git

2.配置 Git 密钥并连接至 Github

常用 Git 命令

1
2
3
git config -l  //查看所有配置
git config --system --list //查看系统配置
git config --global --list //查看用户（全局）配置

2.1.配置用户名和邮箱

1
2
3
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"
git config -l 检查是否配置成功。

2.2.配置公钥连接Github

2.2.1.执行以下命令生成ssh公钥，此公钥用于你的计算机连接Github

1
ssh-keygen -t rsa -C "你的邮箱"

提示Enter file in which to save the key直接一路回车即可，新手小白不推荐设置密钥
之后打开C盘/c/Users/"你的用户名"/.ssh/文件夹，会看到以下文件:

  • id_rsa私钥
  • id_rsa.pub公钥

用记事本打开上述图片中的公钥id_rsa.pub，复制里面的内容，然后开始在github中配置ssh密钥。

2.2.2.将 SSH KEY 配置到 GitHub

进入github，点击右上角头像选择settings，进入设置页后选择SSH and GPG keys，名字随便起，公钥填到Key那一栏，然后点击Add SSH key保存。

2.2.3.测试连接，输入以下命令

1
ssh -T git@github.com

第一次连接会提示 Are you sure you want to continue connecting (yes/no/[fingerprint])?，输入yes即可。
ps：注意这里要填yes不是y。
出现连接到账户的信息，说明已经大功告成，至此完成了环境准备工作。

3.初始化Hexo项目

3.1.创建一个文件夹来保存博客源码（我这里选的路径为D:/Hexo-Blog），在文件夹内右键鼠标，选择Open Git Bash here这里使用cmd也行。

3.2.在命令行输入如下命令安装 Hexo

1
npm install -g hexo-cli && hexo -v

3.3.安装完后输入hexo -v验证是否安装成功

3.4.初始化 Hexo 项目安装相关依赖。

1
2
3
hexo init blog-demo
cd blog-demo
npm i

完成后会在当前文件夹下出现应该新的文件夹blog-demo

3.5.blog-demo有如下结构：

  • node_modules：依赖包
  • scaffolds：生成文章的一些模板
  • source：用来存放你的文章
  • themes：主题
  • .npmignore：发布时忽略的文件（可忽略）
  • _config.landscape.yml：主题的配置文件
  • config.yml：博客的配置文件
  • package.json：项目名称、描述、版本、运行和开发等信

3.6.输入hexo cl && hexo s启动项目

启动后会在命令行出现如下结果

1
2
3
INFO  Start processing
INFO  225 bangumis have been loaded
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

点击结果中的http://localhost:4000/ 即可本地预览。
ps：在VScode中可以按住Ctrl然后使用鼠标点击即可。

4.下载部署到GitHub Pages所需插件

安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

5.安装主题

这里我使用的是安知鱼主题，使用Git 安裝，这里安装你自己的主题就行

在博客根目录里中安装最新版主题

1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu

博客根目录是上面创建保存博客源码的位置我的在D:/Hexo-Blog所以我的根目录是D:/Hexo-Blog/blog-demo

6.安装 pug 以及 stylus 的渲染器

第一次使用需要安装 pug 以及 stylus 的渲染器

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

现在环境配置全部完成。

7.将blog-demo文件替换为备份文件

最后只需要将提前备份好的blog-demo进行替换即可。
替换完后可以使用以下命令进行本地预览，本地预览时图片加载不出是正常的

1
hexo cl; hexo s

至此Hexo迁移设备全部完成。

[up主专用，视频内嵌代码贴在这]