使用Hexo+Github搭建部署个人博客
创始人
2025-05-31 17:16:46

准备工作:本地需要安装Git,Node.js环境,GitHub账号

Node.js安装:Node.js安装详细教程_I’m Jie的博客-CSDN博客

入门操作

安装 Hexo

  1. 打开命令运行命令安装 Hexo

    npm install -g hexo-cli
    
  2. 执行 hexo -v 命令验证 Hexo 是否安装成功

    在这里插入图片描述

  3. 本地创建文件夹 MyBlog 用于存放 blog,并在该文件下打开 Git

    在这里插入图片描述

  4. 执行 hexo init 命令初始化

    在这里插入图片描述

  5. 执行 hexo s 启动,打开浏览器访问【http://localhost:4000/】

    在这里插入图片描述

    在这里插入图片描述

登录 GitHub 创建仓库

  1. 登录账号,创建新仓库,填写仓库名

    在这里插入图片描述

  2. 点击 create repository 仓库创建成功

    在这里插入图片描述

  3. 点击右上角头像,点击 setting 进入设置,再点击 SSH and GPG keys

    在这里插入图片描述

  4. 打开git命令窗口配置用户,输入命令 git config --global user.name "ShiJieCloud",其中 ShiJieCloud 替换成自己的用户名;输入命令 git config --global user.email "ShiJieCloud@qq.com",其中 ShiJieCloud@qq.com 替换成自己的邮箱。

    在这里插入图片描述

  5. 输入命令ssh-keygen -t rsa -C "ShiJieCloud@qq.com" 一直按回车Enter键即可。生成SSH公钥和私钥在 c盘/用户/Administrator/.ssh/ 路径中

    在这里插入图片描述

  6. 点击 Github 上的New SSH key,复制 id_rsa.pub 中的公钥到 Github key 输入框中,点击 Add SSH key

    在这里插入图片描述

  7. 在这里插入图片描述

  8. 进入新创建的仓库,依次点击 code→ssh 复制

    在这里插入图片描述

部署 Hexo

  1. 在本地创建的文件夹 MyBlog 下打开 git 命令行,执行命令安装 hexo-deployer-git

    npm install hexo-deployer-git --save
    

    在这里插入图片描述

  2. 打开 MyBlog 文件夹下的 _config.yml 文件,在最下方添加

    # Deployment
    ## Docs: https://hexo.io/docs/one-command-deployment
    deploy:type: gitrepo: Github上复制的SSH粘贴到这里branch: main
    
  3. git 命令行中执行以下命令清除、生成和部署静态文件

    hexo c
    hexo g
    hexo d
    
  4. 在网页上刷新 Github

    在这里插入图片描述

进阶操作

发布博客

本地需要安装软件Typora用于编辑文章

  1. MyBlog 文件夹下打开 git 命令行,执行以下命令在 MyBlog/source/_posts 路径下创建新文章

    hexo new post "新建博客文章名"
    
  2. 使用Typora打开,编辑保存文章

  3. 执行命令同步到 GitHub

    hexo cl && hexo g  && hexo d
    
  4. 等待一会访问浏览器即可

主题美化

  • Butterfly:http://haiyong.site/post/22e1d5da.html

插件安装

hexo-abbrlink

给每一篇文章生成一个属于自己的链接

  1. 安装插件,在 MyBlog 文件夹下打开 git 命令行,运行以下指令:

    npm install hexo-abbrlink --save
    
  2. 插件安装成功后,在 MyBlog 文件夹下的配置文件 _config.yml 找到 permalink:

相关内容

热门资讯

今日重大通报“微信群牛牛到底有... 咨询加微信2780468,您好:微信群牛牛这款游戏是可以开挂的,确实是有挂的,咨询加微信【27804...
玩家实测“新皇豪大厅其实真有透... 咨询加微信2780468,你好,新皇豪大厅这款游戏可以开挂的,确实是有挂的,需要加微信【278046...
玩家必看“温州茶苑开挂透视软件... 咨询加微信2780468,您好,温州茶苑可以开挂,确实是有挂的,软件加微信【2780468】很多玩家...
探海望山读南沙!2025“羊城... 7月7日,2025年“羊城八景”评审调研的步履延伸至广州南沙区。 在港湾街道企业投资服务中心,评审专...
玩家实测“永和备厅牛牛其实的确... 咨询加微信2780468,您好:永和备厅牛牛可以开挂,确实是有挂的,很多玩家在永和备厅牛牛中打牌都会...