feature: Add meta keyword, robot options and new theme

* Add support for meta keywords #15 * Add support for meta robot options #16 * Add support for tags #15 * Add grey/blue theme #14
gyptazy · Jan 9, 2024 · aa8010d · aa8010d
1 parent f19de7f
commit aa8010d
Show file tree

Hide file tree

Showing 8 changed files with 166 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -58,6 +58,9 @@ The configuration file (default `blog.conf`) provides the following configuratio
 | name | manpageblog | Defines the first part of the title (and HTML title) |
 | subtitle | a small and lightweight blog engine. | Defines the second part of the title (and HTML title)  |
 | description | This is the blog of manpageblog where you can find more information | Defines the HTML meta descriptions (for searchengines) |
+| keywords | manpageblog, simple, easy, lightweight, blog engine | Keywords and tags as a comma separated list |
+| keywords_show | `meta` or `html` | Meta: Keywords will only be used for `meta` section. If `html` a tag section will be created |
+| robots | `noindex,nofollow` or `index,follow` | Defines if a page should be indexed by search engines (can be set for each site) |
 | author | admin | A default name for the author of blog posts |
 | copyright | manpageblog | name of a copyright holder |
 | preview_words | 150 (default) | How many words should be displayed within the blog index page |

diff --git a/_assets/css/grey_blue.css b/_assets/css/grey_blue.css
@@ -0,0 +1,47 @@
+body {
+    background-color: #3d3d3d;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  a:link, a:visited {
+      color: #6082B6;
+      text-decoration: underline dotted;
+  }
+
+  a:hover, a:active {
+      color: #6082B6;
+      text-decoration: underline dotted;
+  }
+
+  header section, footer section, manpage {
+      color: #6082B6;
+      font-size: 14px;
+      font-family: "Courier New", monospace;
+      margin-left: 0%;
+      max-width: 40em;
+  }
+
+  main, nav section, name section {
+      color: #6082B6;
+      max-width: 60em;
+      font-size: 14px;
+      font-family: "Courier New", monospace;
+      margin-left: 5%;
+      margin-right: auto;
+      padding: 0 0.5em;
+  }
+
+  code {
+      color: #6082B6;
+      max-width: 60em;
+      font-size: 14px;
+      font-style: italic;
+      font-family: "Courier New", monospace;
+      margin-left: 10%;
+      margin-right: auto;
+      padding: 0 0.5em;
+  }
diff --git a/_templates/page.html b/_templates/page.html
@@ -3,6 +3,8 @@
 <head>
     <title>{{ title }} | {{ subtitle }}</title>
     <meta name="description" content="{{ meta_description }}"/>
+    <meta name="keywords" content="{{ keywords }}"/>
+    <meta name="robots" content="{{ robots }}">
     <meta property="og:image" content="{{ image_url }}"/>
     <meta property="og:title" content="{{ title }}"/>
     <meta property="og:description" content="{{ meta_description }}"/>

diff --git a/_templates/page_tags.html b/_templates/page_tags.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>{{ title }} | {{ subtitle }}</title>
+    <meta name="description" content="{{ meta_description }}"/>
+    <meta name="keywords" content="{{ keywords }}"/>
+    <meta name="robots" content="{{ robots }}">
+    <meta property="og:image" content="{{ image_url }}"/>
+    <meta property="og:title" content="{{ title }}"/>
+    <meta property="og:description" content="{{ meta_description }}"/>
+    <meta property="og:image:width" content="{{ image_width }}"/>
+    <meta property="og:image:height" content="{{ image_height }}"/>
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content="{{ profile_twitter }}" />
+    <meta name="twitter:title" content="{{ title }}" />
+    <meta name="twitter:description" content="{{ meta_description }}" />
+    <meta name="twitter:image" content="{{ image_url }}" />
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <meta name="robots" content="INDEX,FOLLOW">
+    <meta name="generator" content="manpageblog {{ _version }}" />
+    <link rel="stylesheet" type="text/css" href="{{ base_path }}/assets/css/{{ theme }}.css">
+    <link rel="shortcut icon" type="image/png" href="{{ logo_favicon }}"/>
+    <link rel="icon" type="image/png" href="{{ logo_favicon }}"/>
+    <link rel="apple-touch-icon" href="{{ logo_apple_touch }}"/>
+    <link href="{{ profile_mastodon }}" rel="me">
+</head>
+
+<body id="{{ slug }}">
+
+<manpage>
+    <b>NAME</b><br>
+</manpage>
+
+<name>
+    <section>
+        <span class="name">
+            {{ name }}
+        </span>
+    </section>
+</name>
+
+<manpage>
+    <br><b>OPTIONS</b><br>
+</manpage>
+
+
+<nav>
+<section>
+    <span class="home">
+        <a href="{{ base_path }}/">[home]</a>
+        <a href="{{ base_path }}/blog/">[blog]</a>
+        <a href="{{ base_path }}/about/">[about]</a>
+        <a href="{{ base_path }}/contact/">[contact]</a>
+    </span>
+</section>
+</nav>
+
+<manpage>
+    <br><b>CONTENT</b><br>
+</manpage>
+
+<main>
+{{ content }}
+</main>
+
+<manpage>
+    <br><b>TAGS</b><br>
+</manpage>
+
+<main>
+{{ keywords }}
+</main>
+
+<footer>
+<section>
+<p>&copy; {{ current_year }} {{ copyright }}</p>
+</section>
+</footer>
+
+</body>
+</html>
diff --git a/blog.conf b/blog.conf
@@ -1,6 +1,9 @@
 [general]
 name: manpageblog
 description: This is the blog of manpageblog where you can find more information.
+keywords: blog, minimal, minimalism, manpageblog, pythonblog, blogengine, simple
+keywords_show: meta
+robots: index,follow
 subtitle: manpageblog - a small and lightweight blog engine.
 author: admin
 copyright: manpageblog

diff --git a/content/_index.html b/content/_index.html
@@ -1,5 +1,7 @@
 <!-- title: Welcome -->
 <!-- meta_description: manpageblog is a small, lightweight blog engine written in Python and offers several advantages. Firstly, it provides simplicity and ease of use, making it accessible even for users with limited technical knowledge. -->
+<!-- keywords: manpageblog, blog, blogging, blog engine, engine, python, minimal, no php, lightweight, easy, freebsd, linux, static, hosting -->
+<!-- image_url: https://cdn.gyptazy.ch/images/manpageblog.jpg -->
 <b>Welcome</b>
 <p>
 Hey and welcome to <a href="https://github.com/gyptazy/manpageblog">manpageblog</a> - a small, lightweight blog

diff --git a/content/blog/2024-01-09-manpageblog-release-1-3.md b/content/blog/2024-01-09-manpageblog-release-1-3.md
@@ -0,0 +1,20 @@
+<!-- title: manpageblog released in version 1.3 -->
+<!-- meta_description: Initial release of manpageblog 1.3. A simple and static blog generator in manpage design written in Python. -->
+<!-- image_url: https://cdn.gyptazy.ch/images/manpageblog.jpg -->
+<!-- keywords: manpageblog, version, version 1.3, 1.3, features, release, meta, keyword, robots, support, robot, blue, grey, theme -->
+
+<a href="https://github.com/gyptazy/manpageblog">manpageblog</a> just got released in version 1.3 Version 1.3 comes along with
+several bug fixes and some new features.<br><br>
+
+<b>Features</b><br>
+* Add meta keyword support <br>
+* Add tag support<br>
+* Add robot support<br>
+* Add blue/grey theme<br>
+<br>
+<b>Fixes</b><br>
+* Fixed rendering issue<br>
+
+<br>
+Now, you can start blogging. More information can be found on <a href="https://github.com/gyptazy/manpageblog">manpageblog</a>.<br>
+<b>Download</b>: <a href="https://github.com/gyptazy/manpageblog">manpageblog</a>
diff --git a/manpageblog b/manpageblog
@@ -246,6 +246,9 @@ def main():
         '_version': '1.1',
         'name': config['general']['name'],
         'description': config['general']['description'],
+        'keywords': config['general'].get('keywords', 'unknown'),
+        'keywords_show': config['general'].get('keywords_show', 'meta'),
+        'robots': config['general'].get('robots', 'noindex,nofollow'),
         'subtitle': config['general']['subtitle'],
         'author': config['general'].get('author', 'unknown'),
         'copyright': config['general'].get('copyright', 'manpageblog'),
@@ -264,7 +267,10 @@ def main():
     }
 
     # Load layouts
-    page_layout = fread(f'{config["processing"]["template_path"]}/page.html')
+    if params.get('keywords_show') != 'meta':
+        page_layout = fread(f'{config["processing"]["template_path"]}/page_tags.html')
+    else:
+        page_layout = fread(f'{config["processing"]["template_path"]}/page.html')
     post_layout = fread(f'{config["processing"]["template_path"]}/post.html')
     list_layout = fread(f'{config["processing"]["template_path"]}/list.html')
     item_layout = fread(f'{config["processing"]["template_path"]}/item.html')