标题：Hexo+NexT+Heroku十分钟免费博客建站教程日期：2016-10-2920:57:20作者：前言情感先行）有接触互联网已经两年了。从一开始连css都不会写的小白，到每天被一堆看不懂的英文文档持续蒙蔽和抓狂的小白，再到现在，积累了一定的多个项目，也经历了踩无数坑，填无数坑的学习过程。但是因为之前太懒了，这两年下来什么都没留下。是时候觉得应该好好记录下自己的成长经历了。之前总觉得很多东西网上教程一大堆，自己写也没意义，无非就是复制粘贴。但是编码本来就是一个基于复制和粘贴的学习过程。看到有人说我写博客和教程不是给别人看的，主要是作为自己所学知识的总结。现在也算是正式进入互联网行业开始工作了。这一次的折腾也算是一个新的好的开始。本来想自己写一个网站。整个博客系统的近四分之三是我写的。最后觉得一开始写的不够好。.就懒得折腾了，直接用开源的框架库就好了。说到搭建博客，现在网上有很多框架和解决方案。什么WordPress和GitHubPages真的很容易挑选。出于对外观和方便性的考虑，最终还是选择了Hexo（本产品支持macdown，本产品一键发布，本产品种类繁多。。。蛤蛤）。好了，废话少说直入正题。安装Hexo的第一步当然是安装Hexo。安装过程非常简单。按照官方文档，过几分钟就OK了。当然，前提是你已经安装了Node.js和Git。（如果没有安装包，请自行移步官网，Windows童鞋请自动忽略此文……我是Mac狗，不会用Windows。）Mac童鞋不用Xcode编译会报错~先安装Xcode。Xcode完成后，启动并转到Preferences->Download->CommandLineTools->Install以安装命令行工具。如果前提OK，安装就是一条命令的事：$npminstall-ghexo-cli建站嗯，输入一条命令后，我们就直奔主题，这么快。只要进入一个文件夹，然后执行下面三个命令，博客就建好了（想想之前写了半天是多么的辛苦，好伤心）：$hexoinit$cd$npminstall播放完成后引入如下目录结构：.├──_config.yml├──package.json├──scaffolds├──source|├──_草稿|└──_posts└──themespackage.json这个文件就不多说什么了，总之你可以在这里配置你想要的一切。EJS、Stylus和Markdown渲染器默认安装，可以自由删除。_config.yml文件是站点一些基本信息的配置，具体参数请参考官网。只是有点胖很重要！这个文件中所有冒号后面的空格都要严格检查，只能有一个而且是半角，不要使用Tab，否则会看到这个错误：endofthestreamoradocumentseparatorisexpectedAfter基本配置完成，执行如下命令，就可以在本地运行了，访问URL为：http://localhost:4000/。$hexo服务器默认运行在4000端口。当然你也可以使用-p参数自定义端口。下面是不加任何配置运行的结果：默认的主题landspace还不错，感觉比wordpress，githubpages好看多了。。。但是还是不够。。。所以第二个主角登场：NexT将NexT安装到站点目录下，执行如下命令：$gitclonehttps://github.com/iissnan/hexo-theme-nextthemes/next然后打开刚刚提到的站点目录下的配置文件_config.yml，更改theme字段改为next:theme:next然后就配置好了，但是在切换主题之后验证之前，最好使用hexoclean清除Hexo的缓存。然后运行看看：$hexos--debug//调试模式，观察有没有错误信息输出然后是这样的：如果要修改主题的默认配置，可以修改主题/下一个/_config.yml文件。更多细节不再赘述，请移步下一步查看官方指南。稍后我会为NexT编写另一篇高级指南。安装Heroku至此，站点搭建完成，接下来需要进行部署。没有别的选择Heroku，因为免费，速度还可以。首先安装Heroku。Homebrew的同学请看下文，其他同学请到Heroku官网下载。$brewinstallheroku-toolbelt$herokuupdate下载后需要先初始化一个Heroku应用，首先进入站点目录登录Heroku：$herokulogin输入你的Heroku凭证。Email:yyy@example.com密码:...然后创建一个Application：$herokucreate体现了hexo的强大。你可以直接跳过Heroku文档中一堆复杂的部署步骤，因为hexo本身就支持一键部署。首先下载一个heroku部署插件：（温馨小提示--save默认下载到dev文件）$npminstallhexo-deployer-heroku--save接下来修改配置文件（__config.yml中sitedirectory):deploy:type:herokurepo:message:[message]repositoryurl是Heroku库(Repository)的地址，可以在你的heroku创建的app的Settings中看到。就是GitURL对应的地址。message为自定义提交信息，默认为Siteupdated:{{now('YYYY-MM-DDHH:mm:ss')}})。这里建议没有特殊需求的新手直接留空即可，否则姿势不正确会导致乱七八糟的错误。好了，离成功还有一步：$hexodeploy回车，等待查看INFODeploydone:heroku的输出信息，打开刚才的Heroku库地址就可以看到你刚出炉的博客了。绑定域名当然，如果你对herku给你分配的域名不满意，你也可以绑定自己的域名，但是heroku需要你绑定信用卡。进入应用的设置界面，找到添加域名，如下：添加自己的域名后，会生成一条CNAME记录。修改您域名的DNS记录，调整CNAME记录，等待新的解析生效。至此，恭喜你，你可以在你的新博客里折腾了。发表文章后，就是发表文章的时候了。以本教程为例，发布第一篇。$hexonewHexo+NexT+Heroku10分钟免费博客建站教程如果不自定义源码路径，默认生成的文件在source/_posts目录下。建议写标签日期等信息，这样可以通过标签和日期来管理文章。写好后生成页面并部署网站：$hexogenerate-d虽然hexo支持macdown，但是生成页面的时候还是需要自己的规则，比如引入外链，所以如果完全按照语法写macdown的，生成页面的时候会报错。具体语法请移步官网，最后附上我的博客链接：填坑
