前言
基于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 #推到远端