这是一个拖了很久的坑，开一个自己的站点是一年前就有的想法，然而由于各种各样的原因现在才正式开搞，其中不乏沉迷看番，沉迷游戏，沉迷学习无法自拔
不管怎么样，终于有自己的站点啦，今后会将自己接触的感兴趣的所有东西都记录下来耶！等老了看看吐槽下自己，耶～想想就好刺激

辣么作为第一篇文章，我决定就写一下这个高大上的站点的形成过程！开心

安装hexo并配置

之前本来想自己写一个，但实在无心顾忌又不想再拖，搜刮了自己的大脑想起了之前看到过的hexo，看了一下文档感觉灰常之简便啊！编辑方面也支持我喜欢的markdown，我超爱的极简风主题也是应有尽有，几个命令就能开搞。如果你也是不想在博客内容外的东西费心思，那你还等什么！

1
2
3
4
$ npm install hexo-cli -g
$ hexo init blog  //blog可以换成你自定义的站点文件夹名字，hexo和你的文档都会在这里
$ cd blog
$ npm install

然后可以去_config.yml里定义你的博客名字，描述等等，详细看文档的配置

定义完了我们就可以开始写文章啦
$ hexo new title //默认问post布局，title改为你的文章名

然后你就会发现source多了一个文件夹_post 里面乖乖的躺着你刚新建的文档～直接打开编辑就可以啦～

写作

文档头部有一些字段，title就是文章标题，date就是文章创建时间，tags是标签，用于博客的归档

是不是写了两句就想感觉看看效果！你不是一个人！
赶紧部署一发！
$ hexo generate //生成静态文件
熟悉了直接$ hexo g

刷刷刷生成完毕！

然后执行：
$ hexo server 开启服务
熟练后直接$ hexo s --debug //开启debug模式方便调试

看到命令行最后显示：

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

然后就可以打开4000端口看效果了～

看完是不是觉得 好！ 失！ 望！

默认主题的话奇丑无比难以满足一般审美的我们（笑），解决起来很简单，去hexo官网挑选一个主题就可以啦

如果没有再文章中写什么奇怪的东西的话保存的时候浏览器那边是自动刷新的（是的我被自己写的奇怪的东西坑过。。。），页面中有乱码也要看看是不是文章里写了hexo不能解析的东西

hexo与github page

文章写完了但是只能在localhost看，其他小伙伴都看不到好寂寞的怎么办，申请域名买服务器又费钱又麻烦，有没有什么服务可以帮我们做到这些事情呢？

这时候我突然想起之前看到很多小伙伴的博客域名后缀都是github.io，诶，他们和github是有什么不正当关系？！查了一番资料，原来github提够站点服务，即github page，并且hexo有相对的配置项，可以直接用命令deploy到git上去，作为简单的博客或项目介绍类网站是再合适不过的！

是不是已经迫不及待了！迫不及待

首先按照github page教程新建一个仓库，仓库名即你的自定义域名(重要)。然后更改_config.ymldeploy字段如下：

1
2
3
4
deploy:
  type: git
  repo: git@github.com:×××/××××××.git //新建仓库的ssh
  branch: master

之后就可以$ hexo deploy直接部署到这个仓库，方便到不能再方便了！

部署完成后，再浏览器输入你自定义的域名，登登登登～从此好基友也能浏览你的博客啦～好基友

踩过的坑

第一次见标签插件这种书写格式，根本不知道怎么使用，搜索资料加上各种尝试才知道跟markdown一起写就可以，费了我好半天时间，好傻

一开始其实用的是nexT主题因为看起来比较成熟，没想到一篇文章写了大半保存后突然发现不是页面空白就是页面底部有乱码，严重影响进度。

后来发现head里有个js文件名乱码了无法进行下一步渲染，然而不管怎么查也难以查明这个js文件的源头和出错原因，命令行也只是报了一个

“The header content contains invalid characters”

吐血

搜到的资料和issues有的说是http-server需要更新有的说是hexo的bug，不管怎样都没有解决。后来我试着把nexT主题换成另外一个喜欢的也就是现在这个主题感觉好了一点。文字太多本地还是会乱码，deploy不会，现在仍未解决
hexo的对应issue