【小白】【新手向】Hexo+Github搭建个人博客
如题,一个【小白】【新手向】的,关于Hexo+Github搭建个人博客。
针对于:
对于代码完全不懂的纯小白!
完全不知道什么是hexo,git和github的小白!
感觉像是在打广告,其实并不是。事情是这样的,在某一个晚上,和朋友尬聊,她说起自己用hexo和github做博客,感觉很有趣,就自己百度看了一些教程,自己试着做了一个。但是,发现网上的教程,其实都不是很小白,完全不适合我这种在此之前没有听过hexo和github的小白。。所以在自己努力摸索做了一个自己的博客后,写了这么一个东西,针对和我一样啥都不知道的纯小白,一步一步教的那种,有不对的请不要大意的批评指正,欢迎讨论━(*`∀´*)ノ亻!
一、需要安装和配置的软件。
在做博客之前,需要下载几个软件,具体是:
1.下载安装git(https://git-scm.com/downloads)
选择自己的系统对应的,点击,比如你说windows,点击,如图
选择32或者64,电脑是32位就选32,64就选64位的,点击下载安装包。
关于系统类型,在我的电脑——右键——属性中会有,如图:
下载安装包之后,打开,安装
不用在意其他的,︿( ̄︶ ̄)︿,一直点击Next,一直点击,一直点击,最后点击Install,安装完成。后面会验证是否安装上,不需要担心。
2.下载安装node js(http://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[▓▓] 晚安
【小白】【新手向】Hexo+Github搭建个人博客相关推荐
- Hexo+github搭建个人博客-环境搭建篇
一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...
- 用Hexo+github搭建个人博客
前言: 一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了.hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改. ...
- 【2023最新版】Hexo+github搭建个人博客并绑定个人域名
Hexo+github搭建个人博客并绑定个人域名 本篇教程完整讲述了如何利用Hexo+github搭建个人博客并且绑定自己的域名,成为自己的网站! 我的博客网站:武师叔 - 做一个有趣而不甘平庸的人! ...
- Hexo+github搭建个人博客-博客发布篇
通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...
- Hexo+github搭建个人博客-博客初始化篇
文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...
- vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客
一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...
- win10+hexo+github搭建个人博客
win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1.搭建环境准备(包括node.js和git环境,gitHub ...
- Hexo+Github搭建个人博客和个人主页
Hexo+Github搭建个人博客和个人主页 在自己的个人主页搭建起来之前,看到网上其他人酷炫的个人主页,而且有自己专属的域名,羡慕的不行.现在自己的个人主页也做出来了,在这里做一个总结,给也想做个人 ...
- hexo+github搭建个人博客网站问题汇总和解决办法
分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...
最新文章
- Storm 05_Storm并发机制通信机制
- android api文档中文版_什么骚操作,用Android能写后台服务?
- 9:14 2009-7-22
- CentOS 配置 lamp
- mysql 8 nosql_MySQL8.0-NoSQL和SQL的对比及MySQL的优势
- MySql中not in的优化
- 0基础学python要多久-零基础学习python,要多久才可以学好并且找到工作?
- Matlab处理图像二三例
- 【转载】我的MYSQL学习心得-系列
- 四阶龙格库塔法c语言程序,四阶龙格库塔法C语言(西安交大)
- 核磁为什么要做ROI分析?
- 虚拟机和主机快捷键切换
- android 播放pdf文件格式,一个方法告诉你安卓手机如何打开PDF格式文件
- matlab实验7符号计算器,MATLAB自学笔记(二十一):符号微积分、积分变换、代数方程以及可视化...
- k3s 离线部署指南
- Android应用App开发工具
- 毕业季·大学最遗憾的事/没有完成的事?
- 计算机专业的励志人物,北京科技大学计算机与通信工程学院-【毕业学子未来路】王禹:保入中科院的全国大学生励志人物...
- 使用FileZilla等软件搭建ftp服务器
- 利用Java爬取基金网站的基金数据,快速筛选优质热门基金
热门文章
- ARM-LINUX-GCC交叉编译工具链必知必会
- 麒麟 linux下安装显卡驱动,优麒麟 Linux x64 16.10
- 队列的顺序、链式表示与实现
- 高级软件工程(2022春)课程总结
- 【Android】安卓开发实战之软键盘设置
- Navicat premium 导入大数据的Excel文件失败的方法
- 发那科机器人GI分配_发那科机器人应用-运动指令入门(1)
- 嵌入式c语言精华,【精华整理】C语言嵌入式系统编程修炼--键盘操作篇
- 安卓升级鸿蒙可行性,华为手机都可以升级鸿蒙系统么?_科技数码通
- SerDes结构之发送端前馈均衡技术(FFE)