Added messasge tag.

scripts/tags/message.js

@@ -0,0 +1,60 @@
+/**
+ * Bulma Message Tag, see {@link https://bulma.io/documentation/components/message/}.
+ * @param {string} color The color of this message. Usable: dark, primary, link, info, success, warning, danger.
+ * @param {string} icon The icon of this message, can not be set.
+ * @param {string} title The header of this message, can not be set, supported Markdown.
+ * @param {string} styles Additional styles of this message, can not be set. Usable: [small, medium, large].
+ * @example
+ * {% message color:danger icon:info-circle 'title:Very danger!' style:small %}
+ *     **You are in danger.**
+ * {% endmessage %}
+ */
+hexo.extend.tag.register('message', function(args, content) {
+    var color = 'dark';
+    var icon = '';
+    var title = '';
+    var styles = '';
+    var header = '';
+    args.forEach(element => {
+        var key = element.split(':')[0];
+        var value = element.split(':')[1];
+        if (value != null && value != undefined && value != '') {
+            switch (key) {
+                case 'color':
+                    color = value;
+                    break;
+                case 'icon':
+                    icon = `<i class="fas fa-${value} mr-2"></i>`;
+                    break;
+                case 'title':
+                    title = value;
+                    break;
+                case 'style':
+                    var stylesArray = value.split(' ');
+                    var processed = [];
+                    stylesArray.forEach(styleElement, index => {
+                        if (styleElement != null && styleElement != undefined && styleElement != '') {
+                            processed.push(`is-${styleElement}`);
+                        }
+                    });
+                    styles = processed.join(' ');
+                    break;
+            }
+        }
+    });
+    if (icon != '' || title != '') {
+        header = `
+        <div class="message-header">
+            ${hexo.render.renderSync({text: icon + title, engine: 'markdown'})}
+        </div>
+        `
+    }
+    return `
+    <article class="message is-${color} ${styles}">
+        ${header}
+        <div class="message-body">
+        ${hexo.render.renderSync({text: content, engine: 'md'})}
+        </div>
+    </article>
+    `;
+}, { ends: true });