【other】搭建 Hexo Blog

:http://www.jianshu.com/u/5690b3ad0a6f
Blog:http://blog.zhangpeng.site
GitHub:https://github.com/fullstack-zhangpeng

  Hexo 需要Git和Node的支持,所以烦请各位想用Hexo搭建博客的同学自行安装Git和Node,然后再来阅读本文档。

安装hexo-cli

  通过终端进入您想要创建博客的文件夹中,执行安装命令:

npm install -g hexo-cli

  如果因为权限问题安装失败的,那么在命令前添加sudo,输入密码后就可以安装了

【other】搭建 Hexo Blog_第1张图片
图1,安装hexo-cli

  通过hexo -v可以检查hexo-cli是否安装成功

初始化hexo

  通过终端进入您想要创建博客的文件夹中,执行初始化命令:

hexo init
【other】搭建 Hexo Blog_第2张图片
图2

  生成的文件如下:


【other】搭建 Hexo Blog_第3张图片
图3
  • /source 用于存放博客的md文件,以及静态文件

    • /_posts 文件夹 博客的md文件
    • 静态文件
  • /themes文件夹 存放主题

  • _config.yml文件 我们博客的配置文件,可以配置title、主题、发布地址等

博客创建完毕

  到这里,博客基本算是创建完毕了。
  接下来,在终端中,执行hexo s启动服务器,我们就可以在浏览器中看到我们博客了。
  默认情况下,访问网址为 http://localhost:4000/

【other】搭建 Hexo Blog_第4张图片
图4

将博客发布到GitHub上

1.GitHub账号
  首先我们需要一个GitHub账号,我想大家应该都有这个吧,如果没有请自行申请,这里我就不做赘述了。

2.创建一个用于存放博客的项目

【other】搭建 Hexo Blog_第5张图片
图5

  网上大多数的人都建议创建一个如图所示的项目,即 xxx.github.io,红框中的内容与账户名保持一致。
  忽略图中红色的报错,我这边报错是因为我已经创建了相同名字的项目✧(≖ ◡ ≖✿)嘿嘿

  注:
  通过我的测试,其实项目起什么名字并不重要,都可以访问到,我觉得大多数人以xxx.github.io当项目名字,只是为了后期访问好看罢了

3.发布到GitHub
  为了方便快捷的将我们本地的博客发布到GitHub上,建议大家安装hexo-deployer-git自动部署发布工具

  安装方法:在博客的根目录执行npm install hexo-deployer-git --save

【other】搭建 Hexo Blog_第6张图片
图6

4.发布文章到GitHub
  发布工具安装完毕后,我们还需要在_config.yml文件中配置一下我们的GitHub的地址,否则我们上传到哪去呢,是不是?<( ̄︶ ̄)>

  打开_config.yml文件,搜索deploy,这个就是我们要配置的地方了,如果没有就在文件的最后添加下面的代码。

deploy: 
  type: git
  repo: github上的项目地址

  注:
  1.上面的配置中,冒号和你填写的内容间一定要有个空格,这是标准的格式,没得谈!!!
  2.有的同学可能会问可不可以发布到某个分支上,答案是不能。原因请看下图,箭头所指处,明确说明User pages must be built from the master branch.

【other】搭建 Hexo Blog_第7张图片
图7

  接下来就剩下发布这一步了,在终端中进入博客的根目录,执行:

hexo clean && hexo g && hexo d

  当您看到INFO Deploy done: git时,就说明您的博客成功发布到GitHub上了,通过访问http://xxx.github.io/,就可以访问到您的博客了,记得把xxx换成您的项目名。

【other】搭建 Hexo Blog_第8张图片
图8

更新博客

  当新写了博客文章,或者是修改了主题,仅需通过终端,进入本地博客的根目录,执行hexo clean && hexo g && hexo d。然后就可以在博客中看到最新的文章或是主题了。

附:

  具体Hexo的命令,可以在Hexo官网中找到

你可能感兴趣的:(【other】搭建 Hexo Blog)