使用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:

相关内容

热门资讯

安卓9系统怎样应用分身,轻松实... 你有没有发现,手机里的APP越来越多,有时候一个APP里还要处理好多任务,分身功能简直就是救星啊!今...
获取安卓系统的ip地址,轻松获... 你有没有想过,你的安卓手机里隐藏着一个神秘的IP地址?没错,就是那个能让你在网络世界里找到自己的小秘...
LG彩电安卓系统升级,畅享智能... 你家的LG彩电是不是最近有点儿“闹别扭”,屏幕上时不时地跳出个升级提示?别急,今天就来给你详细说说这...
阴阳师安卓苹果系统,安卓与苹果... 亲爱的玩家们,你是否曾在深夜里,手握手机,沉浸在阴阳师的神秘世界?今天,就让我带你一起探索这款风靡全...
华为安卓系统区别在哪,独特创新... 你知道吗?最近手机圈里可是热闹非凡,尤其是华为的新动作,让很多人眼睛都瞪大了。没错,我说的就是华为自...
怎么重新刷安卓手机系统,深度解... 手机用久了,是不是感觉卡顿得厉害?别急,今天就来教你怎么重新刷安卓手机系统,让你的手机焕然一新,速度...
刷正版安卓系统教程,刷正版安卓... 你有没有想过,让你的安卓手机焕然一新,体验一把正版系统的魅力呢?别急,今天就来手把手教你如何刷正版安...
移动支撑系统安卓版,助力移动办... 你有没有发现,现在的生活越来越离不开手机了?无论是工作还是娱乐,手机几乎成了我们生活的必需品。而今天...
安卓怎么进win系统界面,安卓... 亲爱的安卓用户,你是否曾幻想过在安卓设备上直接体验Windows系统的魅力?别再羡慕那些Window...
incall可以升级安卓系统吗... 你有没有想过,你的手机是不是也能像电脑一样,时不时地来个系统升级呢?今天,咱们就来聊聊这个话题——i...
安卓系统带农历软件,尽享传统节... 你知道吗?现在智能手机上有个特别实用的功能,那就是农历显示。对于咱们中国人来说,农历可是有着深厚的历...
安卓系统资源占用高,揭秘原因与... 你有没有发现,你的安卓手机最近变得越来越慢了?是不是觉得打开一个应用都要等半天,甚至有时候还会卡死?...
安卓10的系统有哪些,功能升级... 你有没有发现,你的安卓手机最近是不是变得有点不一样了?没错,就是那个神秘的安卓10系统!它就像一位魔...
固态硬盘系统迁移到安卓,固态硬... 你有没有想过,把你的固态硬盘系统迁移到安卓设备上,是不是能让你在移动办公或者娱乐时更加得心应手呢?想...
平板电脑能玩安卓系统吗,畅享丰... 你有没有想过,平板电脑竟然也能玩安卓系统?这可不是天方夜谭,而是科技发展的新趋势。想象你手中的平板瞬...
安卓刷精简系统下载,轻松打造高... 你有没有想过,你的安卓手机是不是有点儿“臃肿”了呢?运行速度慢,电池续航短,有时候还卡得要命。别急,...
安卓子系统windows11,... 你知道吗?最近科技圈可是炸开了锅,因为安卓子系统在Windows 11上的兼容性成了大家热议的话题。...
电脑里怎么下载安卓系统,电脑端... 你有没有想过,你的电脑里也能装上安卓系统呢?没错,就是那个让你手机不离手的安卓!今天,就让我来带你一...
索尼相机魔改安卓系统,魔改系统... 你知道吗?最近在摄影圈里掀起了一股热潮,那就是索尼相机魔改安卓系统。这可不是一般的改装,而是让这些专...
安卓系统哪家的最流畅,安卓系统... 你有没有想过,为什么你的手机有时候像蜗牛一样慢吞吞的,而别人的手机却能像风一样快?这背后,其实就是安...