Hexo+Github 搭建属于自己的博客

大概步骤如下
①搭建环境准备(包括node.js和git环境,gitHub账户的配置)
②安装Hexo
③配置Hexo
④怎样将Hexo与github page 联系起来
1、在你已经搭建环境好(包括node.js和git环境,gitHub账户的配置)下,创建仓库,在Repository name下填写yourname.github.io
这里写图片描述
*注意:比如我的github名称是lily000000 ,这里你就填 lily000000.github.io
2、接下来开启gh-pages功能,点击界面右侧的Settings,你将会打开这个库的setting页面,向下拖动,直到看见GitHub Pages

这里写图片描述
这里写图片描述
点击Automatic page generator,Github将会自动替你创建出一个gh-pages的页面。 如果你的配置没有问题,那么大约15分钟之后,yourname.github.io这个网址就可以正常访问了~ 如果yourname.github.io已经可以正常访问了,那么Github一侧的配置已经全部结束了。

*3、安装Hexo
在自己认为合适的地方创建一个文件夹,这里我以blog为例子讲解,首先在E盘目录下创建blog文件夹,并在命令行的窗口进入到该目录*
这里写图片描述
在命令行中输入:

npm install hexo-cli -g

4、检测是否安装好,出现如下图说明安装好了

hexo -v

这里写图片描述

5、hexo的相关配置
初始化Hexo,就会生成下面文件

hexo init

这里写图片描述
再输入,之后npm将会自动安装你需要的组件,只需要等待npm操作即可

npm install

6、本地体验首次体验Hexo
继续操作,同样是在命令行中,输入:

hexo g

这里写图片描述
最后运行

hexo server (运行程序,访问本地localhost:4000可以看到博客已经搭建成功)

这里写图片描述

在浏览器中打开http://localhost:4000/,你将会看到
这里写图片描述
在本地的配置已经全都结束了
7、怎样将Hexo与github page 联系起来
①同样在_config.yml文件中,找到Deployment,然后按照如下修改:

deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

②比如我的仓库的地址是git@github.com:lily000000/lily000000.github.io.git,所以配置如下

deploy:
  type: git
  repo: git@github.com:gdutxiaoxu/gdutxiaoxu.github.io.git
  branch: master

8、部署到git上

1、安装hexo git插件

$ cnpm install hexo-deployer-git --save

2、 发布更新博客

hexo d -g #在部署前先生成

这里写图片描述

部署成功后访问 你的地址,https://yourName.github.io,将可以看到生成的文章 我的blog是https://lily000000.github.io/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值