个人博客搭建

准备阶段

安装node.js

安装git

管理员打开命令行

安装cnpm

  • 命令行输入npm install -g cnpm --registry=https://mirrors.cloud.tencent.com/npm/(国内可以使用镜像源，如果网络没有问题跳过该步骤直接下载npm)

安装后验证

1
2
3
node -v
git -v
cnpm -v

确认无误后进行命令行安装hexo

  • 命令行输入cnpm install -g hexo-cli、
  • 验证：hexo -v

配置Github

创建仓库

  • 按照下图创建一个名为 user.github.io的库（user改为你的用户名，注意每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库

image-20241016224717271

配置SSH免密登录

  1. 打开资源管理器C:\Users\你的用户名找到*.ssh*文件并删除如果没有则不删
  2. 命令行输入ssh-keygen -t rsa并回车到结束
  3. 打开C:\Users\你的用户名.ssh打开id_rsa.pub复制备用
  4. 打开github的seetings中SSH and GPG keys按下图操作

image-20241016225806458

使用hexo搭建博客

  1. 任意位置新建文件夹命名为blog

  2. 管理员打开cmd或者powershell依次输入

    1
    2
    3
    4
    C:\Windows\system32> E:                   # 切换到E盘
    E:\> cd blog                              # 进入 blog 文件夹
    E:\blog> hexo init                        # 执行hexo init命令

  3. 完成之后执行hexo g #生成

  4. 执行hexo s #启动本地预览

  5. 然后打开浏览器访问 本地 即可看到内容

将博客部署到github个人主页

  1. 在blog文件夹下右键打开powershell，执行安装命令npm install hexo-deployer-git --save

  2. 打开在blog文件夹目录下的_config.yml文件修改如下

    image-20241017212822343

  3. 在blog文件夹下右键打开powershell，执行hexo d #将本地的blog推送到github仓库

更换主题

  • hexo官网

  • 在blog文件夹里执行：git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

  • 可以进入blog文件夹下的theme文件夹来检查主题是否安装成功

  • 打开blog文件夹下的*_config.yml文件，在里面找到theme:landscape改为theme:butterfly*(butterfly是我们使用的主题)

    image-20241017213345449

    1. hexo clean #清理缓存，以免出现莫名其妙的问题

    2. hexo g

    3. hexo s

    4. hexo d #最好先用hexo s在本地预览，没问题后再推到仓库（github经常会连接错误，可以等会再上传）

      进行如上操作后基本实现

结束阶段

  • 可以在作者官网,安知鱼,fomal进行美化(较为繁琐所以此次贴一些教程)

  • 上文如果有问题请去gpt询问或者bing搜索