【小白】【新手向】Hexo+Github搭建个人博客

如题,一个【小白】【新手向】的,关于Hexo+Github搭建个人博客。

针对于:

对于代码完全不懂的纯小白!

完全不知道什么是hexo,git和github的小白!

  感觉像是在打广告,其实并不是。事情是这样的,在某一个晚上,和朋友尬聊,她说起自己用hexo和github做博客,感觉很有趣,就自己百度看了一些教程,自己试着做了一个。但是,发现网上的教程,其实都不是很小白,完全不适合我这种在此之前没有听过hexo和github的小白。。所以在自己努力摸索做了一个自己的博客后,写了这么一个东西,针对和我一样啥都不知道的纯小白,一步一步教的那种,有不对的请不要大意的批评指正,欢迎讨论━(*`∀´*)ノ亻!

一、需要安装和配置的软件。

在做博客之前,需要下载几个软件,具体是:

1.下载安装githttps://git-scm.com/downloads

选择自己的系统对应的,点击,比如你说windows,点击,如图

选择32或者64,电脑是32位就选32,64就选64位的,点击下载安装包。

关于系统类型,在我的电脑——右键——属性中会有,如图:

下载安装包之后,打开,安装

不用在意其他的,︿( ̄︶ ̄)︿,一直点击Next,一直点击,一直点击,最后点击Install,安装完成。后面会验证是否安装上,不需要担心。

2.下载安装node jshttp://nodejs.cn/

如果你是windows,就选这个,然后选择32/64,下载。

下载完成之后,打开安装包,如图

如图,一直点击next,next,中间可以选择安装路径,选一个自己想安装的地方就好(≧∇≦)ノ。当出现finish表示已经安装完毕。

下面,我们来验证一下上面的两个软件是否已经安装好。

在桌面上按住win+R,win就是fn和alt中间那个键,那个windows标志的那种,此时会出现这么一个东西

 

输入cmd,打开命令提示符的框,你将会看到这么一个东西

 

这是一个看起来和丑的黑色框框,乃不需要知道它是什么,只需要输入如下指令就好,如果对此感兴趣,可以去百度cmd了解更多。

node -v

npm -v

git --version

 

 

 如果出现如下,证明你已经安装成功,如果不是,可以返回前面看仔细检查是哪里没有安装正确。(输入命令之后出现的数字不一定是一样的,但是格式要是这种)

3.安装hexo

在你喜欢的任意盘中新建文件夹hexo,我是在D盘下的博客文件夹里面新建的。

 然后打开新建的文件夹,在空白处右键,选择GIT bash,QQ快键键这步没办法截图就略过吧,点击之后会出现如下图

没错,又是一个黑色的框,不过这个比上一个看起来色彩多一些(#^.^#),同样,不需要知道这是神马,只要输入命令就好。

在$后输入 npm install -g hexo,回车,然后等待。(在这个黑色框中粘贴的快捷键不是ctrl+v)

它会很慢,所以需要耐心等待,判断命令完成的是出现上面的图,就是第一次打开时的那种,有$,后面有光标在闪动。

如图:

OK,这便代表你输入的命令成功了,可以输入下一个命令了。

接下来,你需要输入hexo init ,同样,请耐心的等待。

 如图,证明命令运行成功。(请忽略我的歌词)

第三,输入 npm install hexo-cli,如图

OK,下面,让我们回忆一下刚刚是如果打开第一个黑色框的,win+R,然后输入cmd

运行之后,输入hexo -v,当你看到如下的显示时,证明你的hexo已经安装成功。

让我们再次回到GIT bash,就如上面一样,在Hexo文件夹中右键选择git bash,输入如下指令:

hexo init

npm install

hexo g 

 

 

最后,在浏览器中输入localhost:4000,回车,你将会看到如下的界面。

到这里,第一步就算是完成了,是不是感觉很复杂,但是,如果每一步都按照步骤来,其实也不是很困难啦。(づ ̄3 ̄)づ╭❤~


二、github账户的注册和配置

1.创建一个github,进入https://github.com/

或许是我的网络的问题,会比较慢才可以进入,不要急o(>﹏<)o

 如图,选择注册,注册一个账号,就如你注册QQ账号一样简单,但是它会需要你的邮箱验证,你只需要验证就好。这里补充一句,网站本身是英文的,但是因为我英文并不好,所以用了谷歌浏览器自带的翻译功能,虽然并不是完全准确,但是确实是一个很好的参考。注册完成之后我们登录,进行接下来的操作。(ps,特别喜欢他们网站的logo,感觉炒鸡可爱(*╹▽╹*))

睡觉去啦,有时间再更,晚安(¦3[▓▓] 晚安

  • 2
    点赞
  • 0
    评论
  • 2
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

萧瑜

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

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值