Hexo+Github博客搭建教程(个人操作过程)

Hexo+Github博客搭建教程(个人操作过程)

最近自己尝试利用hexo+github搭建了blog,来记录一下过程

##一、准备环境

1、node环境

首先,安装 nodejs, 因为Hexo是基于 Node.js 驱动的一款博客框架。

http://nodejs.cn

2、git 环境

然后,安装git, 一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。

⭐Git(官网)https://git-scm.com/

太慢的话可以自行找资源

安装过程一路next就行(安装路径可改)

两者安装完成之后,右击此电脑>属性>高级系统设置>环境变量>系统变量下的Path 可以看到两者已自动修改了环境变量,这是我们可以通过cmd命令(win+r后输入cmd)查看两者版本。(确认是否安装成功及可以使用) 查看Node.js版本命令:node -v 查看Git版本命令:git --version

3.之后进入GitHub创建一个仓库

确认注册后会让用户选择公有还是私有仓库(私有的个人仓库好像需要Money好像是每月7美金)
个人博客的话直接选免费的就行了
注意仓库的取名格式:用户名.github.io(这将是以后的访问域名)

image-20230717133445506

到这里代表我们Github账号以及仓库都已经创建完毕
可以把下面这段仓库的地址复制下来留着后面配置时会用到

image-20230716091944628

4. 接下来进入本地配置安装Hexo

在磁盘中创建一个用来存放Github本地仓库文件的目录(可自定义目录存放,顾名思义blog==博客)

image-20230716092108512

选中创建的目录(文件夹)右键选择使用Gti Bash Here打开Git命令窗口(这就是开始安装的Git工具,现在开始使用)
也可以使用Windows的cmd命令行(不推荐)
(因为是从国外服务器下载,受网络的影响比较大,有可能会出现异常,所以我们需要连接国内淘宝官方的服务器来进行)
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
注:之后再次使用命令则是以cnpm开头~而不是npm
image-20230716092323573

正式开始安装hexo
输入命令:cnpm install -g hexo-cli

image-20230716092359590

之后就是初始化Hexo
输入命令:hexo init

image-20230716092518819

这时我们创建的目录(文件夹)下已经多出许多文件

image-20230716092548657

新建完成后,指定文件夹Hexo目录下有:

node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题**
_config.yml: 博客的配置文件**

这样本地的网站配置也弄好啦,输入hexo g生成静态网页,然后输入hexo s打开本地服务器,

这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)
输入命令:hexo s
关闭hexo ctrl + c

image-20230716092739503

image-20230716092810228

5. 设置ssh

生成sshkey
输入命令:cd ~/.ssh进入.ssh文件

输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’

image-20230716093006803

此时我们去查看C盘目录(此文件夹所在C:\用户\用户名目录下)

image-20230716093119089

使用记事本打开id_rsa.put文件并复制生成的key

在已登陆的Github主页点击右侧头像 》 Settings设置

再点击SSH and GPG keys 》 New SSH key

将刚刚在.ssh目录下所复制id_rsa.pub文件中的信息复制进key(注意空格),在给它取个名字(随意)

这里需要在本地进行验证一次
输入命令:ssh -T git@github.com 并且输入yes之后,行末尾会显示你的用户名

image-20230716093403459

绑定成功并且会邮箱收到邮件

接着在本地绑定与Github的用户名和邮箱
输入命令:git config --global user.name “注册时用户名”
输入命令:git config --global user.email “注册时邮箱”

image-20230716093550811

6. 上传测试博客

打开并修改本地仓库目录下_config.yml文件

在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
deploy:
type: git
repository: https://github.com/用户名/用户名.github.io.git

branch: master

此时需要安装一个上传工具
输入命令:cnpm install hexo-deployer-git

可以新建一篇测试文章(不新建的话也会有一篇自带的Hello World文章)
输入命令:hexo new “文章名称”

image-20230716094542664

新建文章之后需要生成一遍文件
输入命令:hexo g

image-20230716094611137

新建文章后可在本地先预览一遍
输入命令:hexo s浏览器输入:localhost:4000(ctrl + c 关闭)

在这里插入图片描述

image-20230716094741275

最后直接部署到Github就可以啦
输入命令:hexo d

image-20230716095642961

文章参考:https://blog.csdn.net/qq_62928039/article/details/130248518

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Q1ng_chuan

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

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

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

打赏作者

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

抵扣说明:

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

余额充值