Gmail icon whoami
Categories
Changelog
Changelog v0.9.2 - 2022/02/25 Fix: reimplement terms-cloud to prevent size overflow (max size: 1.6 rem) v0.9.1 - 2022/02/25 Change: set terms-cloud max font size to 1.4 rem Fix: site search url from absLangURL to relLangURL v0.9.0 - 2022/01/31 Improve: search implementation hide the mismatch objects instead of removing it while searching widen the control range of search result Improve: gallery layout’s key and value now support markdown syntax Improve: Zooming.js configuration speed up animations setup transparent background Change: for consistency, the names of the following parameters are changed: page’s collapsibleTOC => collapsible_toc page’s collapsibleChangelogs => collapsible_changelogs Change: font-size of html is changed from 18px to 16px Add: breadcrumbs shortcode Add: list layout properties group_by_year and show_date Fix: terms-cloud typo (#4) v0.8.0 - 2021/07/29 Improve: flexsearch multilingual search capability Improve: widen the control range of navbar menu items Change: flexsearch can now search index pages Change: the post content in RSS is changed from summary to full text Add: collapsible TOC and Changelogs v0.7.1 - 2021/07/08 Change: adjust the style of changelogs Fix: flexsearch search API issue v0.7.0 - 2021/06/24 Bump dependencies version Add: changelogs property Add: support disqus for index page (turn off by default) Change: theme name from ‘Graytr’ to ‘Monochrome’ Change: improve navbar responsiveness Fix: widen the control range of navbar menu icon v0.6.2 - 2021/04/15 Fix: google search console authentication failed if ga code not in <head> Fix: clipboard-polyfill/text dependency resolved issue v0.6.1 - 2021/02/17 Fix: codepen shortcode id Change baseurl to example.com in exampleSite v0.6.0 - 2021/02/16 Support MathJax Add shortcodes: jsfiddle, codepen, color-block, icon-group, terms-cloud Add option: list_posts in list layout Fix: not register touchend event v0.5.0 - 2021/02/15 Support multilingual mode Add i18n Support Open Graph, Twitter Card Adjust svg-wrapper shortcode Add some social icons: facebook, github, twitter, rss, mail Support site search (powered by flexsearch) Disable unused features in tailwindcss (speedup building time) Reorganize parameters Remove default image to figure transformation, using built-in shortcode instead v0.4.0 - 2021/02/12 Support dark mode Add bookcase_cover_src_dark for bookcase layout Add balloon_img_src_dark for balloon layout Add shortcode: svg-wrapper Prism.js integration (v1.23.0) Code copy feature for code block v0.3.0 - 2021/02/10 Support nested navbar Implement default homepage layout Adjust the purpose of bookcase layout Remove catalog layout v0.2.0 - 2021/02/09 A better responsive navbar Implement default taxonomy and term layout Adjust article styles v0.1.0 - 2021/02/08 Initial release.
IFLCoding
Series
Setup
This document shows a brief guide to setup hugo-theme-monochrome in your hugo project.
Quick Start Install Hugo You need “extended” version of hugo to support SASS. Checkout Install Hugo for more details.
Take Linux for example:
1 snap install hugo --channel=extended The minimum hugo version that hugo-theme-monochrome required is 0.80.0
Create a New Site 1 hugo new site <project name> Add a Theme 1 2 3 cd <project name> git init git submodule add https://github.com/kaiiiz/hugo-theme-monochrome.git themes/hugo-theme-monochrome Then add theme = "hugo-theme-monochrome" to your config.toml
Setup Dependencies Prepare a composite package.json file for your project.
1 hugo mod npm pack Install dependencies
1 npm install Remember to ignore node_modules folder
Setup PostCSS hugo-theme-monochrome is powered by tailwindcss. For better quality of CSS purging in production, you should add the following config to your config.toml, or the default settings generated from demo site will be applied.
See CSS purging with PostCSS for more details.
1 2 [build] writeStats = true Customize the Theme See Configuration.
Start the Hugo server 1 hugo server Minify CSS and JS resources, PurgeCSS will also be applied. The minifier of JavaScript here is powered by ESBuild.
1 hugo server --environment production Build static pages Generate files to /public folder, --minify option can minify other resouces (e.g. HTML/XML/JSON…).
See Configure Minify to adjust the behavior of hugo minifier (powered by minify).
1 hugo --environment production --minify Deployment Push /public folder to your server. This site is built by using Github Action and Github Pages. The CI script is available here.
Run exampleSite 1 2 3 4 5 git clone https://github.com/kaiiiz/hugo-theme-monochrome cd hugo-theme-monochrome/exampleSite hugo --themesDir=../.. mod npm pack npm install hugo --themesDir=../.. server
Tags