Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/airinghost/hugo-theme-icarus-lite

一款单栏 Hugo 主题（基于 Hexo 主题 Icarus 的卡片样式制作）。A single-column Hugo theme based on the Hexo theme Icarus's card style.
https://github.com/airinghost/hugo-theme-icarus-lite

hugo-blog-theme hugo-theme

Last synced: 2 months ago
JSON representation

一款单栏 Hugo 主题（基于 Hexo 主题 Icarus 的卡片样式制作）。A single-column Hugo theme based on the Hexo theme Icarus's card style.

Host: GitHub
URL: https://github.com/airinghost/hugo-theme-icarus-lite
Owner: airinghost
License: mit
Created: 2021-10-15T16:10:40.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-01-07T07:03:17.000Z (almost 2 years ago)
Last Synced: 2024-09-29T05:41:21.059Z (3 months ago)
Topics: hugo-blog-theme, hugo-theme
Language: HTML
Homepage: https://icarus-lite.zhangjet.com/
Size: 1.15 MB
Stars: 26
Watchers: 2
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        





Icarus-Lite





	A single-column Hugo theme based on the Hexo theme Icarus's card style





	中文说明



![](https://icarus-lite.zhangjet.com/images/tn.png)

## Features

Card style - Every post or note can be a card.

Single HTML file - Fully inline or internal Style Sheet and JavaScript.

## Demo

https://icarus-lite.zhangjet.com/

## Documentation

Read [exampleSite configuration](https://github.com/airinghost/hugo-theme-icarus-lite/blob/main/exampleSite/config.yaml).

Please don't hesitate to start [Discussions](https://github.com/airinghost/hugo-theme-icarus-lite/discussions) in this repo if any questions or problems.

[Issues](https://github.com/airinghost/hugo-theme-icarus-lite/issues) also welcomed if any bugs found.

## Tips

### (1) Front Matter

Set `hidden: true` (YAML) / `hidden = true` (TOML) to hide the file from the index (homepage) view (i.e. posts using index.html template).

Set `date_hidden: true` to remove the date from the article.

Set `title_hidden: true` to remove the title from the article.

Set `read_more: true` to add a button at the bottom left-hand of the article card in index or list views; the button text is set at [Params] section in Config file, you can change it globally.

Set `read_more_txt: customText` to overwrite the text for the read-more button mentioned above.

Set `link_go: http://example.com` and `link_txt: customText` to add a button at the bottom left-hand of the article card in index or list views; it would open the link you set in a new tab in the browser.  

Set `link_same: true` to open this link in the current tab.

Set `no_summary: true` to disable the summary for the current post，i.e. to show the full content on the card（this can be set globally in the config）。

### (2) Body Text

Don't forget to insert <!--more--> manually to your post or page file to generate the preview (summary) of the article, and it would look better.

## Acknowledgments

- PPOffice's beautiful [Hexo theme Icarus](https://github.com/ppoffice/hexo-theme-icarus/).

- Pedro Lopez's [*Creating a Hugo Theme From Scratch*](https://retrolog.io/blog/creating-a-hugo-theme-from-scratch/) guided me to the basic structure of a Hugo theme.

- Janne Kemppainen's [*Implemement Hugo List and Taxonomy Pages*](https://pakstech.com/blog/hugo-list-page/) helped me a lot on pagination.

- Tencent's [404 project](https://www.qq.com/404/).

- Jeremy Thomas's [minireset.css](https://github.com/jgthms/minireset.css/).

- Cai Jimmy's [Stack](https://github.com/CaiJimmy/hugo-theme-stack/), a great card-style Hugo theme I like very much. And I made a use of some codes from his work, such as the main section at index template.

- Gimo's [futu](https://github.com/masakichi/futu/). I made a use of some codes from his work at navbar template.

- GoHugo's [GoHugo Sites Theme](https://github.com/gohugoio/gohugoioTheme). Its stylesheets for codeblock and table are useful.

- filament group's [*The Simplest Way to Load CSS Asynchronously*](https://www.filamentgroup.com/lab/load-css-simpler/) and Sukka's [*Improve FCP for My Blog*](https://blog.skk.moe/post/improve-fcp-for-my-blog/). I learnt a way of loading CSS files asynchronously from their posts.

- Aditya Telange's [PaperMod](https://github.com/adityatelange/hugo-PaperMod): Markdown Syntax test file。

- Oursky's [mockups generator](https://mockuphone.com/).

- Wikimedia Commons's [external link icon](https://commons.m.wikimedia.org/w/load.php?modules=skins.minerva.content.styles.images&image=a.external%2C+.mw-parser-output+a.external) and Yoksel's [Url encoder for SVG](https://github.com/yoksel/url-encoder/).

## P.S.

Hugo's `list.html` template enables us to build a list page in index(homepage) view. So if you are searching for the way to make Hexo generate pages like Hugo's list template, then I would like to recommend Jamling's work [`hexo-generator-index2`](https://github.com/Jamling/hexo-generator-index2).

## Repo Stats

[![HITS Unavailable](https://hits.dwyl.com/airinghost/hugo-theme-icarus-lite.svg?style=flat)](https://github.com/dwyl/hits)