Article / 文章中心

hexo+GitHub搭建个人博客前期安装部署教程

发布时间:2021-12-08 点击数:269

前期部署



什么是hexo?


Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


安装Git


什么是Git

Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台的管理工具,后期对博客的设置管理都是通过Git,大家可以深入的上网了解一下Git,在这里不是介绍的重点,所以我就不多赘述了,我们直奔主题。


Git的下载

Windows系统:到Git官网下载,Git官网,

Linux系统:只需要简单的一行命令代码

sudo apt-get install git


windows系统安装步骤

1.如图所示,在官网中点击Downloads下载,

image.png


2.根据电脑位数,选择64bit还是32bit,现在的电脑一般是64位

image.png

3.下载完成后,找到自己下载的安装包开始安装。

image.png

4.一路点击next就行,有一步是选择安装路径的,默认是C盘想换路径的话,自己可以更改。


5.安装完成之后,可以在桌面右击鼠标,选择Git Base Here,

输入git --version,查看安装的版本。如图是我安装的版本。

image.png


安装node.js

什么是node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。


node.js下载


地址:历史版本

建议版本不要过高,后期安装hexo的时候可能会出现不兼容的问题,我用的版本是14.18.1,不建议选择更高的版本了。

image.png

要选择后缀为.msi的,可以像安装软件一样,不需要部署环境变量。我安装的就是这个,所以不介绍环境变量配置了。


image.png

node.js的安装步骤


因为我的电脑已经安装过了,显示这个页面。你安装的时候只需一路点击next,在选择安装路径的时候注意一下。记住自己的安装路径。

image.png


安装hexo


在安装hexo之前检测一下node是否安装成功,

在电脑桌面右键鼠标,打开Git Bash Here,输入node -v 和 npm -v都返回版本号,如图:

image.png

现在开始安装淘宝镜像源

npm install -g cnpm --registry=http://registry.npm.taobao.org


如果安装过程中出现错误,没关系不要着急,可能是连接不稳定网络原因导致的,多尝试几次就好了。还有需要注意的是镜像代码中的空格,可以直接复制我的代码。

通过cnpm 和cnpm -v检测,返回版本信息,如果显示出自己的版本号就是安装成功了,进入到下一步。


安装hexo

cnpm install -g hexo -cli


如果失败的话还是多试几次,安装之后还是检测一下是否安装成功。

hexo -v


返回版本信息,如图

image.png