系列文章目录

文章目录

系列文章目录前言一、Hexo是什么？二、安装Hexo1.安装node.JS1.下载安装包2、安装3、配置npm在安装全局模块时的路径和缓存cache的路径4.测试5.安装已完成 2.npm配置 三、开始搭建Hexo1.创建本地hexo博客2.github中博客3.gitee中博客 3.更改主题总结

前言

分享搭建hexo个人博客的过程 参考文档链接在 总结模块中

一、Hexo是什么？

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页。

二、安装Hexo

安装Hexo钱需要一些环境依赖，接下来我们就来一步一步安装

1.安装node.JS

1.下载安装包

Node.js 官方网站下载：https://nodejs.org/en/node.js官网 选择操作系统对应的包：

下载完成，安装包如下：

2、安装

打开安装，傻瓜式下一步即可：

选择安装位置，我这里装在D盘下：

安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号：

3、配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g 等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，如下图所示：

所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，然后在cmd命令下执行如下两个命令： npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为

“NODE_PATH”

， 值为

“D:\Program Files\nodejs\node_modules”

，如下图：

最后编辑用户变量里的Path，将相应npm的路径改为：

D:\Program Files\nodejs\node_global

，如下： 更改前：

更改后：

配置完成。

4.测试

安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是否安装成功。 方法：在cmd下输入node -v，出现下图版本提示就是完成了NodeJS的安装。

5.安装已完成

常规NodeJS的搭建到现在为止已经完成了。

2.npm配置

6、npm配置 npm作为一个NodeJS的模块管理，很有必要列出一些： ①、模块路径、cache路径 先配置npm的全局模块的存放路径以及cache的路径， 例如希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

②、使用cmd命令进行配置 启动cmd，输入

npm config set prefix "H:\nodejs\node_global" npm config set cache "H:\nodejs\node_cache"

如果不进行这一步设置，npm的全局安装包，将不会在node安装文件夹里。 如果这个步骤出现错误，如：operation not permitted, mkdir ‘C:\Program Files\nodejs’，请使用管理员身份打开cmd命令行。 ③、测试 现在我们来装个模块试试， 在cmd命令行里面，输入“npm install express -g”（“-g”这个参数意思是装到global目录下，也就是上面说设置的“H:\nodejs\node_global”里面。）。 ④、查看环境变量

⑤、配置node_path 进入环境变量对话框，在系统变量下新建"NODE_PATH"，输入”H:\nodejs\node_global\node_modules“。（ps：这一步相当关键。） 2014.4.19新增：由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下（用户变量"PATH"修改为“H:\nodejs\node_global\”），要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。

8、安装淘宝npm（cnpm） (1)输入以下命令

npm install -g cnpm --registry = https：//registry.npm.taobao.org

(2)添加系统变量path的内容 　　因为cnpm会被安装到H:nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。 (3)输入cnpm -v命令，查看结果

测试cnpm

cnpm -v

三、开始搭建Hexo

1.创建本地hexo博客

cnpm install -g hexo-cli

全局安装框架

验证

hexo -v

安装完成、 创建项目目录空文件夹testblog 初始化hexo

hexo init

需要等待一段时间 初始化成功

dir

查看生成的文件

启动hexo

hexo s

启动成功

先断开 创建我的第一篇博客文章：

hexo n "我的第一篇博客文章"

查看文章

cd source/_posts/ dir

编写博客内容

回退目录

cd.. cd..

清理博客

hexo clean

生成博客

hexo g

重新启动

hexo s

新文章生成：

2.github中博客

github 创建一个仓库

用户名.github.io一定要是这样的格式否则会报错 config.yml 中修改

deploy: type: 'git' repo: https://github.com/ppxpython/ppxpython.github.io.git branch: master

hexo clean

hexo g

hexo d

刷新查看仓库

打开网址： https://ppxpython.github.io/

3.gitee中博客

在gitee上创建一个仓库

安装工具

cnpm install --save hexo-deployer-git

dir

查看

需要设置config.yml文件 打开文件到最下面更改

# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: 'git' repo: https://gitee.com/ppxpython/testblog.git bronch: master

没有引号都没关系 部署远端

hexo d

成功

刷新gitee显示代码：

点击：

显示：

启动成功：

网页：

发现没有样式，不要着急，更改配置文件：

url: https://ppxpython.gitee.io/testblog

hexo clean

hexo d

在gitee上查看更新

3.更改主题

下载主题： 选择自己喜欢的主题

git clone https://github.com/ShanaMaid/hexo-theme-shana.git themes/ShanaMaid

修改配置文件

hexo clean

本地查看 hexo s

效果：

http://localhost:4000/easyblog/

hexo d

部署上去

在gitee上更新一下

部署成功，点击网址，查看我的博客 最后附上 我的博客： https://ppxpython.github.io/

总结

参照的链接这里附上： Node.js安装链接