YOU'VE MADE A BRAVE DECISION, WELCOME.

每一个不曾起舞的日子都是对生命的辜负。

HEXO+GitHub,搭建属于自己的博客,带你入坑啊哈

HEXO+GitHub,搭建属于自己的博客,带你入坑啊哈

  • 先讲明步骤哦,一步一步来,别慌,遇到什么问题各种Google解决就行啊,我是基于mac写的,写说下自己也入坑了,而且看了好几个大神的博客才弄好,而且中途也弄错了,即使现在也没怎么搞好,不过,一步一步来哈。加油,自己!!!

  • 安装Node

    Node.js官网下载对应平台的版本,然后一直点击继续安装安装哦!

  • 安装Git,一般安装Xcode自带Git,但是如果没有事windows的电脑请自行下载哦

  • 有一个GitHub的账号,自我认为GitHub是必用学习网站之一,作为渣渣的我也比较喜欢的。

  • 此时需要本地的hexo与github建立连接,你可以去网上搜一下就明白了,如果不配置,也只是在搭建成功写博客时提交时输入账号密码就可以了。

  • 正式安装Hexo,

    • 打开客户端$ sudo npm install -g hexo
  • 初始化

    • 创建一个文件夹,然后在客户端cd到这个文件夹下
    • 输入命令$ hexo init
  • 生成静态页面哈,此时前面的工作完成啦!

    • 输入命令$ hexo g (hexo generate 也可以哦)
  • 本地启动,可以运行本地服务器,进行页面预览哒!

    • 输入命令$ hexo s (hexo server也可以哦)此时图片如图这样,就表示启动成功,访问看能不能显示页面,不行的话,再检查前面配置是否成功,不行的话再重新修改下。
  • 配置GitHub,建立Repository,仓库名必须是【userName.github.io】(userName是你GitHub的名称),这是一个固定的写法,这样写就好啦。

  • 进入通过hexo init建立的blog文件夹,找到-config.yml打开修改:

    • 找到最下面deploy哪里,修改如下:其中,冒号:后面一定要有空格

      1
      2
      3
      4
      5
      6
      7
      deploy:
      //type后写git,有的也可以写github.com.git,不过就写git就好啦,因为大神这么写的,我还渣。
      type: git
      //这里的创库链接,就是你在GitHub上创建的那个仓库链接
      repository: https://github.com/leopardpan/leopardpan.github.io.git
      //这里就写这个就好啦,固定的
      branch: master
  • 执行$ npm install hexo-deployer-git --save部署文件

  • 执行$ hexo deploy就可以通过userName.github.io进行访问你的博客啦!(userName就是之前你的账户名称)

  • 如果要写博客可以进行以下操作即可

    • 1
      2
      3
      4
      5
      6
      7
      8
      9
      hexo new "postName" #新建文章
      hexo generate #生成静态页面至public目录
      hexo deploy #将.deploy目录部署到GitHub
      hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
      或者
      hexo new "postName" #新建文章
      hexo d -g
      hexo s