媒体智能实验室暑期班

媒体智能实验室(Media Intelligence Laboratory, MIL) 隶属于杭州电子科技大学计算机学院。原名计算机动画与多媒体分析实验室(Computer Animation and Multimedia Analysis LAB，CAMALAB), 成立于 2014 年。实验室的研究方向为多媒体与机器学习等人工智能相关前沿领域。具体而言，包含：图像检索、跨媒体表达、人脸检测与识别、图像分类/目标识别、图像质量评价、视频理解、图像生成、深度学习等前沿课题。

每年暑期将为新入学研究生安排入门课程，进行基础内容的讲解，并培养相关科研能力。每一期暑期班的讲座内容都会有所差异，请注意当前项目对应的学期时间，你可以找到一份 2017&2018 学期的存档作为参考。

开发人员文档

静态网站基于 GitHub Pages 驱动，使用 Jekyll 引擎渲染，支持 Liquid 语法。

本项目未使用任何 Jekyll 主题和额外插件，大部分网页内容修改只需要基础的 HTML / CSS / JS 前端知识。

项目允许被 Fork, 使用 Clone 功能时建议将 depth 设置为 1，非管理人员发起的 PR 请求会被直接忽略。

本地渲染网站请在根目录运行 jekyll serve 命令，需提前安装和配置 Ruby 和 Jekyll 环境。

如果对当前项目的使用有任何疑问，请发送邮件到 acdoge[dot]cao[at]gmail[dot]com

文件夹结构

_includes/                    # 存放可被重用或作为局部模板的 HTML 文件
  faq.html                    # 常见问题解答
  information.html            # 课程相关信息
  schedule.html               # 课程大纲时间表
  ...
  head.html                   # 网站头信息，多存放 meta 与 CSS
  nav.html                    # 网站导航栏，多存放 navigation
  header.html                 # 网站头部内容，多存放标题与头部图
  footer.html                 # 网站尾部内容，多存放网站说明信息

_layouts/                     # 渲染规则，即网页模板，默认为 default.html
  default.html
  page.html

assets/                       # 统一用于存放静态文件资源
  css/                        # 存放 CSS 层叠样式表文件
  img/                        # 存放 Image 图像文件
  js/                         # 存放 Javascript 脚本

assignments/                  # 存放作业说明与相关文件
notebooks/                    # 存放教程文件，常用于讨论环节
notes/                        # 存放助教或学生提供的笔记
projects/                     # 存放最终学生个人或分组完成的项目
slides/                       # 存放可公开的幻灯片，为讲座对应内容

_config.yml                   # 网站全局设置信息
announcement.md               # 独立页面，使用 Markdown 语法渲染
index.html                    # 网站默认 index 主页，必须设置

文件命名规范：

不得出现中文命名与空格，英文统一小写，使用 - 作为连词符号，框架文件添加 _ 前缀；
资源必须采用资源名词的复数形式，如 notes 而不是 note;
父子目录与文件之间的层级关系不得超过三级，如 /assets/img/favicon.ico 为极限情况；
如果是内容资源的 URL, 需去除尾部参数，如 http://www.domian/com/users.html?id=1 需改为 http://www.domian/com/users/1.

如何修改课程人员信息

在 _includes/instructor.html 中找到“讲师”或“助教”列表：

<h2 class="module-header">{类型}</h2>

在下方找到合适的顺序位置修改对应信息：

<div class="instructor" id="{name}">
    <a href="https://github.com/HDUMIL/summer-school/blob/master/{url}" target="_blank">
        <div class="instructorphoto">
            <img class="img-hover" src="https://github.com/HDUMIL/summer-school/raw/master/{{ "/assets/img/{name}.{jpg/png/...}" | prepend: site.baseurl }}">
        </div>
        <div>{名称}</div>
    </a>
    <br>
</div>

其中 {name} 为姓名信息，{url}为个人主页链接(如果没有可使用 # 代替), {name}.{jpg/png/...} 为需要添加到 assets/img 文件夹下的图片，注意分辨率不能低于 120 * 120 px, 保持图片整体为正方形比例，超过显示大小的会自动进行缩放。

如何修改课程大纲和时间安排

在 _includes/schedule.html 中 <tbody></tbody> 域内进行修改，例如：

<tr>
    <td>第1列内容</td>
    <td>第2列内容</td>
    <td>第3列内容</td>
    <td>第4列内容</td>
    <td>第5列内容</td>
</tr>

以上为单行信息的修改，也可以根据情况添加新的 <th> 列，并设置列宽 width 比例：

<tr class="active">
    <th style="width:10%;">类型</th>
    <th style="width:12%;">日期</th>
    <th style="width:30%;">主要内容</th>
    <th style="width:30%;">相关材料</th>
    <th style="width:18%;">备注</th>
</tr>

在 <tr class="active"> 中使用 class 控制表格背景颜色，

也可以在 /assets/css/main.css中自定义新样式，起到想要的视觉效果，

目前已经提供的有 active , info , warning 与 danger.

为了更好的控制样式，如单元格合并居中等，时间表不推荐使用 Markdown 语法。

如何链接/引用内部文件

由于项目存在 baseurl, 为确保 src 资源路径正确，请统一采用如下写法：

src  = "{{ "/url.file" | prepend: site.baseurl }}"
href = "{{ "/url.file" | prepend: site.baseurl }}"

其中 /url.file 为相对根目录的路径，该语法将网站 baseurl 作为前缀进行了补全。

而在 CSS 等不会被渲染的文件中直接使用资源相对路径即可，如 url("../img/bg-pattern.png").

其它维护说明

Jekyll 引擎支持以 Markdown 语法进行渲染，即使用 .md 文件代替 .html 文件。

想要触发模板渲染机制，请使用 YAML 头写法，例如：

---
layout: default
---

.md 文件中可以混用 Markdown 与 HTML 语法，常用于图片参数，居中等情况。

默认网页渲染格式参考 default.html 文件：

<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "zh" }}">

{% include head.html %}

<body>

    {% include header.html %}

    <div class="page-content">
        <div class="wrap">
            {{ content }}
        </div>
    </div>

    {% include footer.html %}

    <!-- JavaScript -->
    <script src="https://github.com/HDUMIL/summer-school/raw/master/{url}.js"></script>
</body>

</html>

注意事项：