码云搭建Hexo个人博客

本文详细介绍了如何在码云上搭建个人博客,包括Node.js和Git的安装,环境配置,Hexo博客的创建,主题选择,以及如何将博客部署到码云上。通过一步步的操作,读者可以轻松拥有自己的个人博客。
摘要由CSDN通过智能技术生成

前言:

安装软件

下载地址

名称下载地址
node.jshttps://nodejs.org/zh-cn/download/
githttps://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我就不清楚了,反正不打这个钩就会出错。

之后我们就可以访问到我们的博客了:熊二吃屁的博客

在搭建过程中遇到的一些问题;
用户验证失败
公钥出了问题
首页不显示,只出现一串代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值