博客制作注意事项
概述
今天尝试搭建好了博客的环境，并制作了一个大概的样子。在开发过程中遇到了如下两个问题：
1.欢迎动画无法循环播放
在css动画属性中用了forwards,应该改为infinite
最后的效果如下：
1 | .welcome-text.animate { |
2.将路径或者一些文件弄混
目前的结构有点像是一个嵌套的结构，因此一定要记录好架构，目前的架构为
blog/ ← 整个博客项目
├── _config.yml ← ① 站点配置（博客”本体”的设置）
├── package.json ← Node 依赖清单（hexo
本体、渲染插件）
├── package-lock.json ← 依赖锁定文件（不用管）
├── node_modules/ ← 已安装的依赖（不用管，别删）
│
├── scaffolds/ ← 新建文章/页面的”模板”
│ ├── post.md （新建文章时套用）
│ ├── page.md （新建页面时套用）
│ └── draft.md （新建草稿时套用）
│
├── source/ ← ② 你的”原料”都在这里
│ ├── _posts/ ← ★ 你的文章（Markdown 文件）
│ │ └── 我的第一篇博客.md
│ ├── img/ ← 你的图片（avatar.png 头像在这）
│ ├── tags/index.md ← “标签”页面
│ ├── categories/index.md ← “分类”页面
│ └── _data/butterfly.yml ← 主题备用配置（目前是空文件）
│
├── themes/ ← ③ 主题（决定网站长什么样）
│ └── butterfly/
│ ├── _config.yml ← ★★ 主题配置（最常改的）
│ ├── layout/ ← 页面模板（Pug，一般不用动）
│ ├── source/ ← 主题自己的 CSS/JS/默认图
│ └── scripts/ ← 主题辅助脚本
│
├── public/ ← ④
生成出的”成品网站”（自动生成，别手动改）
├── db.json ← 缓存（不用管）
├── .git/ ← 版本控制（上次已 init 并提交）
└── .github/ ← GitHub 自动更新依赖的配置