Window系统从零开始搭建博客-Hexo

前言
基于Hexo搭建一个属于自己的博客,这里参考了B站codesheep博主的视频讲解
附视频链接:视频链接

具体步骤
步骤一:安装node
下载连接:Node安装在这里插入图片描述
下载好之后傻瓜式安装,一直点下一步就可以。
步骤二:安装hexo
进入命令行窗口,WIN+R进入后首先查看Node是否安装成功,可以使用以下指令查看npm和node的版本

node -v    #node版本
npm -v     #npm版本

为了下面安装的方便,我们来配置一下镜像源为淘宝源:

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

接下来就是安装Hexo工具:

cnpm install -g hexo-cli

同样,查看版本验证安装成功与否

hexo -v

步骤三:配置blog
安装完成hexo之后,初始化一个hexo,需要运行下面的指令(根据需要具体更改前两条命令)

F:     #跳转到F盘目录下
cd F:\blog\work   #进入到你想要初始化的路径下
hexo init  #初始化hexo

初始化hexo之后,我们就可以使用以下指令启动hexo:

hexo s

启动成功后我们会得到一个本地端口可以看到我们的blog主页:

现在,博客已经可以在本地运行起来了,运行效果图就是下面这样:
请添加图片描述
很好,到这一步就已经成功了一半了,blog已经搭建起来了,接下来就需要部署到服务器上供别的ip地址用户访问

步骤四:部署blog
我们将我们的博客部署到免费开源的github上去,具体步骤如下:
首先,我们要有一个github账号,我们使用账号创建一个新的仓库
在这里插入图片描述
这里需要注意一下我们的仓库的名字(RepositoryName)必须和我们GitHub账户名称一致,其余的地方可填可不填,点击创建。请添加图片描述
好的,仓库就已将创建完成了,我们接下来就需要去准备将我们的hexo部署到仓库中去了,为此我们需要命令行安装一个插件:

cnpm install --save hexo-deployer-git

安装完成后我们需要配置一下_config.yml文件(这个文件在blog文件夹下),主要对这个文件的最后几行进行更改

  • 这里repo填自己的GitHub仓库地址,创建仓库的时候生成的地址
  • 每个’:‘后面有一个’空格’,均为英文格式且空格不能少
    请添加图片描述
    还差最后一步了,就是将本地blog部署到远端,指令如下:
hexo d

部署完成之后就会发现,原本空空的仓库多了一些文件,这也就是本地上传上去的文件了。
请添加图片描述
完结
OK,到这里都没出现问题的话恭喜你,你已经成功搭建出属于自己的博客了,你前面设置的RepositoryName就是你的blog的URL路径哦(如我的为https://codedog99.github.io/)。
请添加图片描述
最后的最后,我们每一次更改配置文件_config.yml我们都需要重新部署到远端上,这个过程很简单,只需要三行命令:

hexo clean     #清除掉之前的
hexo g		 #重新部署
hexo s       #start
hexo d       #推到远端
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值