在Coding上搭建Hexo静态博客

简单易懂，新手也能快速上手搭建一个属于自己的静态博客。

因为自己在搭建过程中踩了很多坑，正好写下这篇博客记录自己的心得，也分享给其他需要的人。

搭建方法千千万，但整体过程是差不多的，这里只介绍我自己的搭建过程，正式在coding上成功搭了三遍才写下这篇博客的，废话说了那么多，现在开始进入正题吧！

准备工作

• 安装git
• 安装node.js
• 注册coding账号并绑定邮箱(自己就因为没绑定邮箱出错了~)

Hexo的安装和使用

• 全局安装hexo和hexo的运行环境

  npm install hexo

  npm install hexo-cli

  我也看到过直接执行 npm install hexo-cli命令，两种我都试过，具体区别也没研究，我们也没必要省一句代码，两句都执行就好了。

• 初始化项目名

  项目名可以任意，这里以blog作为例子

  hexo blog

• 运行Hexo

  cd blog

  hexo server(可以简写成hexo s)

  在本地查看 http: //localhost:4000 就可以浏览到Hexo的默认主题了，到这里本地搭建就成功了。

部署到Coding

• 在coding上新建一个与用户名同名的项目，注意项目名必须跟用户名一模一样，然后开启pages服务，分支默认名为coding-pages，可以修改也可以不改，这里我将它改成master。

• 本地生成ssh证书

  执行ssh-keygen -t rsa -C username@example.com (你自己注册coding的邮箱地址)

  把生成的公钥(~/.ssh/id_rsa.pub)里的内容全部拷贝到coding个人账户下的ssh公钥里

• 在hexo生成的blog(这个blog就是前面初始化的项目名)里找到_config.yml文件打开翻到最下面加上deploy配置

  deploy:

    type:  git
  
    repo:  git@git.coding.net:username/username.git
  
    branch:  master
  

  注意格式type：后面有一个空格，要严格按照格式，下面的也类似，每行开头也要空两格。

• 生成静态文件并发布到coding

  执行hexo generate(也可以简写成hexo g)

  hexo deploy(也可以简写成hexo d)

  在执行hexo deploy报错说找不到git命令时，执行 npm install hexo-deployer-git --
  save再次执行hexo deploy就行啦。

  访问 http: //username.coding.me 就可以看到自己部署的博客啦。

最后再说两句自己踩的坑，因为自己有两个coding账号并且之前一个全局设置了user.name和user.email导致提交代码出错_{所以各位小伙伴要避免这种小错误啦}如果你按照我说的并没有搭建成功，出错了记得google，我也是这样一步步来的，因为其中还牵涉到一些环境变量的配置，我自己搭建的时候就碰到有配置环境变量成功也有没配置也成功的。写下来发现就这么点，可对于新手来说自己折腾也是要一点时间的，希望大家都能成功搭建自己的博客~