使用Hexo+gitHub搭建个人博客【实践】--一文教会你搭建过程

※  HEXO----轻量、简易、高逼格的博客搭建开源框架

官网:https://hexo.io/zh-cn/

      正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。

地址:https://zerahmu.github.io/

效果大概是这样的:

      好勒,大家按照我的方法去搭吧,本篇文档到此结束!!! 

认认真真上面写了那么多,你们都没人问怎么实现,伤心了,下面更新一下详细教程,环境基于Windows 10

步骤:

1.安装Git Bash

安装参考:

https://www.cnblogs.com/ximiaomiao/p/7140456.html

安装结果:

2.安装NodeJs

NodeJs安装教程:https://www.cnblogs.com/liuqiyun/p/8133904.html

NodeJS官网:https://nodejs.org/en/

安装结果:

3.本地创建一个blog文件夹

4.安装hexo,npm安装Hexo

4.1.安装

npm install hexo -g

遇到错误:

解决:https://blog.csdn.net/qq_38372358/article/details/79551446

 

4.2 clean一下 

  • npm install --registry=https://registry.npm.taobao.org --loglevel=silly
  • npm cache clean --force

4.3.重新安装hexo,成功

  • 查看hexo是否安装成功 :
    hexo -v
    

    遇到了另外一个错误:

    hexo : 无法将“hexo”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

原因:npm环境变量没有配置完整

解决方法:Path环境变量中加入 node_global相关路径

 

再次查看安装结果:

hexo -v

4.4 初始化hexo

  • 在之前创建的blog文件夹下在命令行输入hexo init,初始化该文件夹

结果又遇到错误,大概意思就是不是一个空文件夹,需要一个空文件夹初始化,初始化完成后再将你的文件拷进去,好吧,看了一下E:\blog,果然有一个package-lock.json的文件,然后把它移出去再初始化:

 

看到最后这句话“Start blogging with Hexo!”,说明初始化成功了:

4.5 安装组件

  • 输入npm install,安装所需要的组件

 

4.6 初次体验

  • 输入hexo g,首次体验Hexo

 4.7 开启服务器,体验

  • 输入hexo s,开启服务器,访问该网址,正式体验Hexo

问题:假如页面一直无法跳转,那么可能端口被占用了。此时我们ctrl+c停止服务器,接着输入“hexo server -p 端口号”来改变端口号

 

结果如下:

 

先更新这么多,以上就是安装hexo的方法,现在你本地就可以访问到你的博客了,但是还没有跟github绑定起来,因此别人无法访问,所以后面我们要做的就是将本地的hexo服务和github绑定起来,吃午饭了,下次有时间再更 

生成SSH并添加到github

部署项目

上传到github

绑定个人域名

修改及配置主题

添加RSS

添加评论

写文章部分

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值