No18-【原】跟我一起来了解hexo的结构，自定义一些组件

关于hexo

关于hexo不想过多介绍，因为官方已经做了这件事了。强烈建议先去看看官方文档（是中文版的哦）：hexo docs

关于hexo的安装

这里也不再赘述，直接去hexo的github主页就行了，ReadMe有详细的教程，传送门：Github | hexo.io

声明

本文只是基于个人理解，很可能有错误及不足之处，如有问题，敬请指正，如果觉得本文不错，还请点个赞，谢谢。

hexo结构图解

首先来分析hexo的结构，快速入门（主要针对我这种菜鸟，大神请自觉忽略）以便我们自定义自己的组件，实现想要的效果。废话少说，上图：

我们主要分析标上序号的8个文件|文件夹：

• public文件夹，存放的是生成的整个博客的页面文件，也就是说，在你hexo generate之后，生成的东西基本都在这里了（当然外面还有个db.json之类的）。
• scaffolds文件夹，可以看到，我这里有4个.md文档，这里定义的是博客文章md文件的模板。我自定义了4个模板（其中post.md是默认模板，这个可以设置），所以在hexo new之后，hexo会根据你的命令，比如hexo new post xxx或者hexo new draft xxx或者hexo new page xxx或者hexo new gallery xxx在对应的模板基础上生成markdown文件，然后，你就可以进行欢快的写作了。这里顺便提一下，之前有小伙伴问我，我的每篇文章末尾的感谢是如何实现的，其实很简单，就是在post模板的里面加上这段话就OK了，如果想要我的post模板，在文章下方留言即可（敬请指教）。
• Source/_posts，这里是存放你的所有文章的地方，所有的markdown文件都在这里存放，所以，生成之后，进入这个目录编辑。
• Source/favicon.ico，这个是最终生成的博客网站的图标，将你的图标放置在这里即可。
• themes/chenall，其实themes文件夹下的所有子文件夹都是hexo的主题，chenall是我之前使用的一款主题，界面挺不错的，感觉很优雅（不过我还是选择了jacman）。
• themes/jacman，也就是我现在使用的这款主题，