Website of Siyang Liu Lab

https://liusylab.org/

git clone --recursive [email protected]:XXXXX

# 更新子模块
git submodule update --remote
#git submodule update --init --recursive

Build

hugo new site liusylab.org hugo new about.md hugo new post/hello_world.md

启动 hugo 本地运行，测试

#hugo server --theme=hyde --minify --buildDrafts -w
hugo server --minify --buildDrafts -w

Abuout website

├─archetypes 
├─content         # 放markdown文章
├─data            # 放数据
├─layouts         # 放网站模板文件
├─static          # 放图片、css、js等静态资源
├─themes          # 放下载的主题
└─config.toml     # 网站的配置文件，也支持YAML格式的config.yaml或JSON格式的config.json

如何添加 image gallery

教程：https://hugocodex.org/add-ons/image-gallery 通过 shortcodes 调用

Shortcode installation

• Step 1. Download the file image-gallery.html
• Step 2. Save the file in the ‘layouts/shortcodes directory of your project
• Step 3. Add the following line to your content on the place where you want the image gallery to appear:

{{< image-gallery gallery_dir="album" >}}

工具

https://github.com/wowchemy/wowchemy-hugo-themes

• Hugo Academic CLI: Automatically import academic publications from BibTeX
• Awesome Hugo: Scripts to help migrate content to new versions of Hugo

Awesome hugo

https://github.com/theNewDynamic/awesome-hugo

• Build Websites with Hugo. Fast Web Development with Markdown
• Hugo in Action - Static sites and dynamic Jamstack apps

Hugo ICON

• https://github.com/hugo-mods/icons
• https://fontawesome.com/

配置实验室网站的例子

• https://www.youtube.com/watch?v=X4KzvWMKYaY

参考

https://www.gohugo.org/ hugo 的工作原理 https://hugo.aiaide.com/post/hugo%E7%9A%84%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86/ 主题： https://github.com/wowchemy/starter-hugo-research-group

• wowchemy academic tutorial
• Example
• CAI4CAI 实验室例子
• hugo搭建个人博客1-基础建站
• 搭建教学教程网站的例子
• 教程网站
• doudnalab.org
• douymlab

封面风格

• http://www.circos.ca/images/mastheads/