IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> hexo —— 搭建个人博客保姆级教程 -> 正文阅读

[开发工具]hexo —— 搭建个人博客保姆级教程

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

1、起步

① 需要安装的工具

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

安装完之后要确保自己电脑上有 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,就是创建成功了Hi

③ 本地生成 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: git
      repo: 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 的个人博客,有更多的功能需要自己去探索。比如添加博客文章,给博客修改样式,添加功能…

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-11-29 16:30:44  更:2021-11-29 16:31:45 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/24 3:08:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计