前言
个人网站在面试公司的时候会加分,而且能够锻炼自己的写作、语言组织等能力,好处多多。我来教大家如何使用hexo搭建个人博客以及搭建过程中一些问题的解决方法。文章末尾有各种博客主题,如有描述不当的请各位多多指正。
准备工具
一、nodejs搭建
-
下载
下载地址:nodejs下载
-
安装
安装程序
下载完成后,双击安装包,开始安装,使用默认配置一直点next即可,自定义修改安装路径。
安装路径默认在C:\Program Files下面,也能够自定义修改,此处我们自定义安装路径,而后点击next
接下来一直点下一步即可
安装完成之后 win+r并输入cmd打开命令行模式
输入 node -v 查看node是否安装成功
输入 npm -v 查看npm是否安装成功
出现版本号即为安装成功 查看后不要关闭 后面步骤会继续使用命令行模式
-
修改安装和缓存路径
查看node安装和缓存路径
命令行模式下 输入
npm config get prefix
和npm config get cache
查看node当前使用路径在node安装目录新建两个文件夹 名为
node_cache
、node_global
提醒:将node_modules文件夹复制一份到node_global文件夹内
使用命令修改安装路径
注意 :命令和文件路径之间要有一个空格隔开**
命令行模式下输入npmconfig set prefix "node_global文件的路径"
文件路径查看方式:打开node_global文件夹、点击上方路径复制
使用命令修改缓存路径
命令行模式下输入npmconfig set cache "node_cache文件的路径"
-
配置环境
右击此电脑,选择属性进入系统界面
点击高级系统设置,进入属性界面
点击环境变量进入配置界面
点击下方系统变量新建
变量名为 `NODE_PATH` 变量值为 **node_global文件夹中node_modules文件路径**
点击上方用户变量中的path变量
将nodejs默认配置
修改为node_global的文件路径
,并添加%NODE_PATH%
变量
修改前
修改后
-
测试
命令行模式下 使用命令
npm install vue -g
注意:一定要加上-g,这是全局安装的意思,如果不加是局部安装,会安装在cmd控制台当前运行的目录下
如图所示即为成功
-
报错及解决方案
如图所示的错误
原因:因为node安装目录文件夹的权限不够所导致
解决方法:
找到node安装目录、右击选择属性
选择安全选项点击编辑 允许权限中的完全控制
-
安装hexo
测试无报错后可以开始安装hexo
命令行模式下 使用
npm config set registry https://registry.npmjs.org/
此步的目的为 切换为淘宝镜像 安装hexo速度会快
命令行模式下 使用
npm install hexo-cli -g
安装hexo如图所示即为安装成功
二、Git下载
git只需要下载和安装即可,不需要过多配置,因此在这里不过多描述,附上下载地址和安装教程,请大家安装下载后进行下面步骤
git下载地址:git官网
git安装教程:git安装
注意:若安装git为最新版,其安装步骤与安装教程中有偏差,总体不会有问题
三、GitHub账户添加SSH密钥
注册和创建仓库就不在此多说,大家这步操作应该都会
不会的请看:
四、利用hexo搭建个人博客
在这里推荐一种十分方便的方法,照着步骤来即可成功搭建
五、主题推荐
为大家推荐几款热度高的主题,大家根据自己的喜好配置
本博主使用的是matery主题
其余主题推荐
-
next主题
-
Claudia主题
-
shana主题
-
melody主题
-
ayer主题
本篇教程到此结束 希望大家喜欢 请多多支持