什么是Hexo

可能有人还不知到什么是hexo，那么我就应用一句他自己的介绍吧

A fast, simple & powerful blog framework

大概意思就是说这是一个静态的，快速的博客框架。

我为什么要用Hexo

其实是我想使用github的虚拟主机服务，可以搭建自己的博客，而且可以使用github保存代码，不怕丢失，岂不美哉。

效果图

是不是很舒服呢？

我们也来整一个

主要暂时使用github的服务器，coding的还没有弄好，有点麻烦，先更github的

注册并配置github

只要这部分可以参考
github+hexo基本搭建
我呢就简单的在记录下流程

ssh密钥问题

因为你在本地搭的博客，所以肯定要上传到服务器上，但是服务器怎么认为你是这个博客的管理员呢？就是使用ssh的公私钥，来区别是不是管理员，所以我们需要本地生成一对密钥，把我们的公钥写到我们github的项目设置里面去，等到我们连的时候他就会认识我们。
windows一般存放在 > C:\Users\yourusername.ssh没有的话就生成一对。

本地Hexo环境

这里默认都安装上以下环境

• Node.js
• Git

  如果没有可以参考Hexo官方安装文档

Hexo官方就简单给了几个命令
我来介绍下

npm install hexo-cli -g //安装Hexo组建
hexo init blog //部署hexo到本地的blog目录
cd blog //切换到blog文件夹
npm install //安装拓展必备文件
hexo server  开启本地Hexo服务

就这么简单几句话就好了，然后就访问http://localhost:4000/就可以看到一个博客就搭好了。

修改主题

这里我很喜欢material的主题，所以简单说说这个主题的安装和配置吧。
注意：material貌似没有维护了，网站证书失效大半年也没人管，用不用自己斟酌
切换到blog/theme 运行
git clone https://github.com/viosey/hexo-theme-material.git material
theme里面就出现新的主题了
需要主要的一共有两个配置文件一个主主配置文件_config.yml，另外一个是主题配置文件_config.template.yml，需要修改为_config.yml
我这里贴一下主配置文件，主题配置文件下面配置我更改的地方

title: Blog
subtitle:
description:
keywords:
author: Cray
language: zh-CN
timezone:

post_asset_folder: true #asset 调用图片
relative_link: false
future: true
highlight: #代码高亮，这里关闭，在主题打开主题的代码高亮
  enable: false
  line_number: true
  auto_detect: false
  tab_replace:

search:
    path: search.xml
    field: all

theme: material

deploy:
  type: git
  repo: git@github.com:L0yy/L0yy.github.io.git
  branch: master

一点小问题
你可能会遇到安装好后启动服务hexo server后报大量错误，解决方案是

1.主题文件夹下新建一个_config.yml文件，并将_config.template.yml里的配置复制到_config.yml文件。

2.修改layout/_widget/dnsprefetch.ejs文件。修改内容如下：

<% } else if(theme.comment.use.startsWith("disqus")) { %>
// to
<% } else if(theme.comment.use && theme.comment.use.startsWith("disqus")) { %>

主题配置

主页打不开很伤啊，我这里找到了1.50版本的开发指南，很详细，看完都能做出属于自己的主题页

评论系统使用https://leancloud.cn/dashboard/applist.html#/apps

Good luck

---