Enhance image handling with timeout and improve post HTML structure

image.py

@@ -45,7 +45,7 @@ def generate_image(title, summary):
             return None
         image_url = image.params.get("url")
         if image_url:
-            img_data = requests.get(image_url).content
+            img_data = requests.get(image_url, timeout=60).content
             base64_encoded = base64.b64encode(img_data).decode("utf-8")
             return f"data:image/png;base64,{base64_encoded}"
         return None
@@ -68,7 +68,7 @@ def upload_image(data_uri, api_key):
     try:
         base64_image = fix_base64_padding(data_uri.split(",")[1])
         url = f"https://api.imgbb.com/1/upload?key={api_key}"
-        response = requests.post(url, data={"image": base64_image}).json()
+        response = requests.post(url, data={"image": base64_image}, timeout=60).json()
         if response.get("status") == 200:
             image_url = response["data"]["display_url"]
         else:

main.py

@@ -40,7 +40,7 @@ def paper_data(paper_data, wait_time=5):
     data = json.dumps(data, indent=4, ensure_ascii=False)
     return data
 
-def post_blogpost(uaccess_key, wait_time=3):
+def post_blogpost(uaccess_key, wait_time=5):
     if uaccess_key != access_key:
         return False
     data = fetch_paper_data_with_category(uaccess_key)

post_blog.py

@@ -22,37 +22,36 @@ def generate_post_html(title, summary, mindmap, citation):
     image = fetch_image(title, summary, imgbb_api_key)
     html_summary = mistune.html(summary)
     post = f"""
-<div>
-<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></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}' />
-<br>
-<b>{{getToc}} $title={{Table of Contents}}</b>
-<br>
-<p id="paper_summary" data="{summary.replace("&amp;", "&")}">{html_summary.replace("&amp;", "&")}</p>
-<br>
-<br>
-<h2>Mindmap</h2>
-<div class="markmap"  id="paper_mindmap" data="# {title} \n {mindmap.replace("&amp;", "&")}">
-<script type="text/template">
-{mindmap.replace("&amp;", "&")}
-</script>
-</div>
-<br>
-<h2>Citation</h2>
-<p id="paper_citation" data="{citation.replace("&amp;", "&")}">
-{mistune.html(citation.replace("&amp;", "&"))}
-</p>
-</div>
+    <div id="paper_post">
+        <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></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}' />
+        </br>
+        <b>{{getToc}} $title={{Table of Contents}}</b>
+        <br>
+        <p id="paper_summary">{html_summary.replace("&amp;", "&")}</p>
+        </br>
+        <h2>Mindmap</h2>
+        <div class="markmap"  id="paper_mindmap">
+            <script type="text/template">
+                {mindmap.replace("&amp;", "&").replace(":", "=>")}
+            </script>
+        </div>
+        </br>
+        <h2>Citation</h2>
+        <p id="paper_citation">
+            {mistune.html(citation.replace("&amp;", "&"))}
+        </p>
+    </div>
     """
     return post, image