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

准备工作:本地需要安装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:

相关内容

热门资讯

创维电视安卓系统2.3,回顾经... 你有没有发现家里的创维电视有点儿“老态龙钟”了?别急,别急,今天就来给你揭秘一下这款电视的“内心世界...
如何破解车载安卓系统,轻松解锁... 如何破解车载安卓系统:揭秘背后的技术与风险在当今这个数字化飞速发展的时代,汽车已经不仅仅是一种交通工...
安卓机上的windows系统,... 你有没有想过,把Windows系统的强大功能搬到安卓机上?想象那可是个让人眼前一亮的操作体验呢!今天...
非安卓10系统手机,探索非安卓... 你有没有想过,为什么有些人会选择非安卓10系统的手机呢?是不是觉得这有点奇怪?别急,今天就来带你一探...
手机图标制作安卓系统,手机图标... 你有没有想过,那些在手机屏幕上跳动的图标,其实都是精心设计出来的艺术品呢?没错,今天就要带你一探究竟...
安卓系统和鸿蒙系统谁大,谁才是... 你有没有想过,手机里的操作系统就像是一场无声的较量?今天,咱们就来聊聊这个话题:安卓系统和鸿蒙系统,...
bj40安卓系统,功能解析与使... 你有没有发现,最近你的BJ40越野车变得聪明多了?没错,它升级了安卓系统,简直就像给它装上了个智能大...
安卓系统硬件核心板,揭秘智能设... 你有没有想过,手机里的安卓系统其实就像是一个庞大的城市,而硬件核心板就是这座城市的核心区域?今天,就...
王者荣耀安卓系统转区ios系统... 你有没有想过,把你的王者荣耀账号从安卓系统转到iOS系统呢?这可不是一件小事,里面可是有大学问的哦!...
安卓系统的音游,节奏与音乐的完... 你有没有发现,手机里的游戏越来越好玩了?尤其是那些音游,简直让人停不下来!今天,就让我带你深入了解一...
安卓系统取消下方按键,探索全新... 你知道吗?最近安卓系统来了一次大变动,那就是取消了下方按键!这可真是让人眼前一亮,让我们一起来看看这...
安卓系统显示原理设置,从像素到... 你有没有发现,你的安卓手机屏幕上那些花花绿绿的图标和文字,其实背后有着一套神奇而又复杂的显示原理呢?...
平板安卓4.0系统下载,平板下... 你有没有想过,拥有一台运行着最新安卓4.0系统的平板电脑,那感觉简直就像拥有了未来的钥匙?想象流畅的...
安卓原生12系统下载,原生系统... 你有没有听说?安卓原生12系统终于来了!这款全新的操作系统,不仅带来了全新的视觉体验,还有一堆实用的...
安卓怎么下泼辣系统,安卓设备轻... 你有没有想过给你的安卓手机来个“大变身”?想象你的手机瞬间变成了一个泼辣的“女侠”,不仅个性十足,而...
安卓版小米系统下载,畅享智能生... 你有没有发现,最近手机圈里又掀起了一股热潮?没错,就是安卓版小米系统的下载。这款系统自从推出以来,就...
提取安卓系统自带软件,探索安卓... 你有没有想过,你的安卓手机里那些看似不起眼的自带软件,其实都是隐藏的宝藏呢?今天,就让我带你一探究竟...
安卓系统投屏到鸿蒙系统,鸿蒙系... 亲爱的读者们,你是否有过这样的体验:手里拿着安卓手机,却想在大屏幕的鸿蒙系统设备上展示内容?别急,今...
sony 电视安卓8.0系统,... 亲爱的读者们,你是否也和我一样,对科技产品有着浓厚的兴趣呢?今天,我要和你聊聊一个让我眼前一亮的话题...
安卓 替换系统下载,探索安卓系... 你有没有想过,你的安卓手机其实可以换换口味呢?没错,就是那个一直默默陪伴你的系统,今天就来带你一起探...