之前我去找过很多大佬使用 hexo 搭建博客的文章，大多是 18 19 年的文章，因为这期间 github 发生了下更新，有些东西不配置的话会报错。在这篇文章中，我将会带领大家搭建一个属于个人的博客，只要电脑上安装了 node 和 git 的话，就会轻松搞定。
hexo 官网：https://hexo.io/zh-cn/

文章目录

  • 1、起步
    • ① 需要安装的工具
    • ② 安装 hexo
  • 2、开始
    • ① 搭建 github 仓库
    • ② 生成 SSH Keys
    • ③ 本地生成 hexo 博客
    • ④ 将博客发布到网络上
    • ⑤ 在互联网访问自己的个人博客
  • 3、结语

1、起步

① 需要安装的工具

首先要保证电脑安装了 node.js 和 git 这两个东西，本篇文章不会给大家介绍怎么安装和配置这两个东西，嘿嘿嘿，麻烦大家自行百度吧。

  • node.js 官网：https://nodejs.org/en/
  • git 官网：https://git-scm.com/downloads

安装完之后要确保自己电脑上有 node（+ npm）和 git，可以在命令行工具中（按住 win键 + r键，输入 cmd，按下回车）查看这几个工具的版本号。输入下面查看版本的命令，只要出现对应的版本号，这就是安装成功了。
node -v
npm -v
git --version

② 安装 hexo

下面的步骤还是在命令行中执行：

  1. 首先全局安装 hexo-cli：npm install hexo-cli -g
  2. 查看安装的版本号：hexo -v

2、开始

① 搭建 github 仓库

这个仓库的搭建非常重要，必须跟着我的步骤来

  1. 创建一个新的 github 仓库

  2. 注意：这个地方取名字有讲究的，绝对！绝对！绝对！不能乱取，仓库名字必须是自己当前账号的 用户名.github.io。用户名在右上角的头像处查看

② 生成 SSH Keys

  1. 随便 打开一个文件夹，这里我就在 E 盘下新建一个文件夹，然后右键点击这个文件夹，选择 Git Bash Here（必须电脑安装了 git 才可以见到这个选项）。

  2. 输入 ssh 命令，按回车。如果出现下面的截图的结果，那么表示 ssh 之前在安装 git 的时候，同时被安装成功了，没有的话需要自行百度解决咯。

  3. 输入 ssh-keygen -t rsa -C "github账号"，github 账号是自己的账号哦，需要用双引号将它包裹起来。各位的下图可能会和我不一样，因为我之前设置过 ssh，所以是下面的图示。输入 ssh-keygen -t rsa -C "github账号" 命令后，只要一直按回车就行，什么都不需要输入。

  4. 找到 ssh 的文件：在 C:\Users\Administrator\.ssh，只要在自己电脑名下的目录中，有一个名为 .ssh 的文件夹，点开它

  5. 找到一个名为 id_rsa.pub 的文件

  6. 点开这个文件，将里面所有的内容全部选中，然后复制下来

  7. 打开 github，找到用户头像下面的 setting 选项

  8. 找到 SSH and GPG keys 这个选项，然后点击 New SSH Key，创建一个新的 SSH

  9. 给这个新的 SSH 取一个名字，然后将刚才复制的所有 SSH 粘贴进 Key 框中，最后点击 Add SSH key，创建成功。

  10. 这个时候。在 Git Bash Here 的命令框中输入 ssh -T git@github.com，检查 SSH 是否创建成功。出现 Hi XXXXX，就是创建成功了

③ 本地生成 hexo 博客

  1. 这个时候，找个盘创建一个文件夹，这个文件夹就是用来创建博客了。然后右键点击这个文件夹，点击 Git Bash Here。输入 hexo init，对 hexo 进行初始化。初始化的时候有些 warning 警告也没有关系，只要最后出现了 INFO Start blogging with Hexo!，就表示初始化成功。
  2. 然后输入 hexo s 命令就可以开启一个本地服务器，在本地打开这个服务器网址，就可以查看这个 hexo 博客的界面了。注意复制这个 http://localhost:4000 网址的时候，用 ctrl c 不会起作用的，因为 git 是 linux 系统，可以选中后右键选择 copy，或者自己在网址中输入。要关闭这个本地服务器的话，在 git 操作页面按 ctrl + c 即可。

④ 将博客发布到网络上

  1. 打开自己创建的博客文件夹，找到一个叫 _config.yml 的文件

  2. 用自己本地的编辑器打开这个文件，用记事本也可以。找到一个叫 deploy 的区域

  3. 将这里面的内容改变成我下面的内容。type 的值就为 git；branch 的值设置为 main；repo 的值是自己在 github 中创建的博客仓库的地址，如下下图，然后将复制的仓库地址粘贴到 repo 的后面。最重要的是，注意 deploy 前面没有空格，然后其他三个值的前面都有一个空格，冒号后面也有一个空格，格式绝对不能错。空格不能多也不能少。就如我下下下图所示。

    deploy:type: gitrepo: github 中仓库的地址branch: main

  4. 将上面修改过的文件，按 ctrl + s 保存一下。返回 git 的操作页面，输入 npm install hexo-deployer-git --save 命令，为了将当前本地的博客项目和 github 仓库连接起来。

  5. 然后输入 hexo g 命令

  6. 最后输入 hexo d命令，这个时候就是将项目提交到 github 仓库上了。有的人可能会跳出两个框框：第一个框框是要求输入用户名，注意事项用户名，自己 github 账号取的名字，我的就是 liangshuang0919，一定是用户名，输入账号不对！不然就功亏一篑，从头再来了；第二个框是密码，这个时候输入自己账号密码即可。项目就会被添加进 github 仓库了，刷新一下 github 仓库查看一下。



⑤ 在互联网访问自己的个人博客

  1. 点击 Setting
  2. 往下滑动，找到 **GitHub Pages，**里面有一个 Check it out here!， 点击进去
  3. 然后下图中我圈起来的部分就是你搭建好的 hexo 博客地址了，可以在别人的手机或者电脑上访问看看，大功告成！

3、结语

这篇文章只是介绍了如何搭建一个 hexo 的个人博客，有更多的功能需要自己去探索。比如添加博客文章，给博客修改样式，添加功能…

hexo —— 搭建个人博客保姆级教程相关推荐

  1. 使用Hexo搭建个人博客-保姆级教程

    使用Hexo搭建个人博客-保姆级教材 首先我们看一下最终效果,按照以下步骤最后就可以完成和我一样的博客 https://chen-mingxuan.gitee.io/blog-test/ PS:CSD ...

  2. 快速搭建个人博客——保姆级教程

    文章目录 序言 本地网站 开发工具 WebStorm Vscode 框架 Hexo(强烈推荐) WordPress 本地环境 git node.js Hexo 安装 初始化 主题 样式 Butterf ...

  3. Github + Hexo 搭建个人博客超详细教程

    Github + Hexo 搭建个人博客超详细教程 本文目录 generated with DocToc 网站搭建 本文目录 1.安装node.js 2.添加国内镜像 3.安装Git 4.注册Gith ...

  4. Hexo搭建Github-Pages博客填坑教程

    目录: 1.安装Hexo 2.部署Hexo 3.Hexo命令 4.一些报错处理 5.博客管理 6.插件(RSS.Sitemap) 7.评论设置 8.404页面 9.统计 10.更新 11.总结 12. ...

  5. GitHub Pages + Hexo搭建个人博客网站，史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  6. GitHub+hexo搭建个人博客（2019新版超详细教程）

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  7. win10+阿里云ECS服务器+hexo搭建个人博客

    最近尝试了Hexo+github来配置属于自己的博客,但是访问速度有些慢.在网上看到一些教程,基于网上教程总结了这一篇<win10+阿里云ECS服务器+hexo搭建个人博客>. 原文来自: ...

  8. Github+Hexo搭建个人博客(图文详解)

    文章目录 使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...

  9. 通过Hexo搭建个人博客以及主题配置

    这是蓝鸟x发布的第一篇文章 前言 直接在github page平台上托管我们的博客.这样就可以安心的来写作,又不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客真的非常容易. He ...

最新文章

  1. 资源 | 一文读懂深度学习（附学习资源）
  2. 【Web安全】DVWA之Command injection(命令执行漏洞)探索
  3. Tip #6 用ASP.NET AJAX判断当前浏览器类型
  4. 3.5 向量化实现的解释-深度学习-Stanford吴恩达教授
  5. Maven——Maven概述
  6. 【CSON原创】HTML5字体动态粒子效果发布
  7. Android开发之Socket通信的方法
  8. add p4 多个文件_绘图技巧01：继承特性创建对象之神器ADD
  9. 关于如何在vs 2005中使用sa用户登录的问题（即在vs 2005中SQL 2005的深层使用）
  10. Python_机器学习_常用科学计算库_第5章_Pandas
  11. linux系统安装全局翻译,CentOS 6.4下安装翻译软件StarDict
  12. NtripShare OpenSource/NtripShare GNSS共享计划 -- JT808终端模拟器源码（四）
  13. 表单中enter键，导致表单提交
  14. 【OpenCV】纹理提取
  15. 芯科EFR32BG22芯片，详细分析与nRF52805和CC2640R2F区别
  16. 声音频率分类(二十一)
  17. app常见专项测试点
  18. 转载与积累系列 - Docker 核心技术与实现原理
  19. 学生喂养动物（猫，狗，鸟）
  20. 【解决方案】用微信打开链接提示“已停止访问该网页”

热门文章

  1. endswith java_Java Path endsWith()用法及代码示例
  2. 周杰伦新歌发布，爬取《Mojito》MV弹幕，看看粉丝们都说的些啥！
  3. 郭晓：敏捷文化里更需要的是领导力
  4. 用1602液晶显示屏实现的时钟
  5. SSRS 报表 日期类表达式
  6. 国家电网职称计算机考试B级多少分算过,国网副高评分要多少分才能评上副高级职称...
  7. JavaScript实现柯里化函数
  8. hadoop学习序曲之linux基础篇--linux的安装和使用
  9. Jemter https app接口测试
  10. Linux Netfilter mangle表注册