Hexo+Github搭建个人博客

前言

在使用Hexo+Github搭建博客时,你必须需要:

安装GitNode.js

Git安装好后,随便右击一个文件夹会出现Git GUI Here和Git Bash Here,如下图所示:
在这里插入图片描述

安装好Node.js与配置好Node.js环境时,可以在cmd中输入

node -v
npm -v

如果出现如下所示
在这里插入图片描述

则表示安装成功。

创建Github仓库

注册好github账号后,在主页面单击"New"创建一个新的仓库

在这里插入图片描述
在"Repository name"中必须严格遵守"用户名.github.io"的形式,第一次搭建博客,避免不必要的麻烦,就这样去命名。然后在"Initialize this repository with a README"上打上勾,其余的配置就不用去理会了,单击"Create repository",如下图:
在这里插入图片描述

配置SSH Key

为什么需要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

$ cd ~/.ssh #检查本地本机已存在的密钥

如果提示:No such file or directory 说明你是第一次使用git,则使用以下命令。

ssh-keygen -t rsa -C “邮件地址” #创建ssh密钥

连续3次回车后,那么在你用户的文件夹下就会多了一个**.ssh**的文件夹,找到.ssh下的id_rsa.pub文件,把里面的内容复制下来,打开你的个人设置 -SSH and GPG keys -> New SSH key:

在这里插入图片描述
把内容复制到Key中,Title随意取,设置完后点击Add SSH Key,保存。

测试是否成功

在刚刚的.ssh文件夹上右击 -> Git Bash Here,输入

$ ssh -T git@github.com

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:

Hi 你的用户名! You’ve successfully authenticated, but GitHub does not provide shell access.

出现这个,就代表SSH配置成功了。

此时你还需要配置:

$ git config --global user.name “xxx”// 你的github用户名,非昵称

$ git config --global user.email "xxx@xx.com"// 填写你的github注册邮箱

现在就可以开始部署博客了。

安装Hexo

使用Git Bash Here输入

npm install -g hexo

初始化

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是E:\Hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

hexo init

hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:

在这里插入图片描述

$ hexo g # 生成

$ hexo s # 启动服务

执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的(这是我配置过东西的public文件,刚开始的时候可能没有这么多):

在这里插入图片描述
这个时候我们使用hexo s命令,就可以启动服务,在浏览器地址中输入,localhost:4000便可以看见运行界面了

在这里插入图片描述
运行界面如下

在这里插入图片描述

再输入

hexo d

现在,使用你的github用户名.github.io,也可以访问到这个页面了。
到这里,博客也算部署完成了,接下来就是博客美化了。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值