美文网首页关于hexo开发工具扣扣
GitHub+Hexo快速搭建免费的酷炫个人博客

GitHub+Hexo快速搭建免费的酷炫个人博客

作者: ingot_金果 | 来源:发表于2016-08-16 15:45 被阅读1180次

前言

在我的理解,个人博客是第二份简历,甚至比简历还重要;而且个人博客可以记录很多东西,它可以永久存留。

说实话,搭建这个博客还是挺艰辛的,经历了各种错误,各种找资料,踩过各种坑,终于打造好了我的博客。好吧,废话不多说了,开始吧。先放自己的blog看下效果

搭建

1.安装Node
到Node.js官网下载相应平台的最新版本,一路安装即可。
2.安装Git
安装Xcode自带有Git。
3.申请GitHub
申请一个GitHub账号,配置好SSH Keys。

4.安装hexo:

$ sudo npm install -g hexo

5.Node和Git都安装好后新建个文件夹blog,然后进入blog

$ cd blog

6.初始化
然后,执行init命令初始化hexo到blog目录

$ hexo init

7.生成静态页面
cd 到你的blog目录,执行如下命令,生成静态页面至hexo\public\目录。

$ hexo g

执行完执行

$ hexo d

8.本地启动
启动本地服务,执行完下面命令浏览器输入localhost:4000就可以看见你的个人博客了

$ hexo s

9.配置Github
新建Repository,与你用户名对应的仓库,仓库名必须为your_user_name.github.io。比如我的JangGwa.github.io

新建Repository.png

10.建立关联
现在我们需要打开blog文件夹里的_config.yml文件,来建立关联,翻到最下面,改成我这样子的。要注意的是,该文件格式要求极为严格,缺少一个空格都会导致运行错误。小提示:不要用Tab缩进,用两个空格符。

建立关联.png

11.执行如下命令才能使用git部署

$ npm install hexo-deployer-git --save

12.完工

$ hexo g

$ hexo d

然后再浏览器中输入http://JangGwa.github.io/就行了,我的github的账户叫JangGwa,把这个改成你github的账户名就行了

最后

希望大家能打造一个满意的个人博客,做更好的自己.
有什么问题也可以问我-.-

相关文章

网友评论

  • KennyHito:我执行到npm install hexo-deployer-git --save这步就出现错误了,什么原因?
    ingot_金果:@海涛丶Larry 可能是你ssh没有搭建好
    KennyHito:@JangGwa 会的
    ingot_金果:@海涛丶Larry 你执行hexo g ,hexo d会报错嘛
  • 若川i:博主分享不错,HEXO搭建博客相对还是比较简单的~我博客就是当初参照官网文档搭建好的
    ingot_金果:@轩辕Rowboat 嗯,分享出来让大家更简单清晰地打造自己的博客。
  • DwightChan:你的博客也访问不了
  • DwightChan:访问不了
    ingot_金果:@CD豪_Aarak 用全小写的试试
    DwightChan:@JangGwa http://www.janggwa.cn 这个可以, 但是http://JangGwa.github.io/不行,
    改成我自己的http://DwightChan.github.io/也都不行,
    http://www.dwightchan.cn
    这个应该是不用购买域名的吧
    ingot_金果:@CD豪_Aarak 可以访问的啊,你再试试?http://www.janggwa.cn
  • 捡淑:马克
  • _origin:做的不错,给你加个友链
    ingot_金果:@_origin 哈哈,谢谢。
  • rexyren:好方法

本文标题:GitHub+Hexo快速搭建免费的酷炫个人博客

本文链接:https://www.haomeiwen.com/subject/jnepsttx.html