使用hexo框架在github上面搭建个人博客

使用hexo以及github搭建博客

今天学会了使用github以及hexo搭建自己的博客,在搭建过程中踩了很多坑,所以将自己的搭建步骤记录下来供他人参考,防止踩坑

1、首先安装Node.js
安装地址:Node.js安装地址
因为Hexo是需要Node.js来支持的,所以这是前置步骤
Node.js很好安装,这里就不做过多赘述
2、安装cnpm包管理器
由于国内使用npm安装速度很慢,所以这里需要安装一个cnpm包管理器
安装命令:
npm install -g -cnpm --registry==https://registry.npm.taobao.org
然后他就会自己安装了安装好之后输入cnpm出现如下界面就说明已经安装好了
使用hexo框架在github上面搭建个人博客_第1张图片
3、安装hexo框架
输入如下命令安装hexo框架在这里插入图片描述
安装好之后可以使用hexo-v命令验证一下,出现如下说明安装好了
使用hexo框架在github上面搭建个人博客_第2张图片
4、新建一个blog文件夹,初始化hexo
在该文件夹下使用gitbash,因为初始化hexo博客是需要从git上面下载的,所以需要用到git,而且后面也需要用到
使用hexo框架在github上面搭建个人博客_第3张图片

使用hexo框架在github上面搭建个人博客_第4张图片

经过一段时间就安装好了,这时候blog文件夹下就多出了hexo的文件
使用hexo框架在github上面搭建个人博客_第5张图片
然后可以使用hexo s命令启动hexo,根据这个本机地址就可以访问到搭建的博客了
使用hexo框架在github上面搭建个人博客_第6张图片
使用hexo框架在github上面搭建个人博客_第7张图片
在如图所示的路径下就可以写自己的博客了,可以通过markdown来写,文件是.MD文件,可以自己通过外部添加
使用hexo框架在github上面搭建个人博客_第8张图片
5、将hexo部署到github上面
这个步骤想对来说坑比较多一点

  • 首先新建一个仓库,一定注意仓库命名规范

使用hexo框架在github上面搭建个人博客_第9张图片

  • 安装github部署插件
    这里需要安装一个github部署插件才可以部署
    命令如下,这里安装可能会报错,但是不用管
cnpm install --save hexo-deployer-git

修改_confing.yml文件
使用hexo框架在github上面搭建个人博客_第10张图片
repo对应的是你的仓库名,type是git,branch是分支,我这里默认主分支
使用hexo框架在github上面搭建个人博客_第11张图片
然后还是回到git bash里面输入命令,就往远端推送成功了,这时候你就可以通过那个网址(zhazhalin.github.io)访问你的博客了,这里推送会要求输入你的用户名和密码,按要求输入就行了

hexo d -g

注意

如果github给你推送了编译失败的邮件
The tag fancybox on line 77 in `thems/landscape/README.MD’is not a recognized Liquid tag
使用hexo框架在github上面搭建个人博客_第12张图片

那么解决方法如下

首先直接删除报错位置对应的文件,此类报错均出现在AUTHORS.md文件可以放心删除,
然后还需要删除本地博客文件夹 .deploy_git文件夹,然后执行命令重新进行部署

hexo clean
hexo d -g

使用hexo框架在github上面搭建个人博客_第13张图片

你可能感兴趣的:(github,git,github,hexo)