利用github和hexo搭建个人的博客

一.下载git
    1. git的网址https://git-scm.com/
    2. 我的是windows版,打开页面点击红框中的Download XXX for Windows,点开后会自动跳转页面并弹出下载框,没有弹出的可以等一会或者是刷新重试。
    

3.下载完成后开始准备安装git

基本上安装步骤就这几个,有可能随着安装版本的不同会多几个选项或者是少几个选项,要是没有的话就自己百度翻译一下或者搜索一下安装哪个比较好。

PS:也可以参考这个安装步骤,我是按着这个来的,但是其中也有一两步是不同的。参考的安装步骤

二. git下载好了接下来要做的就是下载node.js

 1.点开官网https://nodejs.org/en/download/去下载node.js的安装包

2.下载后安装包后开始按以下顺序安装

安装node.js还是比较容易的(最起码我截图就简单了很多...)我这里也有一个介绍十分详细的安装node.js的步骤教程安装node.js教程,不懂的话可以看这篇。

三.全局安装hexo框架

1.打开cmd,输入指令npm就会开始下载

npm install -g hexo-cli

下载完后,再输入指令来验证是否下载成功

hexo -v

2.在你想要安装的盘上新建一个文件夹,我是在D盘里新建了一个My_Blog文件夹,并且里面新建了一个blog子文件夹

3.打开cmd,进入blog文件夹,输入指令下载博客的框架

hexo init

如果有报错的话自行百度一下应该都有,因为我是没有报错的...爱莫能助

4.如果下载成功的话就能在文件夹里看到一堆下载下来的文件

5.打开cmd,进去blog页面输入指令

hexo s

如果输入指令后出现以上内容一般就没问题了,复制链接打开端口就能看到以下内容

这个就是hexo的默认博客样式

四.打开你的github,没有的话就自己创建一个账号

1.

2.点开右上角的+,点击New repository

3.创建自己的仓库(切记仓库名字一定要和自己的账号一致,这个是github规定的,如果不一致可以到设置中修改仓库名)

1.

没什么大问题的话就点击下面的绿色按钮开始创建

2.点击创建后,成功后会自动跳转页面,复制自己仓库的地址

3.打开blog里的_config.yml,拉到最底下,找到Deployment

修改成以下格式,要注意的是:后面一定要空一格

4.把_config.yml修改完后就可以尝试把代码上传到git仓库里了。先输入指令把代码上传到git

hexo d

如果出现这一串东西一般就没啥问题了。

我自己在安装的时候遇到一个问题是显示上传已经成功,但是博客还是打不开,这个时候有可能是由于hexo的版本太高了,输入一下指令在hexo d一下即可。

npm install hexo-deployer-git --save 

要注意的是在上传的时候会要你输入一下git的账号密码,按着你注册的账号密码输进去即可。

一般来说到这里就没啥问题了,博客地址可以到自己的github仓库中,点击设置

再往下拉,找到GitHub Pages

其中红框圈起来的就是你的博客地址,打开即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值