hexo+github个人博客

node.js安装

官网下载地址:
https://nodejs.org/en/
当要检查是否安装成功的时候输入node -v可查看node版本,如果出现了版本号,证明安装成功
安装成功后

git安装

官网下载地址:
https://git-scm.com/download

在这里插入图片描述
当要检查是否安装成功的时候输入git --version可查看git版本,如果出现了版本号,证明安装成功
安装成功后

hexo安装

首先要在本地里创造一个空的hexo文件夹
在这里插入图片描述
创造完空的文件夹后,在空文件夹右键,会出现一个Git Bash Here,点击它
在这里插入图片描述使用Git Gui Here 和使用Git Bash Here的区别在于一个使用可视化操作,一个使用命令行操作,这里采用命令行操作。

在这里插入图片描述
然后使用npm命令安装hexonpm install -g hexo
在这里插入图片描述
这里由于我安装过了,这里使用的是我当时安装的图片。

生成默认网站

当执行完了之后。执行另一个命令进行hexo的初始化hexo init
在这里插入图片描述
在执行命令之前,要确保文件夹是空的,不然会出现以下错误。

在这里插入图片描述
以下为成功时的照片。
在这里插入图片描述
再次回到文件夹的时候,已经生成了一些文件。

在这里插入图片描述

source指源码,themes指主题,默认主题可以通过hexo官网进行下载更换

到这里,默认的一个静态网页就算生成完了,那么该怎么看呢?使用命令hexo server或者hexo s
在这里插入图片描述
在这里插入图片描述

访问http://localhost:4000这个地址,就可以看到我们生成的默认网页了

在这里插入图片描述
到这里hexo的步骤就算结束了,剩下的就是借用GitHub的服务器让hexo网页可以通过外网访问。

GitHub操作

1. 首先得有GitHub的账号,这里就不进行演示了。

2. 使用ssh将git远程连接GitHub(已经连接的小伙伴就可以忽略此部分)

在初次使用git的时候需要配置用户名和名字,使用
git config --global user.name “你的名字”

git config --global user.email “你的邮箱”

PS:用户名和邮箱是git提交代码时用来显示你身份和联系方式,并不是github用户名和邮箱.

当配置完了之后,使用命令ssh-keygen -t rsa,接着回车三下,执行完了之后,在C:User/主机名/.ssh会发现两个文件,一个是id_rsa和id_rsa.pub,前者是密钥,后者是公钥。打开公钥的文件,全选复制。

复制完之后,回到GitHub的主页上,进入GitHub的ssh关联
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后点击Add SSH key,就大功告成了。

在GitHub上创建项目

在GitHub主页上
在这里插入图片描述
在这里插入图片描述
点击Create repository,创建完成后,回到hexo文件夹,修改hexo的配置文件。
在这里插入图片描述
在这里插入图片描述

配置完了,再次进行命令三联

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

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

hexo deploy 在这里插入图片描述不过有些人使用hexo deploy的时候会出现下面的错误。
在这里插入图片描述
这里就需要执行npm install --save hexo-deployer-git 安装hexo对于git的部署工具。
然后在进行部署就应该可以了。
在这里插入图片描述

ps:每次修改hexo配置文件都要执行上面的命令三联,不然不会配置文件不会生效

执行完之后,进入自己在GitHub创建的项目就会发现部署到了GitHub

在这里插入图片描述

这里再访问自己的项目名,就发现可以通过外网连接上了,我这里是 MDZZ3.github.io

在这里插入图片描述
到这里所有步骤都大功告成,如果有什么问题,欢迎留言。

参考文章
https://blog.csdn.net/ainuser/article/details/77609180

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值