用hexo手把手搭建个人的博客网站


一、第一步下载安装node.js

node.js下载地址
注意下载长期支持版
下载长期支持版

1.切换淘宝的下载源

安装完之后切换一下下载源,避免下载框架的速度太慢打开cmd窗口,输入指令npm install cnpm --registry=https://registry.npm.taobao.org
切换下载源
切换完之后,在windows的cmd终端输入cnpm -v验证一下是否安装成功。可能大家会遇到这样的问题
有问题
解决办法可以参考这篇博客
解决问题之后,再次在终端输入cnmp -v查看,ok出现如下界面这表示安装没有说明问题了
没问题

二、安装hexo博客框架

1.使用cnpm安装hexo博客框架

windows的cmd终端输入指令cnpm install -g hexo-cli
heox安装完成
安装完之后,终端输入hexo -v来验证一下
安装成功ok,hexo框架安装成功,没毛病。

三、使用hexo框架搭建博客

1.初始化hexo框架

创建一个空文件夹用来存储到时候产生的文件,到时候出了问题大不了把这个文件删了重来罢了。
cmd终端进到你要存放博客的目录,输入指令hexo init
初始化hexo

2.启动我们的博客

在终端输入指令hexo s,启动我们的博客。
启动博客
欧克,让我们打开浏览器,访问一手http://localhost:4000/,初始化界面就长下面这个样子。
博客初始化界面

四、hexo博客的基本使用

1.新建一篇博客

命令行中输入hexo n "我的第一篇博客"
创建博客
博客创建好了之后就可以进行编辑了,让我们进入到指定目录中查看一下
查看创建的博客
对我们的第一篇博客进行编写之后,我们需要清理一下并生成到线上,终端执行指令hexo g
生成博客到线上
生成之后我们重新打开博客网站搂一眼
线上查看新建博客
到目前位置我们博客的搭建差不多已经完成了,接下来我们要做的事情就是把我们的博客部署到远端去,因为我们不可能只在本地用我们的博客吧。

五、部署博客到github上公开使用

1.新建一个github仓库并部署到远端

首先进入到你的github中去,新建一个仓库,但是有一点一定要注意这个仓库的命名必须要是你的github昵称加上.github.io,例如你github昵称叫做jack,那么你这个仓库的昵称则要为jack.github.io, understand?仓库创建完了之后我们接下来要做的是什么呢,接下来我们需要在我们存放blog的文件目录下安装一个git的一个部署的插件,安装命令cnpm install --save hexo-deployer-git
安装插件
欧克,接下来有个东西特别关键,我们需要设置一下。我们当前目录下有一个叫做_config.yml,我们需要配置一下这个文件,打开文件,进入到文件最底部,可以看到一个Deployment的地方
修改前:
修改前
修改后:
修改后
_config.yml文件修改完之后,我们只需要在博客目录下执行命令hexo d将其部署到远端即可
执行指令hexo d可能会出现下面的问题:
遇到的问题
可参考这篇博客解决
部署的时候可能还会遇到这个问题:
部署到远端遇到的问题
可参考这篇博客解决

最后附上hexo的官方文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

布兹学长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值