将基于github pages的hexo博客迁移到新电脑

最重要的一步就是将旧电脑的整个博客文件夹备份下来,拷贝到新电脑上!

哪怕只有好几个月前的版本也是可以的,毕竟最重要的文章可以直接从GitHub上对应的仓库下回来。

而其他的布局与UI等如果没做大改动的话,其实就不用更新了。

接下来就是在新电脑上启用运行环境。

一、GIT的安装与配置

安装git

  1. Git - Install for Windows,前往官网下载对应安装程序;

  2. 运行安装程序,点击下一步,第一个选项界面保持默认;

  3. 到选择默认编辑器处(default editor),可保持默认的VIM编辑器,也可以选择其他编辑器;

    若选择了其他编辑器,下方编注一个超链接,需点击前往对应编辑器的官网下载编辑器,安装完毕后才可继续git安装程序的下一步;

    如果安装了编辑器,git安装程序仍不可点击【NEXT】,则需要取消git安装程序,返回第2步重新安装。

  4. 接下来是自定义仓库主分支的名字,不修改则保持默认的“master”,第二个选项可自定义名称;

  5. 接下来选择git的启动方式,默认第二种即可(随意启动,不需要使用git bash);

  6. 选择所使用的SSH组件,默认即可(安装程序自带);

  7. 选择证书库,默认即可;

  8. 选择换行符格式,默认即可(Windows style);

  9. 选择git bash调用的终端程序(MSYS2或者CMD),可保持默认MSYS2;

  10. 选择使用git pull命令时的操作逻辑,建议默认即可;

  11. 选择账号认证界面,默认即可;

  12. 额外功能,保持默认开启缓存功能;

  13. 读条安装完毕;

总结:可一路按next闭眼安装。

生产SSH密钥,与账号进行绑定

  1. 开始菜单找到git bash,运行

  2. 配置本地用户名(仅用于生成SSH密钥,作用备注):

    1
    2
    git config --global user.name "你的用户名"
    git config --global user.email "邮箱"
  3. 生成目前所用电脑的SSH密钥(注意:C是大写):

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

    输入命令回车后,会有两次让输入密码,如果是个人电脑,可以不输入密码,直接按回车跳过。

    如果输入了密码,以后操作git仓库时就会提示让输入密码进行验证,适合在办公电脑或对仓库管理有严格需求时。

  4. 查看公钥:

    1
    cat ~/.ssh/id_rsa.pub

    使用以上命令可查看公钥,然后选择右键点击复制即可。

    或者可以去对应的文件夹,使用记事本打开对应的文件再框选复制。

  5. 打开浏览器登录GitHub,在右上角点开[Settings]-[SSH and GPG keys]-[SSH keys]-右侧点击[New SSH keys],粘贴刚刚复制的SSH公钥

二、安装HEXO与NPM

安装npm

  1. Node.js — Download Node.js®,前往官网下载页面,往下拉,在Or get a prebuilt Node.js® for WINDOWS那里点击Windows Installer (.msi)
  2. 运行安装程序,一路同意下一步即可。

安装hexo

  1. 在备份过来的博客根目录,即拥有以下文件夹/文件的位置,打开git bash

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    magiku@magiku-PC MINGW64 /d/magiku/magiku.hexo
    $ ll
    total 4172
    -rw-r--r-- 1 magiku 197121 32250 Aug 16 2024 _config.butterfly.yml
    -rw-r--r-- 1 magiku 197121 0 Oct 16 2023 _config.landscape.yml
    -rw-r--r-- 1 magiku 197121 3831 Aug 15 2024 _config.yml
    -rw-r--r-- 1 magiku 197121 3935762 Sep 20 2024 db.json
    drwxr-xr-x 1 magiku 197121 0 Jan 11 14:50 node_modules/
    -rw-r--r-- 1 magiku 197121 153664 Jul 29 2024 package-lock.json
    -rw-r--r-- 1 magiku 197121 1022 Jul 29 2024 package.json
    drwxr-xr-x 1 magiku 197121 0 Jan 11 14:50 public/
    drwxr-xr-x 1 magiku 197121 0 Jan 11 14:50 scaffolds/
    drwxr-xr-x 1 magiku 197121 0 Jan 11 14:50 source/
    drwxr-xr-x 1 magiku 197121 0 Jan 11 14:50 themes/
  2. 运行以下命令安装hexo:

    1
    npm install hexo-cli -g
  3. 等待自动安装最新版hexo并覆盖当前文件夹已有的hexo文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    magiku@magiku-PC MINGW64 /d/magiku/magiku.hexo
    $ npm install hexo-cli -g

    added 53 packages in 8s

    14 packages are looking for funding
    run `npm fund` for details
    npm notice
    npm notice New minor version of npm available! 11.6.2 -> 11.7.0
    npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.7.0
    npm notice To update run: npm install -g npm@11.7.0
    npm notice
  4. 安装hexo的git部署工具:

    1
    npm install hexo-deployer-git --save
  5. 接下来就可以测试博客能否正常编译运行:

    1
    2
    3
    hexo clean
    hexo generate
    hexo server

三、正常编辑与上传博客

  1. 在博客文件夹下使用git bash执行命令:

    1
    hexo new post 文章名
  2. 打开博客文件夹/source/_posts,找到刚刚新建出来的markdown文件,打开进行编辑创作。

  3. 编辑完成后,执行命令:

    1
    2
    3
    hexo clean
    hexo generate
    hexo deploy
  4. 输入yes,确认同步到博客网站上。