使用Hexo+Github搭建部署个人博客
创始人
2025-05-31 17:49:56
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:

相关内容

热门资讯

菲媒:菲律宾副总统称,不优先考... 【环球网报道】综合菲律宾《马尼拉标准报》等媒体6月1日报道,菲律宾副总统莎拉·杜特尔特称,她不优先考...
原创 美... 特朗普再次执掌白宫后,他的“地盘扩张梦”可谓是雷声大雨点小,搞得沸沸扬扬却未见实效。他本想一口气吞掉...
法网-郑钦文鏖战2-1萨姆索诺... 北京时间6月1日,2025赛季网球大满贯法国公开赛继续进行,在女单第三轮的一场比赛中,赛会8号种子、...
以国防军:黎以停火以来超180... △黎巴嫩南部地区(资料图) 以色列国防军当地时间6月1日下午发布消息称,当天上午,一名黎巴嫩真主党特...
深夜,巨子生物突发声明:接受检... 每经编辑|金冥羽 巨子生物旗下重组胶原蛋白品牌可复美产品成分争议持续发酵。 6月1日22点32分,...
新修订的《快递暂行条例》6月1... 6月1日起,《国务院关于修改〈快递暂行条例〉的决定》正式施行。此次修改,专门增加了“快递包装”章节,...
开放“以债换房”政策,可直接置... “南京网络辟谣”微信公众号6月1日发文称,近日,有“南京二手房零首付李经理”“合肥瑶珺房地产代理有限...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
基于TDesign风格的Bla... 作为一名Web开发人员,开发前端少不了使用JavaScript,而Bla...