HEXO搭建个人博客

前言

     一直有搭建一个个人博客的想法,直到一次偶然看到大神分享的Hexo+Next+Github搭建个人博客的教程,心血来潮,搭建了一个自己的博客,圆了梦,也是新梦的启航。

     搜查了无数资料,总算搭建完成,在此分享下搭建的过程,以便自己回顾,也方便想搭建自己博客的童鞋。


准备:

安装Hexo之前,我们首先需要安装nodejs和git。

Nodejs:下载地址

下载下来按步骤点击安装就好了,安装好之后测试下看是否安装完成,在cmd输入命令node -v,看到打印出版本号,说明nodejs安装正确


nodejs里面封装了npm,cmd输入命令npm -v,看到效果



Git:下载地址

下载后点击安装,安装好之后,cmd输入git命令测试,看到如下效果,说明成功。



安装HEXO:

上面的准备工作做完了,我们可以安装Hexo了,cmd输入命令npm install -g hexo-cli

安装完成后,新建一个文件夹,作为我们的站点目录,在目录下依次执行命令

hexo init

hexo g

hexo s


现在我们就可以在浏览器输入:http://localhost:4000/就可以看到效果了。

等等,和说好的好像不一样,并没有出现我想要的效果


我们查一下4000端口使用情况,发现被占用了




最后查到是被福昕阅读器的一个文档安全防护进程占用了。

4000端口无法使用,Ctrl+c结束服务,输入命令hexo s -p 5000,切换到5000端口,启动好后

访问http://localhost:5000/,看到了效果



NEXT主题:

定位到HEXO 站点目录下

执行命令git clone https://github.com/iissnan/hexo-theme-next themes/next


导入next主题文件

修改站点目录下的_config.yml配置文件中的theme属性,改成next

重新生成hexo g

启动hexo s -p 5000

看到next主题效果


到这里本地的博客雏形就出来了。

本文同步个人博客:http://liujibin.cn

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值