diff options
author | Zachary Betz <zwbetz@gmail.com> | 2018-12-06 23:25:51 +0300 |
---|---|---|
committer | Zachary Betz <zwbetz@gmail.com> | 2018-12-06 23:25:51 +0300 |
commit | 171642cb87e98a6f3e44253ef7affa848e3469f2 (patch) | |
tree | e0dd2cef378b3c6ee5042de3e4df63a03251f1d0 | |
parent | 657cd345f9dc89db1d07f85afe781482179f6ac3 (diff) |
Change override example. Clarify imgProc
-rw-r--r-- | README.md | 18 |
1 files changed, 10 insertions, 8 deletions
@@ -50,7 +50,7 @@ Demos: * [Menu Nav](#menu-nav) * [Favicon and Apple Touch Icon](#favicon-and-apple-touch-icon) * [Override](#override) - * [Navbar Example](#navbar-example) + * [Homepage Example](#homepage-example) * [Configure Cookie Consent](#configure-cookie-consent) * [Syntax Highlighting](#syntax-highlighting) * [Front Matter Dates](#front-matter-dates) @@ -388,13 +388,13 @@ To generate all these favicons from a single image, use the [RealFaviconGenerato ## Override -### Navbar Example +### Homepage Example -As an example, let's say you didn't like the default theme navbar, and wanted to design one of your own. To do this, you would: +As an example, let's say you didn't like the default homepage, and wanted to design one of your own. To do this, you would: -1. Copy file `YOUR_SITE/themes/minimal-bootstrap-hugo-theme/layouts/partials/nav.html` -1. Paste that file to `YOUR_SITE/layouts/partials/nav.html` -1. Edit `nav.html` as desired +1. Copy file `YOUR_SITE/themes/minimal-bootstrap-hugo-theme/layouts/index.html` +1. Paste that file to `YOUR_SITE/layouts/index.html` +1. Edit `index.html` as desired ### Configure Cookie Consent @@ -475,12 +475,14 @@ style="some-style" >}} ### `imgProc` -This will process an image from a [page bundle](https://gohugo.io/content-management/page-bundles/). To use it, pass the image name (`img`), command (`command`), and command options (`options`). +This will process an image from a [page bundle](https://gohugo.io/content-management/page-bundles/), then provide a link to the original image. To use it, pass the image name, command, and command options. -The `command` argument will be on of: `Resize`, `Fit`, `Fill`. See the [image processing](https://gohugo.io/content-management/image-processing/) docs for a deeper dive. +The `command` argument will be on of: `Resize`, `Fit`, `Fill`. See the [image processing](https://gohugo.io/content-management/image-processing/) docs for a deeper dive. These arguments are optional: `alt`, `class`, `style`. +The below example resizes an image to 800px width, while keeping the aspect ratio. + ``` {{< imgProc img="some-img.png" |