Merge pull request #1247 from FlowFuse/zj-blog-tags-improved

Blog tags: Add Dashboard, drop tips
FlowFuse · Oct 17, 2023 · ed25cf7 · ed25cf7
2 parents 561e5e5 + ade74d1
commit ed25cf7
Show file tree

Hide file tree

Showing 17 changed files with 34 additions and 9 deletions.
diff --git a/src/_data/blogTags.json b/src/_data/blogTags.json
@@ -10,9 +10,6 @@
 }, {
     "label": "How-To",
     "value": "how-to"
-}, {
-    "label": "Quick Tips",
-    "value": "tips"
 }, {
     "label": "Community",
     "value": "community"
@@ -22,4 +19,7 @@
 }, {
     "label": "News",
     "value": "news"
+}, {
+    "label": "Dashboard",
+    "value": "dashboard"
 }]
diff --git a/src/blog/2023/02/3-quick-node-red-tips-1.md b/src/blog/2023/02/3-quick-node-red-tips-1.md
@@ -8,7 +8,7 @@ image: /images/blog/nr-quicktips.jpg
 tags:
     - posts 
     - node-red
-    - tips
+    - how-to
 ---
 
 There is usually more than one way to complete a given task in software and Node-RED is no exception. In this blog post we are going to share three useful tips to save yourself time when working on your flows.

diff --git a/src/blog/2023/03/3-quick-node-red-tips-3.md b/src/blog/2023/03/3-quick-node-red-tips-3.md
@@ -8,7 +8,7 @@ image: /images/blog/nr-quicktips.jpg
 tags:
     - posts 
     - node-red
-    - tips
+    - how-to
 ---
 
 There is usually more than one way to complete a given task in software, and Node-RED is no exception. In each of this series of blog posts, we are going to share three useful tips to save yourself time when working on your flows.

diff --git a/src/blog/2023/03/3-quick-node-red-tips-5.md b/src/blog/2023/03/3-quick-node-red-tips-5.md
@@ -8,7 +8,7 @@ image: /images/blog/nr-quicktips.jpg
 tags:
     - posts 
     - node-red
-    - tips
+    - how-to
 ---
 
 There is usually more than one way to complete a given task in software, and Node-RED is no exception. In each of this series of blog posts, we are going to share three useful tips to save yourself time when working on your flows.

diff --git a/src/blog/2023/03/comparing-node-red-dashboards.md b/src/blog/2023/03/comparing-node-red-dashboards.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - node-red
     - community
+    - dashboard
 ---
 
 Dashboards are a great feature of Node-RED, allowing you to easily expose data visualisations and interactive elements of your flows to users via a web browser. I often see discussions in the community about which dashboard option is best for any given scenario, I wanted to compare the most popular options as they stand in early 2023.

diff --git a/src/blog/2023/04/3-quick-node-red-tips-6.md b/src/blog/2023/04/3-quick-node-red-tips-6.md
@@ -8,10 +8,11 @@ image: /images/blog/nr-quicktips.jpg
 tags:
     - posts 
     - node-red
-    - tips
+    - how-to
 ---
 
 There is usually more than one way to complete a given task in software, and Node-RED is no exception. In each of this series of blog posts, we are going to share three useful tips to save yourself time when working on your flows.
+
 <!--more-->
 
 ### 1. Subflows

diff --git a/src/blog/2023/05/persisting-chart-data-in-node-red.md b/src/blog/2023/05/persisting-chart-data-in-node-red.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - node-red
     - how-to
+    - dashboard
 ---
 
 Node-RED makes it easy to create HMI (Human Machine Interfaces) using the [Dashboard set of custom nodes](https://flows.nodered.org/node/node-red-dashboard).

diff --git a/src/blog/2023/06/3-quick-node-red-tips-7.md b/src/blog/2023/06/3-quick-node-red-tips-7.md
@@ -6,9 +6,10 @@ date: 2023-06-01 12:00:00
 authors: ["rob-marcer"]
 image: /images/blog/nr-quicktips.jpg
 tags:
-    - posts 
-    - tips
+    - posts
+    - how-to
     - node-red
+    - dashboard
 ---
 
 There is usually more than one way to complete a given task in software, and Node-RED is no exception. In each of this series of blog posts, we are going to share three useful tips to save yourself time when working on your flows.

diff --git a/src/blog/2023/06/dashboard-announcement.md b/src/blog/2023/06/dashboard-announcement.md
@@ -7,6 +7,7 @@ authors: ["joe-pavitt", "marian-demme"]
 image: /blog/2023/06/images/node-red-dashboard.png
 tags:
     - posts
+    - dashboard
 ---
 
 For the past several years, the Node-RED Dashboard has been an indispensable tool for many Node-RED users. It has offered a seamless way to create live dashboards, enabling the quick and intuitive creation of user interfaces for Node-RED flows. However, as the saying goes, "all good things must come to an end." 

diff --git a/src/blog/2023/07/dashboard-0-1-release.md b/src/blog/2023/07/dashboard-0-1-release.md
@@ -8,6 +8,7 @@ image: /blog/2023/07/images/nr-dashboard-tile.png
 tags:
     - posts
     - releases
+    - dashboard
 ---
 
 Just weeks ago, we at FlowFuse [announced our plan](../../06/dashboard-announcement) to develop a successor to the Node-RED Dashboard. Today, we're excited to reveal the pre-alpha release of this highly anticipated project, bringing us one step closer to a new era of data visualization in Node-RED.

diff --git a/src/blog/2023/07/images-in-node-red-dashboards.md b/src/blog/2023/07/images-in-node-red-dashboards.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - flowfuse
     - node-red
+    - dashboard
 ---
 
 Using images in your Node-RED dashboards can significantly improve your users' experience. The most common method to add images to dashboards, is to store them within the filesystem of an Node-RED instance but sometimes that's not an option. How can you easily use images when working in a containerised environment such as Docker, Kubernetes, or FlowFuse?

diff --git a/src/blog/2023/08/dashboard-community-update.md b/src/blog/2023/08/dashboard-community-update.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - releases
     - community
+    - dashboard
 ---
 
 Welcome to the latest Node-RED Dashboard 2.0 update. We've added lots of new widgets, cleaned up compatibility issues alongside Dashboard 1.0 and made strides to improve the events system linking the Node-RED editor with the Dashboard.

diff --git a/src/blog/2023/09/dashboard-chart-for-rest-api-data.md b/src/blog/2023/09/dashboard-chart-for-rest-api-data.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - how-to
     - node-red
+    - dashboard
 ---
 
 There are many different ways to get data for a Node-RED dashboard. One common

diff --git a/src/blog/2023/09/dashboard-notebook-layout.md b/src/blog/2023/09/dashboard-notebook-layout.md
@@ -10,6 +10,7 @@ tags:
     - releases
     - community
     - changelog
+    - dashboard
 ---
 
 Whilst we're still busy backporting through the existing Dashboard 1.0 features, we did want to highlight some new features we've built in Dashboard 2.0 released this week.

diff --git a/src/blog/2023/10/custom-vuetify-components-dashboard.md b/src/blog/2023/10/custom-vuetify-components-dashboard.md
@@ -9,6 +9,7 @@ tags:
     - posts
     - how-to
     - node-red
+    - dashboard
 ---
 
 Vuetify is a library of UI components using Vue. This saves the developers of

diff --git a/src/blog/2023/10/dashboard-integrations.md b/src/blog/2023/10/dashboard-integrations.md
@@ -10,6 +10,7 @@ tags:
     - releases
     - community
     - changelog
+    - dashboard
 ---
 
 With a new release, comes new features for Dashboard 2.0, and the focus of this release has been on improving the developer experience for those building third-party widgets for Dashboard 2.0.

diff --git a/src/blog/dashboard.njk b/src/blog/dashboard.njk
@@ -0,0 +1,13 @@
+---
+layout: nohero
+sitemapPriority: 0.8
+pagination:
+  data: collections.dashboard
+  size: 19 # creates a nice matrix (1 header, 18 left: 3 on 6 rows)
+  alias: posts
+  reverse: true
+meta:
+    title: Dashboard - Blog
+---
+
+{% include "blog/template.njk" %}