Hexo

需求来源 我在写博客的时候经常需要引用很多种格式的图片，比如 jpg、jpeg、png、gif，这时候就出现一个问题，各种图片不仅格式不统一，而且很多图片非常大（因为有些图片是自己拍的，传输的时候是原图），但是放在博客上的图片这么大是没有意义的。网络在上传和分发图片的时候并不会按照原图来呈现，而且这样的清晰度对于网页浏览同样也资源过剩，反而造成了流量的浪费和用户的等待时间过长（除了一些摄影网站之类的可能需要原图）。 ...

需求来源 由于部分资料来源和某些自己写的笔记都是以 PDF 形式存在的，因此就在寻找能够实现将 PDF 内嵌入博客中的方法，避免查看 PDF 需要下载的麻烦。通过 Yu’s Space的博客中了解到可以通过 PDF.js 来实现，于是通过一番尝试实现。 ...

实现雪花的效果 首先要在 _config.fluid.yml 的 custom_js: 选项中指定实现雪花效果的 js 文件的路径，具体的路径及其设置参考 官方文档的配置指南 | Hexo Fluid 用户手册。我的配置文件如下： 1# 指定自定义 .js 文件路径，支持列表；路径是相对 source 目录，如 /js/custom.js 对应存放目录 source/js/custom.js 2# Specify the path of your custom js file, support list. The path is relative to the source directory, such as `/js/custom.js` corresponding to the directory `source/js/custom.js` 3custom_js: 4 - /js/custom.js 5 - /js/duration.js 6 - /js/snow.js 7 - /js/firework.js 配置完这个文件之后，在相应路径下创建相关的 js 文件，记得文件名和路径要和 yml 文件中指定的一致，然后在相应的 js 文件中写入如下的代码就可以实现相应的效果： ...

下载Hexo和安装Fluid主题 关于这部分的内容可以参考Hexo和Fluid的官方文档来配置和下载，里面会有详细的说明，这边就不赘述。 Hexo Fluid 用户手册 (fluid-dev.com) Hexo 美化（魔改）Fluid主题 关于美化Fluid主题，这个属于个人的偏好，可以通过搜索引擎的关键词 Hexo 和 Fluid 来找到相关的资料，下面是我参考过的一些资料，可以按需取用。 ...