hexo个人博客搭建

本文详细介绍了如何准备环境,下载并安装Hexo,创建GitHub仓库,生成SSH keys并绑定,搭建本地博客,发布到GitHub的过程。通过一系列步骤,读者可以学会如何将自己的博客内容发布到网上,实现个人博客的在线展示。
摘要由CSDN通过智能技术生成

1.所需环境准备。

Snipaste_2022-01-06_19-53-24

准备完成的测试:

Snipaste_2022-01-06_19-56-26

2.下载hexo。

下载命令:

npm install hexo-cli -g
  • 打开git输入下载命令即可。

    Snipaste_2022-01-06_20-00-28

下载成功检验:

hexo -v
Snipaste_2022-01-06_20-01-52
  • 看到版本号说明安装成功。

3.在github上建个仓库。

Snipaste_2022-01-06_20-12-52
  • 仓库名为:github用户名+github.io

4.生成ssh keys并绑定。

1.检测电脑有没有装ssh。(默认装过了,git自带)

Snipaste_2022-01-06_20-18-37

2.生成ssh keys。

输入命令:

ssh-keygen -t rsa -C "2548825576@qq.com"

Snipaste_2022-01-06_19-17-56

  • 引号里为gthub注册时用的账号。
  • 输入完命令后敲4次回车即可。

3.获取keys:

Snipaste_2022-01-06_20-40-50

在如图位置用记事本打开此文件并复制:

Snipaste_2022-01-06_20-26-21

在github中添加ssh keys。(方法如下)

Snipaste_2022-01-06_20-28-11

Snipaste_2022-01-06_20-28-36

Snipaste_2022-01-06_20-28-53

Snipaste_2022-01-06_20-31-16

  • ssh keys的名字无所谓。

4.测试ssh是否绑定成功:

命令:

ssh -T git@github.com

Snipaste_2022-01-06_20-32-49

  • 出现Hi …即为成功。

5.生成本地博客。

1.在任意一个盘创建一个文件夹,然后在此文件夹内右键打开git命令行。

2.初始化本地博客。

​ 在打开的git命令行中输入初始化命令:

hexo init

Snipaste_2022-01-06_19-34-02

  • 出错就多试几次。(错误原因:无法访问github)

Snipaste_2022-01-06_19-34-19

  • 上图为成功了。

3.打开并访问本地博客。

​ 打开命令:

hexo s

​ 访问博客:

Snipaste_2022-01-06_20-46-47

  • 地址如图。

​ 界面:

Snipaste_2022-01-06_20-48-52

6.将博客发布到网上。

1.打开博客初始化的文件夹,并用记事本打开如下文件。

Snipaste_2022-01-06_20-51-05

2.加入几行代码。

deploy: 
  type: git
  repository: https://github.com/halisi7/halisi7.github.io.git
  branch: main

Snipaste_2022-01-06_20-52-47

  • 第三行:号后的网址为:所建github仓库地址。

Snipaste_2022-01-06_20-55-45

  • 不要忽略代码中的空格。(一个空格)

3.安装hexo博客自动部署工具。

命令:

npm intall hexo-deloper-git --save

在你初始化hexo的文件夹用git输入:

Snipaste_2022-01-06_21-00-41

4.生成页面。

命令:

hexo g

5.将本地文件上传至github中。

命令:

hexo d

Snipaste_2022-01-06_19-44-57

  • 失败就多试几次,如果不行请检查插入的代码是否错误。

7.访问你的博客。

1.找到网址。(在你创建的github仓库中找)

Snipaste_2022-01-06_21-07-38

Snipaste_2022-01-06_21-07-59

fKSP-1641475331480)]

  • 失败就多试几次,如果不行请检查插入的代码是否错误。

7.访问你的博客。

1.找到网址。(在你创建的github仓库中找)

在这里插入图片描述在这里插入图片描述

2.浏览器打开并访问!!!!😝

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

halisi7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值