hexo搭建记录和遇到的坑

hexo搭建记录和遇到的坑

1. 拥有台服务器

   按照需求选择服务器，如果只是运行hexo，选择最低配置的都行

2. 拥有一个域名（可选）

   没有域名的话通过公网ip一样能范围。有域名后，如果绑定国内的服务器，那就需要备案。备案时间有点久，要几天时间。可以用公网ip过度。

3. 安装node

   网络上查方法，这里不记录 . nodejs官网

4. 安装hexo

   按照hexo的官网安装 hexo官网

   Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

5. fluid的主题

   用起来还不错。fluid官网 Fluid 是基于 Hexo 的一款 Material Design 风格的主题，由 Fluid-dev (opens new window)负责开发与维护。

   主题 GitHub

   预览网站：Fluid’s blog，当然，我这也就是

6. 增加评论。

   用的是Valine Valine官网 里面还能邮件通知，自定义表情，浏览量统计。数据库用的是leancloud 海外版不需要实名，但我用但是国内版。

第一个坑

我用的是npm install --save hexo-theme-fluid安装，不熟悉该框架，所以像头像之类的静态资源写入public里面的，后面使用hexo clean资源就全没了。

发现每次使用hexo d时，都是通过node_modules/hexo-theme-fluid/source里面的静态资源复制过去的。

想着我写js文件等文件不可能写到node_modules/hexo-theme-fluid/source里面。

想到网络上的文档都是放在themes下，就改成下载zip解压到 themes 目录，并将解压出的文件夹重命名为 fluid。对fluid进行魔改就很方便，静态资源可以写入themes/fluid/source/中，之后有变动只需要将themes/fluid/source/内的文件复制就行。当然，可能是对这个不熟悉。应该有更好的方法，欢迎留言！

第二个坑

我发现评论的头像，显示不出来。
F12用的是https://gravatar.loli.net/avatar 地址的头像
发现是这个域名现在国内用不了，可以换成https://cravatar.cn/avatar/ 。
gravatar.loli.net在代码中找来找去找不到，在线上资源中搜索，找到是Valine.min.js这个文件里面的
而Valine.min.js这个文件是在valine.ejs中引用，每次调用，请求的外部资源。
接下来就很简单，将这个文件下载下来，放入themes/fluid/source/js里面，将https://gravatar.loli.net/avatar/ 修改为https://cravatar.cn/avatar/ 。
修改_config.fluid.yml文件的底部valine: https://lib.baomitu.com/valine/1.5.1/ 为valine: /js。
引用的就是本地文件。