前言:
安装软件
下载地址
名称 | 下载地址 |
---|---|
node.js | https://nodejs.org/zh-cn/download/ |
git | https://npm.taobao.org/mirrors/git-for-windows/ |
node安装步骤
node.js最好安装稳定版的
node.js下载完安装包以后,全程next即可。
检验是否安装成功
win键+R键,输入"cmd"点击确定,进入命令行窗口。输入"node -v"和"npm -v",若出现版本号(如下图),则表示安装成功。
此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西
环境配置
说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Program Files\nodejs】下创建两个文件夹【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_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Program Files\nodejs\node_global】
系统变量
用户变量
测试
npm install express -g # -g是全局安装的意思
git安装
下载完安装包之后,一路next即可
git安装成功
到这里表示你的环境已经搭建好了,接下来就该建立博客啦。
建立博客
我们先修改一下npm的下载路径"npm config set registry https://registry.npm.taobao.org"改为淘宝镜像下载会比较快。
新建一个存放自己博客的文件夹。我选择D:\blog
打开命令行:进入D:\blog文件夹下输入"npm install hexo-cli -g"按回车,进行安装。
安装成功
输入"hexo init 博客名",按回车。
等待初始化好之后。进入博客"cd BOSS-xu",安装依赖"npm install"
依赖安装好之后,我们让他在本地运行起来。
输入"hexo s -p 5555"
我们选择5555端口
在地址栏输入 “localhost:5555”,即可进入自己的博客。
这是官方默认的主题,我们也可以进入hexo官网中挑选自己喜欢的主题。这里我们就随便选一个,克隆项目到D:\blog\boss-xu\themes中
之后就可以根据对应的主题文档查看相关的配置。
下载完成之后,要修改配置文件,使新的主题生效。
编辑站点配置文件,hexo/_config.yml
修改主题:theme: 自己下载的主题名字
其他的一些样式,就看对应的文档即可。
将博客部署到码云上
进入Hexo根目录,打开git bash。
hexo clean清理缓存
hexo g生成静态文件
hexo d部署网站
一般更新网站的内容,就是上述三条指令挨个执行就OK了
开启服务之后会得到一个网址, http://boss-xu.gitee.io/blog,将该网址配置在_config.yml的url中。root也需要设置,否则会出现404之类的错误。至于为什么强制使用HTTPS我就不清楚了,反正不打这个钩就会出错。
之后我们就可以访问到我们的博客了:熊二吃屁的博客
在搭建过程中遇到的一些问题;
用户验证失败
公钥出了问题
首页不显示,只出现一串代码