al-folio

一个简洁、清爽且响应式的Jekyll主题，专为学者设计。

</div>

用户社区

al-folio的活跃用户社区正在不断壮大！世界各地的学者们使用这个主题来创建他们的个人主页、博客、实验室页面，以及课程、研讨会、会议、聚会等网页。请查看下方的社区网页列表。欢迎通过提交PR的方式添加您自己的页面。

<table> <tr> <td>学者</td> <td> <a href="https://martinbulla.github.io" target="_blank">★</a> <a href="https://maruan.alshedivat.com" target="_blank">★</a> <a href="https://www.cs.columbia.edu/~chen1ru/" target="_blank">★</a> <a href="https://maithraraghu.com" target="_blank">★</a> <a href="https://platanios.org" target="_blank">★</a> <a href="https://otiliastr.github.io" target="_blank">★</a> <a href="https://www.maths.dur.ac.uk/~sxwc62/" target="_blank">★</a> <a href="https://jessachandler.com/" target="_blank">★</a> <a href="https://mayankm96.github.io/" target="_blank">★</a> <a href="https://markdean.info/" target="_blank">★</a> <a href="https://kakodkar.github.io/" target="_blank">★</a> <a href="https://sahirbhatnagar.com/" target="_blank">★</a> <a href="https://spd.gr/" target="_blank">★</a> <a href="https://jay-sarkar.github.io/" target="_blank">★</a> <a href="https://aborowska.github.io/" target="_blank">★</a> <a href="https://aditisgh.github.io/" target="_blank">★</a> <a href="https://alexhaydock.co.uk/" target="_blank">★</a> <a href="https://alixkeener.net/" target="_blank">★</a> <a href="https://andreea7b.github.io/" target="_blank">★</a> <a href="https://rishabhjoshi.github.io/" target="_blank">★</a> <a href="https://sheelabhadra.github.io/" target="_blank">★</a> <a href="https://giograno.me/" target="_blank">★</a> <a href="https://immsrini.github.io/" target="_blank">★</a> <a href="https://apooladian.github.io/" target="_blank">★</a> <a href="https://chinmoy-dutta.github.io/" target="_blank">★</a> <a href="https://liamcli.com/" target="_blank">★</a> <a href="https://yoonholee.com/" target="_blank">★</a> <a href="https://zrqiao.github.io/" target="_blank">★</a> <a href="https://abstractgeek.github.io/" target="_blank">★</a> <a href="https://www.compphys.de/" target="_blank">★</a> <a href="https://julianstreyczek.github.io" target="_blank">★</a> <a href="https://sdaza.com" target="_blank">★</a> <a href="https://niweera.gq" target="_blank">★</a> <a href="https://www.alihkw.com" target="_blank">★</a> <a href="https://amirpourmand.ir" target="_blank">★</a> <a href="https://scottleechua.github.io" target="_blank">★</a> <a href="https://sk1y101.github.io" target="_blank">★</a> <a href="https://yyang768osu.github.io" target="_blank">★</a> <a href="https://veedata.github.io" target="_blank">★</a> <a href="https://K-Wu.github.io" target="_blank">★</a> <a href="https://amalawilson.com" target="_blank">★</a> <a href="https://tirtharajdash.github.io" target="_blank">★</a> <a href="https://carolinacarreira.github.io" target="_blank">★</a> <a href="https://manandey.github.io" target="_blank">★</a> <a href="https://johanneshoerner.github.io" target="_blank">★</a> <a href="https://ioannismavromatis.com" target="_blank">★</a> <a href="https://taidnguyen.github.io" target="_blank">★</a> <a href="https://lbugnon.github.io" target="_blank">★</a> <a href="https://joahannes.github.io" target="_blank">★</a> <a href="https://dominikstrb.github.io" target="_blank">★</a> <a href="https://tylerbarna.com" target="_blank">★</a> <a href="https://daviddmc.github.io/" target="_blank">★</a> <a href="https://andreaskuster.ch/" target="_blank">★</a> <a href="https://ellisbrown.github.io/" target="_blank">★</a> <a href="https://noman-bashir.github.io/" target="_blank">★</a> <a href="https://djherron.github.io/" target="_blank">★</a> <a href="https://rodosingh.github.io/" target="_blank">★</a> <a href="https://vdivakar.github.io/" target="_blank">★</a> <a href="https://george-gca.github.io/" target="_blank">★</a> <a href="https://bashirkazimi.github.io/" target="_blank">★</a> <a href="https://dohaison.github.io/" target="_blank">★</a> <a href="https://raphaaal.github.io/" target="_blank">★</a> <a href="https://varuniyer.info/" target="_blank">★</a> <a href="https://yukimasano.github.io/" target="_blank">★</a> <a href="https://hashe037.github.io/" target="_blank">★</a> <a href="https://wang-boyu.github.io/" target="_blank">★</a> <a href="https://qingqingchen.info" target="_blank">★</a> <a href="https://bajinsheng.github.io/" target="_blank">★</a> <a href="https://www.silviofanzon.com/" target="_blank">★</a> <a href="https://kaikaiyao.github.io/" target="_blank">★</a> <a href="https://alchemz.github.io/" target="_blank">★</a> <a href="https://samadamday.com/" target="_blank">★</a> <a href="https://fanpu.io/" target="_blank">★</a> <a href="https://abigalekim.github.io/" target="_blank">★</a> <a href="https://lucasresck.github.io/" target="_blank">★</a> <a href="https://users.wpi.edu/~lfichera/" target="_blank">★</a> <a href="https://anmspro.github.io/" target="_blank">★</a> <a href="https://berlyne.net/" target="_blank">★</a> <a href="https://filippomazzoli.github.io/" target="_blank">★</a> <a href="https://www.escontrela.me/" target="_blank">★</a> <a href="https://raffaem.github.io/" target="_blank">★</a> <a href="https://cbueth.de/" target="_blank">★</a> <a href="https://kyleaoman.github.io/" target="_blank">★</a> <a href="https://decwest.github.io/" target="_blank">★</a> <a href="https://www.jedburkat.com" target="_blank">★</a> <a href="https://hrzhang.me" target="_blank">★</a> <a href="https://kudhru.github.io/" target="_blank">★</a> <a href="https://mbarbetti.github.io/" target="_blank">★</a> <a href="https://www.zhivotenko.com/" target="_blank">★</a> <a href="https://giordanodaloisio.github.io/" target="_blank">★</a> <a href="https://aadityaura.github.io/" target="_blank">★</a> <a href="https://abhinav-mehta.github.io/" target="_blank">★</a> <a href="https://shubhashisroydipta.com/" target="_blank">★</a> <a href="https://astanziola.github.io" target="_blank">★</a> <a href="https://tinkerer.in" target="_blank">★</a> <a href="https://sam-bieberich.github.io/" target="_blank">★</a> <a href="https://afraniomelo.github.io/en/" target="_blank">★</a> <a href="https://jonaruthardt.github.io" target="_blank">★</a> <a href="https://www.zla.app/" target="_blank">★</a> <a href="https://stavros.github.io" target="_blank">★</a> <a href="https://ericslyman.com" target="_blank">★</a> <a href="https://ztjona.github.io/" target="_blank">★</a> <a href="https://chrischoi314.github.io" target="_blank">★</a> <a href="https://riccobelli.faculty.polimi.it" target="_blank">★</a> <a href="https://kishanved.tech/" target="_blank">★</a> <a href="https://abhilesh.github.io/" target="_blank">★</a> <a href="https://jackjburnett.github.io/" target="_blank">★</a> <a href="https://physics-morris.github.io/" target="_blank">★</a> <a href="https://sraf.ir" target="_blank">★</a> <a href="https://acad.garywei.dev/" target="_blank">★</a> <a href="https://tonideleo.github.io/" target="_blank">★</a> <a href="https://alonkellner.com/" target="_blank">★</a> <a href="http://berylbir.github.io/" target="_blank">★</a> </td> </tr> <tr> <td>实验室</td> <td> <a href="https://www.haylab.caltech.edu/" target="_blank">★</a> <a href="https://sjkimlab.github.io/" target="_blank">★</a> <a href="https://systemconsultantgroup.github.io/scg-folio/" target="_blank">★</a> <a href="https://decisionlab.ucsf.edu/" target="_blank">★</a> <a href="https://programming-group.com/" target="_blank">★</a> <a href="https://sailing-lab.github.io/" target="_blank">★</a> <a href="https://inbt.jhu.edu/epidiagnostics/" target="_blank">★</a> <a href="https://www.nuesl.org/" target="_blank">★</a> <a href="https://big-culture.github.io/" target="_blank">★</a> </td> </tr> <tr> <td>课程</td> <td> CMU PGM (<a href="https://sailinglab.github.io/pgm-spring-2019/" target="_blank">2019春季</a>) CMU DeepRL (<a href="https://cmudeeprl.github.io/403_website/" target="_blank">2021春季</a>, <a href="https://cmudeeprl.github.io/703website_f21/" target="_blank">2021秋季</a>, <a href="https://cmudeeprl.github.io/403website_s22/" target="_blank">2022春季</a>, <a href="https://cmudeeprl.github.io/703website_f22/" target="_blank">2022秋季</a>, <a href="https://cmudeeprl.github.io/403website_s23/" target="_blank">2023春季</a>, <a href="https://cmudeeprl.github.io/703website_f23/" target="_blank">2023秋季</a>) CMU MMML (<a href="https://cmu-multicomp-lab.github.io/mmml-course/fall2020/" target="_blank">2020秋季</a>, <a href="https://cmu-multicomp-lab.github.io/mmml-course/fall2022/" target="_blank">2022秋季</a>) CMU AMMML (<a href="https://cmu-multicomp-lab.github.io/adv-mmml-course/spring2022/" target="_blank">2022春季</a>, <a href="https://cmu-multicomp-lab.github.io/adv-mmml-course/spring2023/" target="_blank">2023春季</a>) CMU ASI (<a href="https://cmu-multicomp-lab.github.io/asi-course/spring2023/" target="_blank">2023春季</a>) CMU 分布式系统 (<a href="https://andrew.cmu.edu/course/15-440/" target="_blank">2024春季</a>) </td> </tr> <tr> <td>会议与研讨会</td> <td> ICLR 博客文章专题 (<a href="https://iclr-blogposts.github.io/2023/" target="_blank">2023</a>, <a href="https://iclr-blogposts.github.io/2024/about" target="_blank">2024</a>) ML回顾（NeurIPS：<a href="https://ml-retrospectives.github.io/neurips2019/" target="_blank">2019</a>，<a href="https://ml-retrospectives.github.io/neurips2020/" target="_blank">2020</a>；ICML：<a href="https://ml-retrospectives.github.io/icml2020/" target="_blank">2020</a>） HAMLETS（NeurIPS：<a href="https://hamlets-workshop.github.io/" target="_blank">2020</a>） ICBINB（NeurIPS：<a href="https://i-cant-believe-its-not-better.github.io/" target="_blank">2020</a>，<a href="https://i-cant-believe-its-not-better.github.io/neurips2021/" target="_blank">2021</a>） 神经压缩（ICLR：<a href="https://neuralcompression.github.io/" target="_blank">2021</a>） 基于得分的方法（NeurIPS：<a href="https://score-based-methods-workshop.github.io/" target="_blank">2022</a>） 图像到符号（CogSci：<a href="https://images2symbols.github.io/" target="_blank">2022</a>） 医疗机器人青年教师论坛（ISMR：<a href="https://junior-forum-ismr.github.io/" target="_blank">2023</a>） 超越视觉：物理学遇上人工智能（ICIAP：<a href="https://physicsmeetsai.github.io/beyond-vision/" target="_blank">2023</a>） 扩散模型研讨会（NeurIPS：<a href="https://diffusionworkshop.github.io/" target="_blank">2023</a>） 结构化概率推理与生成建模研讨会（ICML：<a href="https://spigmworkshop.github.io/" target="_blank">2023</a>，<a href="https://spigmworkshop2024.github.io/" target="_blank">2024</a>） </td> </tr> </table> ## Lighthouse PageSpeed Insights

桌面版

自行运行测试：Google Lighthouse PageSpeed Insights

移动版

自行运行测试：Google Lighthouse PageSpeed Insights

入门

想了解更多关于Jekyll的信息？查看这个教程。为什么选择Jekyll？阅读Andrej Karpathy的博客文章！为什么要写博客？阅读Rachel Thomas的博客文章。

安装和部署

有关安装和部署的详细信息，请参阅INSTALL.md。

自定义

有关自定义的详细信息，请参阅CUSTOMIZE.md。

特性

明暗模式

此模板内置明暗模式。它会检测用户首选的配色方案并自动切换。您也可以通过点击页面右上角的太阳/月亮图标手动切换明暗模式。

简历

目前有两种不同的方式生成简历页面内容。第一种是使用位于assets/json/resume.json的json文件。这是一种已知标准，用于以编程方式创建简历。第二种方式，目前作为json文件未找到时的备选方案，是使用位于_data/cv.yml的yml文件。这是创建简历页面内容的原始方式，由于它比json文件更易读，我们决定将其保留为一个选项。

这意味着，如果在_config.yml中没有定义简历数据并通过json文件加载，它将加载_data/cv.yml的内容作为备选。

人员

如果您想展示多人信息，可以创建一个人员页面。每个人都可以有自己的简短介绍、个人照片，您还可以设置每个人是否出现在同一侧或相对侧。

出版物

您的出版物页面是根据BibTex参考文献自动生成的。只需编辑_bibliography/papers.bib即可。您还可以添加新的*.bib文件，并通过编辑_pages/publications.md来自定义出版物的外观。默认情况下，出版物将按年份排序，最新的显示在最前面。您可以在_config.yml文件的Jekyll Scholar部分更改这种行为和更多设置。

您可以为出版物添加额外信息，比如在assets/pdf/目录中的PDF文件，并在BibTeX条目中使用pdf字段添加PDF文件的路径。一些支持的字段包括：abstract、altmetric、arxiv、bibtex_show、blog、code、dimensions、doi、eprint、html、isbn、pdf、pmid、poster、slides、supp、video和website。

集合

这个Jekyll主题实现了"集合"功能，让你可以将工作分类。主题自带两个默认集合："新闻"和"项目"。"新闻"集合中的项目会自动显示在主页上。"项目"集合中的项目会以响应式网格形式显示在项目页面上。

你可以轻松创建自己的集合，如应用、短篇小说、课程，或任何你的创意作品。要做到这一点，只需编辑_config.yml文件中的集合，创建相应的文件夹，并为你的集合创建一个登陆页面，类似于_pages/projects.md。

布局

al-folio提供了页面和博客文章的时尚布局。

Distill的标志性风格

该主题允许你创建distill.pub风格的博客文章：

关于如何使用<d-*>标签创建Distill风格的文章，请参考这个例子。

全面支持数学公式和代码

al-folio通过MathJax支持快速数学排版，并使用GitHub风格进行代码语法高亮。还支持chartjs图表、mermaid图表和TikZ图形。

照片、音频、视频等

照片排版使用Bootstrap的网格系统变得简单。轻松在博客文章和项目页面中创建美观的网格，还支持视频和音频嵌入：

其他功能

GitHub仓库和用户统计

al-folio使用github-readme-stats和github-profile-trophy在/repositories/页面显示GitHub仓库和用户统计信息。

编辑_data/repositories.yml并更改github_users和github_repos列表，以在/repositories/页面包含你自己的GitHub个人资料和仓库。

你也可以使用以下代码在任何其他页面显示这些内容。

<!-- GitHub用户代码 -->
{% if site.data.repositories.github_users %}
<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
  {% for user in site.data.repositories.github_users %} {% include repository/repo_user.liquid username=user %} {% endfor %}
</div>
{% endif %}

<!-- GitHub奖杯代码 -->
{% if site.repo_trophies.enabled %} {% for user in site.data.repositories.github_users %} {% if site.data.repositories.github_users.size > 1 %}
<h4>{{ user }}</h4>
{% endif %}
<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
  {% include repository/repo_trophies.liquid username=user %}
</div>
{% endfor %} {% endif %}

<!-- GitHub仓库代码 -->
{% if site.data.repositories.github_repos %}
<div class="repositories d-flex flex-wrap flex-md-row flex-column justify-content-between align-items-center">
  {% for repo in site.data.repositories.github_repos %} {% include repository/repo.liquid repository=repo %} {% endfor %}
</div>
{% endif %}

主题

为你精心挑选了多种美丽的主题颜色供选择。默认为紫色，但你可以通过编辑_sass/_themes.scss文件中的--global-theme-color变量快速更改。其他颜色变量也列在那里。可用的库存主题颜色选项可以在_sass/_variables.scss中找到。你还可以在此文件中添加自己的颜色，为每种颜色分配一个名称，以便在整个模板中轻松使用。

社交媒体预览

al-folio支持社交媒体预览图。要启用此功能，你需要在_config.yml中将serve_og_meta设置为true。一旦完成，你网站的所有页面都将在HTML头部元素中包含Open Graph数据。然后，你需要配置在网站的社交媒体预览中显示的图片。这可以通过设置每个页面的og_image变量来实现。如果某个页面没有设置这个变量，主题将会使用在_config.yml中配置的全站og_image变量作为后备选项。无论是页面特定还是全站范围的设置，og_image变量都需要包含你希望在社交媒体预览中显示的图片URL。

Atom（类RSS）订阅

它会生成一个Atom（类RSS）格式的文章订阅源，适用于Atom和RSS阅读器。只需在你的主页地址后添加/feed.xml即可访问订阅源。例如，假设你的网站根目录是主文件夹，你可以输入yourusername.github.io/feed.xml来访问。

默认情况下，博客文章底部会显示相关文章部分。这些相关文章是通过选择最近的max_related篇文章中，与当前文章至少共享min_common_tags个标签的文章生成的。如果你不想在特定文章中显示相关文章，只需在该文章的前置元数据中添加related_posts: false。如果你想对所有文章禁用此功能，只需在_config.yml的related_blog_posts部分将enabled设置为false。