An open API service indexing awesome lists of open source software.

https://github.com/shujiahuang/liusylab.org

The source code for the Siyang Liu lab website (Base on HUGO)
https://github.com/shujiahuang/liusylab.org

bioinformatics genetics genomics lab-website laboratory-information-management-system personal-website

Last synced: 6 months ago
JSON representation

The source code for the Siyang Liu lab website (Base on HUGO)

Awesome Lists containing this project

README

          

## Website of Siyang Liu Lab

```bash
git clone --recursive git@github.com: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 本地运行,测试

```bash
#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

教程:
通过 shortcodes 调用

**Shortcode installation**

- Step 1. Download the file [image-gallery.html](https://raw.githubusercontent.com/jhvanderschee/hugocodex/main/layouts/shortcodes/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:

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

```

## 工具

- [**Hugo Academic CLI**](https://github.com/wowchemy/hugo-academic-cli/): Automatically import academic publications from BibTeX
- [**Awesome Hugo**](https://github.com/wowchemy/awesome-hugo): Scripts to help migrate content to new versions of Hugo

## Awesome hugo

- [**Build Websites with Hugo. Fast Web Development with Markdown**](https://pragprog.com/titles/bhhugo/build-websites-with-hugo/)
- [**Hugo in Action - Static sites and dynamic Jamstack apps**](https://manning.com/books/hugo-in-action)

## Hugo ICON

-
-

## 配置实验室网站的例子

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

## 参考

>
> hugo 的工作原理
> 主题:

- [wowchemy academic tutorial](https://wowchemy.com/docs/hugo-tutorials/)
- [Example](https://wowchemy.com/creators/)
- [CAI4CAI 实验室例子](https://cai4cai.ml/)
- [hugo搭建个人博客1-基础建站](https://shuzang.github.io/2019/hugo-blog-build-personal-blog/)
- [搭建教学教程网站的例子](https://github.com/andrewheiss/datavizs21.classes.andrewheiss.com)
- [教程网站](https://github.com/kjhealy/socviz880.co)
- [doudnalab.org](https://doudnalab.org/)
- [douymlab](https://douymlab.github.io/)

## 封面风格

-