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

来源:互联网 发布:网站数据库有哪些 编辑:程序博客网 时间:2024/05/29 10:18

大概步骤如下
①搭建环境准备(包括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/

原创粉丝点击