fix: Responsive images in markdown content #3

filipecarneiro · Jan 13, 2024 · a8a3389 · a8a3389
1 parent 878817f
commit a8a3389
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 0 deletions.
diff --git a/archetypes/posts.md b/archetypes/posts.md
@@ -11,3 +11,4 @@ author: ""
 ---
 
 ![{{ replace .Name "-" " " | title }}]({{ .Name | urlize }}.jpg)
+{ .img-fluid }
diff --git a/exampleSite/config/_default/markup.toml b/exampleSite/config/_default/markup.toml
@@ -13,6 +13,7 @@ defaultMarkdownHandler = "goldmark"
 
   [goldmark.parser]
     autoHeadingID = true
+    wrapStandAloneImageWithinParagraph = false
 
     [goldmark.parser.attribute]
       block = true

diff --git a/exampleSite/content/page/hugo-front-matter/index.md b/exampleSite/content/page/hugo-front-matter/index.md
@@ -18,6 +18,7 @@ Hugo allows you to add front matter in yaml, toml, or json to your content files
 **Front matter** allows you to keep metadata attached to an instance of a content type—i.e., embedded inside a content file—and is one of the many features that gives Hugo its strength.
 
 ![Banner](hugo-front-matter.jpg)
+{ .img-fluid }
 
 ## Front Matter Variables
 

diff --git a/exampleSite/content/page/markdown-cheat-sheet/index.md b/exampleSite/content/page/markdown-cheat-sheet/index.md
@@ -112,6 +112,7 @@ You can refer to the table below for an overview of basic markdown syntax:
 [Hyperlink](http://example.com)
 
 ![Image](placeholder-50-09f-fff.png)
+{ .img-fluid }
 ```
 
 **Bold**
@@ -133,6 +134,7 @@ You can refer to the table below for an overview of basic markdown syntax:
 [Hyperlink](http://example.com)
 
 ![Image](placeholder-50-09f-fff.png)
+{ .img-fluid }
 
 ---
 

diff --git a/exampleSite/content/post/bootstrap-5-2-0-beta/index.md b/exampleSite/content/post/bootstrap-5-2-0-beta/index.md
@@ -12,6 +12,7 @@ noindex: true
 ---
 
 ![Bootstrap 5 2 0 Beta](bootstrap-5-2-0-beta.png)
+{ .img-fluid }
 
 > It’s the biggest release since v5 itself—**Bootstrap v5.2.0-beta1 is here!** This release features redesigned docs, CSS variables for all our components, responsive offcanvas, new helpers and utilities, refined buttons and inputs, and lots of improvements under the hood.
 

diff --git a/exampleSite/content/post/bootstrap-5-3-0/index.md b/exampleSite/content/post/bootstrap-5-3-0/index.md
@@ -11,6 +11,7 @@ authors: ["Mark Otto"]
 ---
 
 ![Bootstrap 5 3](bootstrap-5-3.png)
+{ .img-fluid }
 
 > It’s official, the final stable release of v5.3.0 has landed! It’s been a monumental effort to revamp our codebase for CSS variables and color modes, one that will see continued changes leading up to an eventual Bootstrap 6. And we’re so excited to finally ship it!
 

diff --git a/exampleSite/content/post/hugo-v0-100/index.md b/exampleSite/content/post/hugo-v0-100/index.md
@@ -11,6 +11,7 @@ authors: ["Bjørn Erik Pedersen"]
 ---
 
 ![Hugo](hugo-logo.svg)
+{ .img-fluid .mb-5 }
 
 This release is mostly motivated by the fix for the panic experienced by people having blackfriday configured as defaultMarkdownHandler ([#9968](https://github.com/gohugoio/hugo/issues/9968)). The Blackfriday support was removed in Hugo v0.100.0 after being deprecated with a warning for a long time.
 

diff --git a/exampleSite/content/post/hugo-v0-119/index.md b/exampleSite/content/post/hugo-v0-119/index.md
@@ -11,6 +11,7 @@ authors: ["Bjørn Erik Pedersen"]
 ---
 
 ![Hugo](hugo-logo.svg)
+{ .img-fluid .mb-5}
 
 This version is built with Go 1.21.1 which contains some relevant security fixes for the html/template package, see [Issue 62196](https://github.com/golang/go/issues/62196) and [Issue 62197](https://github.com/golang/go/issues/62197). This is the main reason Hugo 0.119.0 is released sooner rather than later. But this release also comes with a dependency refresh and some useful image processing improvements:
 

diff --git a/exampleSite/content/post/hugo-v0-99/index.md b/exampleSite/content/post/hugo-v0-99/index.md
@@ -13,6 +13,7 @@ aliases:
 ---
 
 ![Hugo](hugo-logo.svg)
+{ .img-fluid .mb-5 }
 
 Fix server regression for multihost sites (multiple languages with different baseURLs).
Original file line number	Diff line number	Diff line change
Expand Up		@@ -11,3 +11,4 @@ author: ""
		---

		![{{ replace .Name "-" " " \| title }}]({{ .Name \| urlize }}.jpg)
		{ .img-fluid }
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ noindex: true @@
     ---
     ![Bootstrap 5 2 0 Beta](bootstrap-5-2-0-beta.png)
+    { .img-fluid }
     > It’s the biggest release since v5 itself—**Bootstrap v5.2.0-beta1 is here!** This release features redesigned docs, CSS variables for all our components, responsive offcanvas, new helpers and utilities, refined buttons and inputs, and lots of improvements under the hood.
@@ Expand Down @@