Refactor generate_post_html function to enhance HTML structure and improve citation handling

post_blog.py

@@ -37,65 +37,65 @@ def generate_post_html(doi, title, category, summary, mindmap, citation):
     image = fetch_image(title, summary, imgbb_api_key)
     # svg_url = generate_mindmap_svg(title, mindmap)
     html_summary = mistune.html(summary)
-    # post = f"""
-    #     <div id="paper_post">
-    #     <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
-    #   	<script src="https://cdn.jsdelivr.net/npm/markmap-toolbar"></script>
-    #     <style>
-    #         .markmap {{
-    #             position: relative;
-    #         }}
-    #         .markmap > svg {{
-    #             width: 100%;
-    #             border: 2px solid #000;
-    #             height: 80dvh;
-    #         }}
-    #     </style>
-    #     <img style="display:block; width:100%; height:100%;" id="paper_image" src="{image.strip()}" alt="{title.strip()}">
-    #     <br>
-    #     <b>{{getToc}} $title={{Table of Contents}}</b>
-    #     <br>
-    #     <div id="paper_summary">
-    #         {html_summary.replace("&amp;", "&").strip()}
-    #     </div>
-    #     <br>
-    #     <h2>Mindmap</h2>
-    #     <p><small><em>If MindMap doesn't load, go to the <a href="/">Homepage</a> and visit blog again or <a href="/#">Switch to Android App (Under Development)</a>.</em></small></p>
-    #     <div class="markmap" id="paper_mindmap" data-markmap-url="{svg_url}">
-    #         <script type="text/template">
-    #             {mindmap.replace("&amp;", "&").replace(":", "=>").strip()}
-    #         </script>
-    #     </div>
-    #     <br>
-    #     <h2>Citation</h2>
-    #     <div id="paper_citation">
-    #         {mistune.html(citation.replace("&amp;", "&").strip())}
-    #     </div>
-    # </div>
-    # """
     post = f"""
-    <div id="paper_post" data={doi}>
-        <h1 id="paper_title">{title}</h1>
-        <small><em>DOI: <a href="https://{doi}" target="_blank">{doi}</a></em></small>
-        <em>Category: {category}</em>
-        <br>
+        <div id="paper_post">
+        <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
+      	<script src="https://cdn.jsdelivr.net/npm/markmap-toolbar"></script>
+        <style>
+            .markmap {{
+                position: relative;
+            }}
+            .markmap > svg {{
+                width: 100%;
+                border: 2px solid #000;
+                height: 80dvh;
+            }}
+        </style>
         <img style="display:block; width:100%; height:100%;" id="paper_image" src="{image.strip()}" alt="{title.strip()}">
         <br>
+        <b>{{getToc}} $title={{Table of Contents}}</b>
+        <br>
         <div id="paper_summary">
             {html_summary.replace("&amp;", "&").strip()}
         </div>
         <br>
         <h2>Mindmap</h2>
-        <div id="paper_mindmap">
-            {repr(mindmap.replace("&amp;", "&").strip())}
+        <p><small><em>If MindMap doesn't load, go to the <a href="/">Homepage</a> and visit blog again or <a href="/#">Switch to Android App (Under Development)</a>.</em></small></p>
+        <div class="markmap" id="paper_mindmap" data-markmap-url="{{svg_url}}">
+            <script type="text/template">
+                {mindmap.replace("&amp;", "&").replace(":", "=>").strip()}
+            </script>
         </div>
         <br>
         <h2>Citation</h2>
         <div id="paper_citation">
-            {citation.replace("&amp;", "&").strip()}
+            {mistune.html(citation.replace("&amp;", "&").strip())}
         </div>
     </div>
     """
+    # post = f"""
+    # <div id="paper_post" data={doi}>
+    #     <h1 id="paper_title">{title}</h1>
+    #     <small><em>DOI: <a href="https://{doi}" target="_blank">{doi}</a></em></small>
+    #     <em>Category: {category}</em>
+    #     <br>
+    #     <img style="display:block; width:100%; height:100%;" id="paper_image" src="{image.strip()}" alt="{title.strip()}">
+    #     <br>
+    #     <div id="paper_summary">
+    #         {html_summary.replace("&amp;", "&").strip()}
+    #     </div>
+    #     <br>
+    #     <h2>Mindmap</h2>
+    #     <div id="paper_mindmap">
+    #         {repr(mindmap.replace("&amp;", "&").strip())}
+    #     </div>
+    #     <br>
+    #     <h2>Citation</h2>
+    #     <div id="paper_citation">
+    #         {citation.replace("&amp;", "&").strip()}
+    #     </div>
+    # </div>
+    # """
     return post, image
 
 def create_post(doi, title, category, summary, mindmap, citation):
@@ -103,9 +103,9 @@ def create_post(doi, title, category, summary, mindmap, citation):
     post_category = f"{category}"
     try:
         post_body, post_image = generate_post_html(doi, title, category, summary, mindmap, citation)
-        # with open('post.html', 'w') as f:
-        #     f.write(post_body)
-        # exit(code=0)
+        with open('post.html', 'w') as f:
+            f.write(post_body)
+        exit(code=0)
     except Exception as e:
         print(f"Error generating post: {e}")
         return None, None, None, None