hexo+GitHub个人博客的搭建

hexo+GitHub个人博客的搭建,毕竟自己也是一个小白,主要还是在网上看的大佬的视屏视频,但是也还是有学长的帮助,不过还是会遇见一些问题,不过基本上还是可以解决的,所以记录一下搭建的过程。

安装node.js

首先,还是在官网上下载node.js并且安装:
在这里插入图片描述
直接下载windows版本就行了。
然后安装,一直next防止自己修改会有什么别的问题,安装以后,打开cmd输入node -v:
在这里插入图片描述
会出现你所安装的版本信息,同时,也表示安装成功。

创建一个github账户

在安装完成后,进入github注册一个账户,注册后登录github,然后在创建一个储存库:
在这里插入图片描述
至于储存库的名字什么的看自己的想法(不过得按照它的格式来,不过最好还是要和你的用户名一样,同时在结尾加上github.io.git,方便后面hexo的搭建),进行储存库的建立(个人建议,在最开始搭建的时候不要多建储存库,防止会有其他的麻烦,本人亲身经历),如果你的储存库名称已经出现过,可能是刚开始你已经输入过,(这种情况,你可以点击你的头像,找到your repositorise,点击进入,找到以前的储存库,点击,然后翻到最后找到删除就可以了),储存库名称填写之后,然后将使用前面打勾,并点击创建,创建之后你可以检验一下你的成果,你可以点击create new file输入index. html在下面的大空格中输入你想输入的,之后跳转到你的网址界面就可以看到效果了,这个之后即你的仓库搭建成功。(不知道咋回事,我的又变成英语了,裂开)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

不过还有一种情况,就是你发现,你无法创建新的储存库(我是这样的情况)这个时候在个人账户里面,改一下储存库分支和新创建的储存库名字相同就可以了,其他的和上面还是一样的。
在这里插入图片描述

删除储存库

在我们以后难免要删除储存库,所以提前学一下,首先是点击设置(Settings)然后,划到最下面(英文的也是一样):在这里插入图片描述
删除就可以了。

安装git for windows

首先还是进入git for windows官网,进行下载以后安装,当然为了不必要的麻烦,就不要乱改它指定的安装路径了:
在这里插入图片描述
在安装以后,打开cmd,输入git,显示这一些东西的话表示是代表是安装好了的。在这里插入图片描述
输入git version显示安装的版本。

安装插件

由于我们在后面的使用过程中会用到一些插件,所以在这里就提前安装吧,我们在这里安装的插件是hexo-deployer-git。这里我们还是打开cmd,然后输入npm install hexo-deployer-git --save就可以安装了。

配置github ssh

在你下载git for Windows的文件夹中找到并打开git-base.exe,在命令行输入ssh-keygen -t rsa -C “你的邮箱”(自己的邮箱)然后一直按回车。
在这里插入图片描述

然后打开GitHub官网,点击头像,点击Settings,再点击SSH and GOG keys,点击NEW SSH KEY ,title的名字就是你的用户名,然后key的话,根据路径C:\Users\用户名.ssh,用记事本打开id_rsa.pub这个文件,把里面的代码复制并粘贴到key上就可以了。
在这里插入图片描述
在这里插入图片描述

安装hexo

方法一:
安装hexo前,应该先创建一个新文件夹,这个文件夹建议设在D盘上(不知道为什么,看大佬们都是这样做的),文件名字可以随便起(我的是blog,所以后面是这样用的),然后打开cmd,输入D:然后在输入cd blog(文件名是自己的)在这里插入图片描述
这样就就进入到这个文件夹里了,然后就再输入npm install hexo-cil -g就可以安装hexo了,安装好之后再输入命令hexo init +博客昵称,等待加载完毕后,输入cd +博客名,再进入你的文件夹。输入npm install好了,现在就静等安装就可以了。(这种方法可能实用,但是在我的电脑上不行,所以就找了另一种方法);
在这里插入图片描述

方法二:
在桌面空白处右键打开Git Bash Here,可以先测试一下Node.js是否安装成功,直接输入node可以看到提示符变成了一个向右的箭头就表示成功了,然后按ctrl + c退出node模式,出现$符号才表示正常了,然后输入以下命令:
npm install -g hexo-cli
在这里插入图片描述
安装成功后,输入hexo version,查看安装hexo的版本信息,如果要是可以看到信息,表明安装成功。接下来,进入到我们刚刚创建的文件夹,右键打开Git Bash Here然后依次输入以下命令:
hexo init
npm install
hexo g
hexo s

在输入hexo s 后会弹出相应的网址,这个就是我们个人博客的网址,然后在浏览器输入http://localhost:4000/ 就可以看到hexo已经成功生成了博客,当然这只是我们本地可以看到的。
在这里插入图片描述

sublime文本编译器安装

在官网上下载sublime,可能会比较慢,但是问题不大。
下载完成后,将hexo所在的文件夹拖入sublime中,找到这个位置:
在这里插入图片描述
滑到最下面,然后,对最后进行更改,样式为:
在这里插入图片描述
更改好了以后,在第16行处也是需要我们对其进行更改的(将原本的更改为):
在这里插入图片描述

在更改完了以后要记得保存,然后打开cmd输入hexo g回车,等到可以再次输入时,输入hexo d,到这里上面下载的插件就起到作用了。这个过程比较慢,耐心等待。然后再输入
git config --global user.email “你的邮件”
git config --global user.name “你的用户名”
然后再一次输入 hexo d 就会弹出一个登录界面,输入个人的用户名和密码就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值