feat: add support for blockquote alerts (#1072)

razonyang · Oct 9, 2024 · c9fcc75 · c9fcc75
1 parent f523716
commit c9fcc75
Show file tree

Hide file tree

Showing 26 changed files with 518 additions and 2 deletions.
diff --git a/assets/icons/index.js b/assets/icons/index.js
@@ -59,6 +59,7 @@ import {
   faEdit,
   faEllipsisH,
   faEnvelope,
+  faExclamationCircle,
   faExclamationTriangle,
   faExpand,
   faExpandAlt,
@@ -121,6 +122,7 @@ let icons = [
   faEdit,
   faEllipsisH,
   faEnvelope,
+  faExclamationCircle,
   faExclamationTriangle,
   faExpand,
   faExpandAlt,

diff --git a/config.toml b/config.toml
@@ -1,7 +1,7 @@
 [module]
 [module.hugoVersion]
 extended = true
-min = "0.128.0"
+min = "0.134.0"
 
 [params]
 sass_transpiler = "libsass" # dartsass is recommended, since libsass is deprecated.

diff --git a/exampleSite/content/posts/markdown-syntax/index.ar.md b/exampleSite/content/posts/markdown-syntax/index.ar.md
@@ -68,6 +68,50 @@ authors = ["Hugo"]
 
 [^1]: هذا النص مقتبس من لا شيء.
 
+### Blockquote Alerts
+
+```markdown
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+```
+
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+
 ## الجداول
 
 يدعم هوجو كتابة الجداول على الرغم من أنها ليست جزءًا من المواصفات القياسية للغة ماركداون.

diff --git a/exampleSite/content/posts/markdown-syntax/index.fr.md b/exampleSite/content/posts/markdown-syntax/index.fr.md
@@ -63,6 +63,50 @@ The blockquote element represents content that is quoted from another source, op
 
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
+### Blockquote Alerts
+
+```markdown
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+```
+
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

diff --git a/exampleSite/content/posts/markdown-syntax/index.md b/exampleSite/content/posts/markdown-syntax/index.md
@@ -63,6 +63,50 @@ The blockquote element represents content that is quoted from another source, op
 
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
+### Blockquote Alerts
+
+```markdown
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+```
+
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

diff --git a/exampleSite/content/posts/markdown-syntax/index.zh-hans.md b/exampleSite/content/posts/markdown-syntax/index.zh-hans.md
@@ -63,6 +63,50 @@ The blockquote element represents content that is quoted from another source, op
 
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
+### Blockquote Alerts
+
+```markdown
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+```
+
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

diff --git a/exampleSite/content/posts/markdown-syntax/index.zh-hant.md b/exampleSite/content/posts/markdown-syntax/index.zh-hant.md
@@ -63,6 +63,50 @@ The blockquote element represents content that is quoted from another source, op
 
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
+### Blockquote Alerts
+
+```markdown
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+```
+
+> [!NOTE]
+> Useful information that users should know, even when skimming content.
+
+> [!TIP]
+> Helpful advice for doing things better or more easily.
+
+> [!IMPORTANT]
+> Key information users need to know to achieve their goal.
+
+> [!WARNING]
+> Urgent info that needs immediate user attention to avoid problems.
+
+> [!CAUTION]
+> Advises about risks or negative outcomes of certain actions.
+
+> [!QUESTION]+ Can alerts be foldable?
+> Yes, they can, you just need to append the `+` or `-` sign to the type.
+>
+> Click the heading to preview.
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

diff --git a/i18n/ar.toml b/i18n/ar.toml
@@ -10,6 +10,21 @@ other = "عنّي"
 [actions]
 other = "الإجراءات"
 
+[alert_caution]
+other = 'Caution'
+
+[alert_important]
+other = 'Important'
+
+[alert_note]
+other = 'Note'
+
+[alert_tip]
+other = 'Tip'
+
+[alert_warning]
+other = 'Warning'
+
 [alipay]
 other = "علي باي"
 

diff --git a/i18n/de.toml b/i18n/de.toml
@@ -10,6 +10,21 @@ other = "Über mich"
 [actions]
 other = "Aktionen"
 
+[alert_caution]
+other = 'Caution'
+
+[alert_important]
+other = 'Important'
+
+[alert_note]
+other = 'Note'
+
+[alert_tip]
+other = 'Tip'
+
+[alert_warning]
+other = 'Warning'
+
 [alipay]
 other = "Alipay"
 

diff --git a/i18n/en.toml b/i18n/en.toml
@@ -10,6 +10,21 @@ other = "About Me"
 [actions]
 other = "Actions"
 
+[alert_caution]
+other = 'Caution'
+
+[alert_important]
+other = 'Important'
+
+[alert_note]
+other = 'Note'
+
+[alert_tip]
+other = 'Tip'
+
+[alert_warning]
+other = 'Warning'
+
 [alipay]
 other = "Alipay"
 

diff --git a/i18n/es.toml b/i18n/es.toml
@@ -10,6 +10,21 @@ other = "Sobre Mí"
 [actions]
 other = "Acciones"
 
+[alert_caution]
+other = 'Caution'
+
+[alert_important]
+other = 'Important'
+
+[alert_note]
+other = 'Note'
+
+[alert_tip]
+other = 'Tip'
+
+[alert_warning]
+other = 'Warning'
+
 [alipay]
 other = "Alipay"
 

diff --git a/i18n/fr.toml b/i18n/fr.toml
@@ -1,6 +1,21 @@
 [about_me]
 other = "À propos"
 
+[alert_caution]
+other = 'Caution'
+
+[alert_important]
+other = 'Important'
+
+[alert_note]
+other = 'Note'
+
+[alert_tip]
+other = 'Tip'
+
+[alert_warning]
+other = 'Warning'
+
 [alipay]
 other = "Alipay"