3-hexo主题代码解析
在这里记录下3-hexo主题代码的解析，以便之后更改和添加配置
开始之前
.git 包含了 Git 仓库的所有元数据和对象数据库，用于跟踪和管理项目的版本历史
.gitkeep 防止Git忽略空文件夹
.gitignore 存放应当忽略的文件类型
.yml (非)标记语言YAML
.md 标记语言Markdown
.css 样式语言CSS
.styl 样式语言Stylus 编写CSS
.ejs 前端嵌入式模板语言Embedded JavaScript 一般来说调整参数不应该来这里 不过也许可以借此改变页面结构
文件夹结构
.github 存放Bug报告
layout 布局
_partial
comments.ejs 评论模板
其他模板
post.ejs 文章页面结构 不可调参
index.ejs 主页页面模板 不可调参
indexs.md 主页面
source
css
_partial
styl局部样式文件
fonts 字体和图标文件
hl_themes 代码高亮主题
gitalk.css Gitalk评论插件样式文件
mobile.styl 移动端样式文件
style.styl 文章样式文件
js
js全局和局部脚本文件
img 图片存放
script
自定义 jQuery 选择器方法
博客路径处理
PJAX 页面加载
根据当前路径设置文章背景。
渲染 MathJax 数学公式。
新内容淡入，绑定事件，获取评论数。
切换文章分类：清空搜索框，显示当前分类面板，隐藏大纲列表。
展开子类：点击折叠按钮时，展开或收起子类，并调整子类列表的高度。
鼠标移出文章列表后去掉 hover 样式：
快捷键处理
搜索框输入事件处理
隐藏/显示文章列表：点击按钮时，切换文章列表的显示与隐藏状态。
同步大纲位置：根据页面滚动位置，同步大纲列表的激活项。
页面初始化：绑定事件，渲染高亮代码块，初始化文章相关内容。
监测滚动事件，同步大纲位置。
标签面板处理：切换标签面板的显示与隐藏,根据输入的标签过滤标签列表。
点击按钮时，回到默认面板，隐藏其他面板。
点击按钮时，切换到大纲视图，显示文章的大纲结构。
绑定文章内标签、分类、作者的点击事件，实现搜索功能。
初始化文章的目录结构，并绑定目录项的点击事件。
图片处理：点击图片时，放大图片并支持点击关闭。
复制代码功能：点击“复制代码”按钮时，将代码复制到剪贴板，并显示复制成功的提示。
其他脚本
### gitalk.js Gitalk评论插件
### gitment.js Gitment评论插件
### iconfont.js 字体图标库
### jquery.pjax.js 页面加载插件
### mathjax.js 数学公式渲染插件
config
版本号
头像和图标
博客路径
链接图标
是否在分类中显示文章数量。
是否开启多级分类。
配置分类的层级结构。
设置不同屏幕宽度下的分类宽度。
是否启用快捷键功能
自定义菜单：
文末声明
底部版权信息
底部备案号
字数统计
是否开启字数统计功能。
网站计数
设置文章目录的最大级数。
设置文章列表标题的颜色。
设置文章发布日期的颜色。
设置鼠标悬停时的背景色和文字颜色。
是否开启文章列表背景图。
设置背景图的路径。
设置背景图的透明度。
设置文章列表的样式
设置引用块的样式
设置表格的样式
设置首页背景图
设置其他页面背景图。
设置点击图片放大的样式
代码高亮
数学公式渲染
图表渲染
评论设置：
是否开启评论功能。
选择评论系统
是否在文章标题下方显示评论数。
配置各评论系统参数
配置各库CDN 地址
style
全局样式设置：
设置 html 和 body 的宽度、高度、字体、颜色等基本样式。
禁用页面滚动，确保页面内容不会溢出。
链接样式：
设置链接的颜色继承父元素，去除下划线，添加鼠标悬停时的颜色过渡效果。
标题样式：
设置 h1 到 h6 标题的颜色、行高、上下边距等样式。
为 h1 和 h2 添加特定的字体大小和底部边框。
导航栏样式：
设置导航栏的宽度、高度、背景色等基本样式。
添加导航栏在全屏模式下的隐藏效果，并设置鼠标悬停时的过渡效果。
隐藏列表样式：
设置隐藏列表的初始状态为隐藏，并添加全屏模式下的样式变化。
设置半圆形的按钮样式，用于显示或隐藏列表。
图片放大效果：
设置图片放大时的固定位置和过渡效果，确保图片在放大时能够居中显示。
移动端菜单样式：
设置移动端菜单的初始状态为隐藏，并添加显示时的过渡效果。
设置菜单按钮的样式，确保在移动设备上能够正确显示和隐藏。
导入移动端样式文件 mobile.styl，以确保在不同设备上显示一致。
mobile
对style做了调整
stylepart
### comment.styl 评论样式
### font.styl 字体样式
### fade.styl 淡入淡出动画效果
### full-toc.styl 回到顶部和全屏两个按钮
### nav-left.styl 左侧导航栏样式
### nav-right.styl 右侧导航栏样式
### post.styl 文章样式
### nprogress.styl 页面加载进度条样式
### num-load.styl 加载动画
此方悬停