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

相关内容

热门资讯

电视安卓系统哪个品牌好,哪家品... 你有没有想过,家里的电视是不是该升级换代了呢?现在市面上电视品牌琳琅满目,各种操作系统也是让人眼花缭...
安卓会员管理系统怎么用,提升服... 你有没有想过,手机里那些你爱不释手的APP,背后其实有个强大的会员管理系统在默默支持呢?没错,就是那...
安卓系统软件使用技巧,解锁软件... 你有没有发现,用安卓手机的时候,总有一些小技巧能让你玩得更溜?别小看了这些小细节,它们可是能让你的手...
安卓系统提示音替换 你知道吗?手机里那个时不时响起的提示音,有时候真的能让人心情大好,有时候又让人抓狂不已。今天,就让我...
安卓开机不了系统更新 手机突然开不了机,系统更新还卡在那里,这可真是让人头疼的问题啊!你是不是也遇到了这种情况?别急,今天...
安卓系统中微信视频,安卓系统下... 你有没有发现,现在用手机聊天,视频通话简直成了标配!尤其是咱们安卓系统的小伙伴们,微信视频功能更是用...
安卓系统是服务器,服务器端的智... 你知道吗?在科技的世界里,安卓系统可是个超级明星呢!它不仅仅是个手机操作系统,竟然还能成为服务器的得...
pc电脑安卓系统下载软件,轻松... 你有没有想过,你的PC电脑上安装了安卓系统,是不是瞬间觉得世界都大不一样了呢?没错,就是那种“一机在...
电影院购票系统安卓,便捷观影新... 你有没有想过,在繁忙的生活中,一部好电影就像是一剂强心针,能瞬间让你放松心情?而我今天要和你分享的,...
安卓系统可以写程序? 你有没有想过,安卓系统竟然也能写程序呢?没错,你没听错!这个我们日常使用的智能手机操作系统,竟然有着...
安卓系统架构书籍推荐,权威书籍... 你有没有想过,想要深入了解安卓系统架构,却不知道从何下手?别急,今天我就要给你推荐几本超级实用的书籍...
安卓系统看到的炸弹,技术解析与... 安卓系统看到的炸弹——揭秘手机中的隐形威胁在数字化时代,智能手机已经成为我们生活中不可或缺的一部分。...
鸿蒙系统有安卓文件,畅享多平台... 你知道吗?最近在科技圈里,有个大新闻可是闹得沸沸扬扬的,那就是鸿蒙系统竟然有了安卓文件!是不是觉得有...
宝马安卓车机系统切换,驾驭未来... 你有没有发现,现在的汽车越来越智能了?尤其是那些豪华品牌,比如宝马,它们的内饰里那个大屏幕,简直就像...
p30退回安卓系统 你有没有听说最近P30的用户们都在忙活一件大事?没错,就是他们的手机要退回安卓系统啦!这可不是一个简...
oppoa57安卓原生系统,原... 你有没有发现,最近OPPO A57这款手机在安卓原生系统上的表现真是让人眼前一亮呢?今天,就让我带你...
安卓系统输入法联想,安卓系统输... 你有没有发现,手机上的输入法真的是个神奇的小助手呢?尤其是安卓系统的输入法,简直就是智能生活的点睛之...
怎么进入安卓刷机系统,安卓刷机... 亲爱的手机控们,你是否曾对安卓手机的刷机系统充满好奇?想要解锁手机潜能,体验全新的系统魅力?别急,今...
安卓系统程序有病毒 你知道吗?在这个数字化时代,手机已经成了我们生活中不可或缺的好伙伴。但是,你知道吗?即使是安卓系统,...
奥迪中控安卓系统下载,畅享智能... 你有没有发现,现在汽车的中控系统越来越智能了?尤其是奥迪这种豪华品牌,他们的中控系统简直就是科技与艺...