hexo搭建blog并部署到github

Hexo是一个可以快速搭建静态网站的框架,结合git,我们可以把本地项目部署到github上,就可以通过外网访问。这里介绍如何一步一步通过hexo来搭建个人博客,并部署到github。

准备工作:既然需要部署到github,那么github肯定需要相关设置,这里需要在github上新建一个项目,项目名称不能随便定义,一定要设置为yourname.github.io,否则部署之后,无法访问,如下图:


第一步、配置git,可以通过命令,也可以通过配置文件,这里通过命令;

(这里并没有介绍如何安装node,git,他们对于开发者来说很容易安装)

 (通过配置了本地git环境,最后通过hexo d命令就可以将文件上传到github上)

	

第二步、通过npm命令安装hexo,这里不需要单独安装hexo-cli,因为hexo安装已经包含了hexo-cli

$ npm install -g hexo


如图所示,这里通过npm install -g hexo直接就装上了hexo-cli


第三步、通过hexo命令初始化一个项目webblog,

$ hexo init webblog


第四步、安装hexo部署插件,如果需要部署到github,有的linux还需要安装hexo-deployer-git


第五步、配置项目webblog下_config.yml文件

这个配置文件需要注意冒号后面需要有空格,否则会报错误:FATAL can not read a block mapping entry

deploy:
  type: git
  repo: https://github.com/yangfei2013/yangfei2013.github.io.git
  branch: master

第六步:生成静态文件

  $ hexo g // hexo generate

第七步、运行hexo d部署

  $ hexo d // hexo deploy


第八步、这里通过hexo s命令启动本地项目,对于部署到github来说是不需要的

$ hexo s //hexo start

	

最后通过浏览器打开地址 https://yourname.github.io即可访问,如果出现404,那么就是你的github项目名称配置错误,一定要设置为:自己的名字.github.io。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luffy5459

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值