您的位置:首页 > 编程语言

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

2017-08-23 16:27 537 查看
大概步骤如下

①搭建环境准备(包括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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: