Giter VIP home page Giter VIP logo

liusylab.org's Introduction

[The website of liusyLab]

<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 --minify --buildDrafts -w
hugo server --theme=hyde --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

参考

Hugo ICON

测试配置 meme 主题的例子

$ hugo new "posts/hello-world.md"
$ hugo new "about/_index.md"

配置实验室网站的例子

参考

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

封面风格参考

liusylab.org's People

Contributors

shujiahuang avatar

Stargazers

Hugo_lyu avatar Tuobang Li avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.