From e730f99d562f45be35c893d0556fd348515dc8c3 Mon Sep 17 00:00:00 2001
From: flight025 <wajhddwq@163.com>
Date: Fri, 6 Dec 2024 18:08:17 +0800
Subject: [PATCH] XXXXXXX

---
 about/index.html                              |   8 +-
 archives/index.html                           |   5 +
 categories/computer/index.html                |  29 +-
 categories/computer/page/2/index.html         |  35 +--
 categories/computer/page/3/index.html         |  36 ++-
 categories/computer/page/4/index.html         |  40 ++-
 categories/computer/page/5/index.html         |  21 ++
 categories/development/index.html             |  29 +-
 categories/development/page/2/index.html      |  35 +--
 categories/development/page/3/index.html      |  36 ++-
 categories/development/page/4/index.html      |  40 ++-
 categories/development/page/5/index.html      |  21 ++
 categories/evaluation/index.html              |  29 +-
 categories/evaluation/page/2/index.html       |  35 +--
 categories/evaluation/page/3/index.html       |  36 ++-
 categories/evaluation/page/4/index.html       |  40 ++-
 categories/evaluation/page/5/index.html       |  21 ++
 categories/golang/index.html                  |  29 +-
 categories/golang/page/2/index.html           |  35 +--
 categories/golang/page/3/index.html           |  36 ++-
 categories/golang/page/4/index.html           |  40 ++-
 categories/golang/page/5/index.html           |  21 ++
 categories/google/index.html                  |  29 +-
 categories/google/page/2/index.html           |  35 +--
 categories/google/page/3/index.html           |  36 ++-
 categories/google/page/4/index.html           |  40 ++-
 categories/google/page/5/index.html           |  21 ++
 .../hugo\345\215\232\345\256\242/index.html"  |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 categories/index.html                         |  29 +-
 categories/ipad/index.html                    |  29 +-
 categories/ipad/page/2/index.html             |  35 +--
 categories/ipad/page/3/index.html             |  36 ++-
 categories/ipad/page/4/index.html             |  40 ++-
 categories/ipad/page/5/index.html             |  21 ++
 categories/nostalgia/index.html               |  29 +-
 categories/nostalgia/page/2/index.html        |  35 +--
 categories/nostalgia/page/3/index.html        |  36 ++-
 categories/nostalgia/page/4/index.html        |  40 ++-
 categories/nostalgia/page/5/index.html        |  21 ++
 categories/page/2/index.html                  |  35 +--
 categories/page/3/index.html                  |  36 ++-
 categories/page/4/index.html                  |  40 ++-
 categories/page/5/index.html                  |  21 ++
 categories/story/index.html                   |  29 +-
 categories/story/page/2/index.html            |  35 +--
 categories/story/page/3/index.html            |  36 ++-
 categories/story/page/4/index.html            |  40 ++-
 categories/story/page/5/index.html            |  21 ++
 categories/video/index.html                   |  29 +-
 categories/video/page/2/index.html            |  35 +--
 categories/video/page/3/index.html            |  36 ++-
 categories/video/page/4/index.html            |  40 ++-
 categories/video/page/5/index.html            |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\345\233\276\347\211\207/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\345\272\224\347\224\250/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\346\203\263\346\263\225/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\346\212\200\346\234\257/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\347\250\213\345\272\217/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\350\231\232\346\236\204/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../\351\203\250\347\275\262/index.html"      |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 comments/index.html                           |   4 +-
 index.html                                    |  29 +-
 index.xml                                     |   9 +-
 page/2/index.html                             |  35 +--
 page/3/index.html                             |  36 ++-
 page/4/index.html                             |  40 ++-
 page/5/index.html                             |  21 ++
 posts/index.html                              |  29 +-
 posts/index.xml                               |   9 +-
 posts/page/2/index.html                       |  35 +--
 posts/page/3/index.html                       |  36 ++-
 posts/page/4/index.html                       |  40 ++-
 posts/page/5/index.html                       |  21 ++
 .../index.html"                               | 266 ++++++++++++++++++
 series/index.html                             |  29 +-
 series/nostalgia/index.html                   |  29 +-
 series/nostalgia/page/2/index.html            |  35 +--
 series/nostalgia/page/3/index.html            |  36 ++-
 series/nostalgia/page/4/index.html            |  40 ++-
 series/nostalgia/page/5/index.html            |  21 ++
 series/page/2/index.html                      |  35 +--
 series/page/3/index.html                      |  36 ++-
 series/page/4/index.html                      |  40 ++-
 series/page/5/index.html                      |  21 ++
 tags/911s5/index.html                         |  29 +-
 tags/911s5/page/2/index.html                  |  35 +--
 tags/911s5/page/3/index.html                  |  36 ++-
 tags/911s5/page/4/index.html                  |  40 ++-
 tags/911s5/page/5/index.html                  |  21 ++
 tags/ai/index.html                            |  31 +-
 tags/ai/index.xml                             |  13 +-
 tags/ai/page/2/index.html                     |  37 +--
 tags/ai/page/3/index.html                     |  38 ++-
 tags/ai/page/4/index.html                     |  42 ++-
 tags/ai/page/5/index.html                     |  23 +-
 tags/android/index.html                       |  29 +-
 tags/android/page/2/index.html                |  35 +--
 tags/android/page/3/index.html                |  36 ++-
 tags/android/page/4/index.html                |  40 ++-
 tags/android/page/5/index.html                |  21 ++
 tags/archlinux/index.html                     |  29 +-
 tags/archlinux/page/2/index.html              |  35 +--
 tags/archlinux/page/3/index.html              |  36 ++-
 tags/archlinux/page/4/index.html              |  40 ++-
 tags/archlinux/page/5/index.html              |  21 ++
 tags/blog/index.html                          |  29 +-
 tags/blog/page/2/index.html                   |  35 +--
 tags/blog/page/3/index.html                   |  36 ++-
 tags/blog/page/4/index.html                   |  40 ++-
 tags/blog/page/5/index.html                   |  21 ++
 tags/chatgpt/index.html                       |  29 +-
 tags/chatgpt/index.xml                        |   9 +-
 tags/chatgpt/page/2/index.html                |  35 +--
 tags/chatgpt/page/3/index.html                |  36 ++-
 tags/chatgpt/page/4/index.html                |  40 ++-
 tags/chatgpt/page/5/index.html                |  21 ++
 tags/chemische-formel/index.html              |  29 +-
 tags/chemische-formel/page/2/index.html       |  35 +--
 tags/chemische-formel/page/3/index.html       |  36 ++-
 tags/chemische-formel/page/4/index.html       |  40 ++-
 tags/chemische-formel/page/5/index.html       |  21 ++
 tags/comupter/index.html                      |  29 +-
 tags/comupter/page/2/index.html               |  35 +--
 tags/comupter/page/3/index.html               |  36 ++-
 tags/comupter/page/4/index.html               |  40 ++-
 tags/comupter/page/5/index.html               |  21 ++
 tags/css/index.html                           |  29 +-
 tags/css/page/2/index.html                    |  35 +--
 tags/css/page/3/index.html                    |  36 ++-
 tags/css/page/4/index.html                    |  40 ++-
 tags/css/page/5/index.html                    |  21 ++
 tags/development/index.html                   |  29 +-
 tags/development/page/2/index.html            |  35 +--
 tags/development/page/3/index.html            |  36 ++-
 tags/development/page/4/index.html            |  40 ++-
 tags/development/page/5/index.html            |  21 ++
 tags/gaming-platform/index.html               |  29 +-
 tags/gaming-platform/page/2/index.html        |  35 +--
 tags/gaming-platform/page/3/index.html        |  36 ++-
 tags/gaming-platform/page/4/index.html        |  40 ++-
 tags/gaming-platform/page/5/index.html        |  21 ++
 tags/go/index.html                            |  29 +-
 tags/go/page/2/index.html                     |  35 +--
 tags/go/page/3/index.html                     |  36 ++-
 tags/go/page/4/index.html                     |  40 ++-
 tags/go/page/5/index.html                     |  21 ++
 tags/golang/index.html                        |  29 +-
 tags/golang/page/2/index.html                 |  35 +--
 tags/golang/page/3/index.html                 |  36 ++-
 tags/golang/page/4/index.html                 |  40 ++-
 tags/golang/page/5/index.html                 |  21 ++
 tags/gpu/index.html                           |  29 +-
 tags/gpu/page/2/index.html                    |  35 +--
 tags/gpu/page/3/index.html                    |  36 ++-
 tags/gpu/page/4/index.html                    |  40 ++-
 tags/gpu/page/5/index.html                    |  21 ++
 tags/hdd/index.html                           |  29 +-
 tags/hdd/page/2/index.html                    |  35 +--
 tags/hdd/page/3/index.html                    |  36 ++-
 tags/hdd/page/4/index.html                    |  40 ++-
 tags/hdd/page/5/index.html                    |  21 ++
 tags/hugo/index.html                          |  29 +-
 tags/hugo/page/2/index.html                   |  35 +--
 tags/hugo/page/3/index.html                   |  36 ++-
 tags/hugo/page/4/index.html                   |  40 ++-
 tags/hugo/page/5/index.html                   |  21 ++
 tags/image/index.html                         |  29 +-
 tags/image/page/2/index.html                  |  35 +--
 tags/image/page/3/index.html                  |  36 ++-
 tags/image/page/4/index.html                  |  40 ++-
 tags/image/page/5/index.html                  |  21 ++
 tags/immunology/index.html                    |  29 +-
 tags/immunology/page/2/index.html             |  35 +--
 tags/immunology/page/3/index.html             |  36 ++-
 tags/immunology/page/4/index.html             |  40 ++-
 tags/immunology/page/5/index.html             |  21 ++
 tags/index.html                               |  29 +-
 tags/index.xml                                |  30 +-
 tags/ipad/index.html                          |  29 +-
 tags/ipad/page/2/index.html                   |  35 +--
 tags/ipad/page/3/index.html                   |  36 ++-
 tags/ipad/page/4/index.html                   |  40 ++-
 tags/ipad/page/5/index.html                   |  21 ++
 tags/ipv6/index.html                          |  29 +-
 tags/ipv6/page/2/index.html                   |  35 +--
 tags/ipv6/page/3/index.html                   |  36 ++-
 tags/ipv6/page/4/index.html                   |  40 ++-
 tags/ipv6/page/5/index.html                   |  21 ++
 tags/kaiti/index.html                         |  29 +-
 tags/kaiti/page/2/index.html                  |  35 +--
 tags/kaiti/page/3/index.html                  |  36 ++-
 tags/kaiti/page/4/index.html                  |  40 ++-
 tags/kaiti/page/5/index.html                  |  21 ++
 tags/latex/index.html                         |  29 +-
 tags/latex/page/2/index.html                  |  35 +--
 tags/latex/page/3/index.html                  |  36 ++-
 tags/latex/page/4/index.html                  |  40 ++-
 tags/latex/page/5/index.html                  |  21 ++
 tags/nas/index.html                           |  29 +-
 tags/nas/page/2/index.html                    |  35 +--
 tags/nas/page/3/index.html                    |  36 ++-
 tags/nas/page/4/index.html                    |  40 ++-
 tags/nas/page/5/index.html                    |  21 ++
 tags/nostalgia/index.html                     |  29 +-
 tags/nostalgia/page/2/index.html              |  35 +--
 tags/nostalgia/page/3/index.html              |  36 ++-
 tags/nostalgia/page/4/index.html              |  40 ++-
 tags/nostalgia/page/5/index.html              |  21 ++
 tags/page/2/index.html                        |  35 +--
 tags/page/3/index.html                        |  36 ++-
 tags/page/4/index.html                        |  40 ++-
 tags/page/5/index.html                        |  21 ++
 tags/raspberry/index.html                     |  29 +-
 tags/raspberry/page/2/index.html              |  35 +--
 tags/raspberry/page/3/index.html              |  36 ++-
 tags/raspberry/page/4/index.html              |  40 ++-
 tags/raspberry/page/5/index.html              |  21 ++
 tags/raspbian/index.html                      |  29 +-
 tags/raspbian/page/2/index.html               |  35 +--
 tags/raspbian/page/3/index.html               |  36 ++-
 tags/raspbian/page/4/index.html               |  40 ++-
 tags/raspbian/page/5/index.html               |  21 ++
 tags/reality/index.html                       |  29 +-
 tags/reality/page/2/index.html                |  35 +--
 tags/reality/page/3/index.html                |  36 ++-
 tags/reality/page/4/index.html                |  40 ++-
 tags/reality/page/5/index.html                |  21 ++
 tags/shortcode/index.html                     |  29 +-
 tags/shortcode/page/2/index.html              |  35 +--
 tags/shortcode/page/3/index.html              |  36 ++-
 tags/shortcode/page/4/index.html              |  40 ++-
 tags/shortcode/page/5/index.html              |  21 ++
 tags/social-videos/index.html                 |  29 +-
 tags/social-videos/page/2/index.html          |  35 +--
 tags/social-videos/page/3/index.html          |  36 ++-
 tags/social-videos/page/4/index.html          |  40 ++-
 tags/social-videos/page/5/index.html          |  21 ++
 tags/ssd/index.html                           |  29 +-
 tags/ssd/page/2/index.html                    |  35 +--
 tags/ssd/page/3/index.html                    |  36 ++-
 tags/ssd/page/4/index.html                    |  40 ++-
 tags/ssd/page/5/index.html                    |  21 ++
 tags/streaming/index.html                     |  29 +-
 tags/streaming/page/2/index.html              |  35 +--
 tags/streaming/page/3/index.html              |  36 ++-
 tags/streaming/page/4/index.html              |  40 ++-
 tags/streaming/page/5/index.html              |  21 ++
 tags/syntax-highlighting/index.html           |  29 +-
 tags/syntax-highlighting/page/2/index.html    |  35 +--
 tags/syntax-highlighting/page/3/index.html    |  36 ++-
 tags/syntax-highlighting/page/4/index.html    |  40 ++-
 tags/syntax-highlighting/page/5/index.html    |  21 ++
 tags/table/index.html                         |  29 +-
 tags/table/page/2/index.html                  |  35 +--
 tags/table/page/3/index.html                  |  36 ++-
 tags/table/page/4/index.html                  |  40 ++-
 tags/table/page/5/index.html                  |  21 ++
 tags/technology/index.html                    |  29 +-
 tags/technology/page/2/index.html             |  35 +--
 tags/technology/page/3/index.html             |  36 ++-
 tags/technology/page/4/index.html             |  40 ++-
 tags/technology/page/5/index.html             |  21 ++
 tags/templates/index.html                     |  29 +-
 tags/templates/page/2/index.html              |  35 +--
 tags/templates/page/3/index.html              |  36 ++-
 tags/templates/page/4/index.html              |  40 ++-
 tags/templates/page/5/index.html              |  21 ++
 tags/themes/index.html                        |  29 +-
 tags/themes/page/2/index.html                 |  35 +--
 tags/themes/page/3/index.html                 |  36 ++-
 tags/themes/page/4/index.html                 |  40 ++-
 tags/themes/page/5/index.html                 |  21 ++
 tags/vercel/index.html                        |  29 +-
 tags/vercel/page/2/index.html                 |  35 +--
 tags/vercel/page/3/index.html                 |  36 ++-
 tags/vercel/page/4/index.html                 |  40 ++-
 tags/vercel/page/5/index.html                 |  21 ++
 tags/vps/index.html                           |  29 +-
 tags/vps/page/2/index.html                    |  35 +--
 tags/vps/page/3/index.html                    |  36 ++-
 tags/vps/page/4/index.html                    |  40 ++-
 tags/vps/page/5/index.html                    |  21 ++
 tags/waline/index.html                        |  29 +-
 tags/waline/page/2/index.html                 |  35 +--
 tags/waline/page/3/index.html                 |  36 ++-
 tags/waline/page/4/index.html                 |  40 ++-
 tags/waline/page/5/index.html                 |  21 ++
 tags/walkman/index.html                       |  29 +-
 tags/walkman/page/2/index.html                |  35 +--
 tags/walkman/page/3/index.html                |  36 ++-
 tags/walkman/page/4/index.html                |  40 ++-
 tags/walkman/page/5/index.html                |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\345\205\211\347\214\253/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\345\205\254\347\275\221/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\345\254\264\346\224\277/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\345\255\246\350\275\246/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\345\272\224\347\224\250/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\346\200\235\350\200\203/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\346\241\245\346\216\245/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\346\255\246\344\276\240/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\347\244\276\344\274\232/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\350\247\243\346\236\220/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 .../index.html"                               |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 "tags/\351\251\276\350\200\203/index.html"    |  29 +-
 .../page/2/index.html"                        |  35 +--
 .../page/3/index.html"                        |  36 ++-
 .../page/4/index.html"                        |  40 ++-
 .../page/5/index.html"                        |  21 ++
 449 files changed, 7899 insertions(+), 6632 deletions(-)
 create mode 100644 "posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html"

diff --git a/about/index.html b/about/index.html
index 5f3c8c810e..e2b72658a5 100644
--- a/about/index.html
+++ b/about/index.html
@@ -221,6 +221,10 @@ <h2 class="subtitle is-size-5-mobile is-size-4-desktop">Frequent Tags</h2>
   
     <a href="/tags/%E8%A1%80%E6%B6%B2%E6%A0%B7%E6%9C%AC"> 血液样本 (3) &nbsp;</a>
   
+    <a href="/tags/ai"> ai (2) &nbsp;</a>
+  
+    <a href="/tags/chatgpt"> chatgpt (2) &nbsp;</a>
+  
     <a href="/tags/development"> development (2) &nbsp;</a>
   
     <a href="/tags/go"> go (2) &nbsp;</a>
@@ -235,14 +239,10 @@ <h2 class="subtitle is-size-5-mobile is-size-4-desktop">Frequent Tags</h2>
   
     <a href="/tags/911s5"> 911s5 (1) &nbsp;</a>
   
-    <a href="/tags/ai"> ai (1) &nbsp;</a>
-  
     <a href="/tags/android"> android (1) &nbsp;</a>
   
     <a href="/tags/archlinux"> archlinux (1) &nbsp;</a>
   
-    <a href="/tags/chatgpt"> chatgpt (1) &nbsp;</a>
-  
     <a href="/tags/chemische-formel"> chemische formel (1) &nbsp;</a>
   
     <a href="/tags/comupter"> comupter (1) &nbsp;</a>
diff --git a/archives/index.html b/archives/index.html
index 418a82a89b..31410f88e0 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -135,6 +135,11 @@ <h3>2024</h3>
 
         <ul class="archive-list">
         
+            <li>
+            2024-12-06
+            <a href="/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a>
+            </li>
+        
             <li>
             2024-11-19
             <a href="/posts/%E8%BF%99%E4%B8%AA%E7%A4%BE%E4%BC%9A%E6%88%96%E8%AE%B8%E7%9C%9F%E7%9A%84%E7%97%85%E4%BA%86/">这个社会或许真的病了</a>
diff --git a/categories/computer/index.html b/categories/computer/index.html
index 4d703e3abc..a039c41021 100644
--- a/categories/computer/index.html
+++ b/categories/computer/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/computer/page/2/index.html b/categories/computer/page/2/index.html
index 191ba2faab..a59aaf8708 100644
--- a/categories/computer/page/2/index.html
+++ b/categories/computer/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/computer/page/3/index.html b/categories/computer/page/3/index.html
index c118adc440..d1f78caa10 100644
--- a/categories/computer/page/3/index.html
+++ b/categories/computer/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/computer/page/4/index.html b/categories/computer/page/4/index.html
index 4756221601..fc269d2b2f 100644
--- a/categories/computer/page/4/index.html
+++ b/categories/computer/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/computer/page/5/index.html b/categories/computer/page/5/index.html
index 796dc75a3a..3f899333d9 100644
--- a/categories/computer/page/5/index.html
+++ b/categories/computer/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/development/index.html b/categories/development/index.html
index 919d2edd46..c3ee652280 100644
--- a/categories/development/index.html
+++ b/categories/development/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/development/page/2/index.html b/categories/development/page/2/index.html
index a29bd8b8cc..86fc24f5b1 100644
--- a/categories/development/page/2/index.html
+++ b/categories/development/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/development/page/3/index.html b/categories/development/page/3/index.html
index dcaf587f29..b8eef7fde9 100644
--- a/categories/development/page/3/index.html
+++ b/categories/development/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/development/page/4/index.html b/categories/development/page/4/index.html
index e41e400e74..9a7534f39e 100644
--- a/categories/development/page/4/index.html
+++ b/categories/development/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/development/page/5/index.html b/categories/development/page/5/index.html
index cb8e0e4f4a..e794dbc51e 100644
--- a/categories/development/page/5/index.html
+++ b/categories/development/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/evaluation/index.html b/categories/evaluation/index.html
index 124db6e753..9caba9cb06 100644
--- a/categories/evaluation/index.html
+++ b/categories/evaluation/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/evaluation/page/2/index.html b/categories/evaluation/page/2/index.html
index 98d2f00dc4..d91c24e21c 100644
--- a/categories/evaluation/page/2/index.html
+++ b/categories/evaluation/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/evaluation/page/3/index.html b/categories/evaluation/page/3/index.html
index 270c38e342..543d09d103 100644
--- a/categories/evaluation/page/3/index.html
+++ b/categories/evaluation/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/evaluation/page/4/index.html b/categories/evaluation/page/4/index.html
index d9e3c9786f..e76d324b41 100644
--- a/categories/evaluation/page/4/index.html
+++ b/categories/evaluation/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/evaluation/page/5/index.html b/categories/evaluation/page/5/index.html
index 36228db0bc..185113cf21 100644
--- a/categories/evaluation/page/5/index.html
+++ b/categories/evaluation/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/golang/index.html b/categories/golang/index.html
index 0d36684651..03ef8026fc 100644
--- a/categories/golang/index.html
+++ b/categories/golang/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/golang/page/2/index.html b/categories/golang/page/2/index.html
index 1c79adb68f..1ccd668050 100644
--- a/categories/golang/page/2/index.html
+++ b/categories/golang/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/golang/page/3/index.html b/categories/golang/page/3/index.html
index 17ed8d6fa3..1ec4858a95 100644
--- a/categories/golang/page/3/index.html
+++ b/categories/golang/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/golang/page/4/index.html b/categories/golang/page/4/index.html
index 542a0e4095..7946e74ade 100644
--- a/categories/golang/page/4/index.html
+++ b/categories/golang/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/golang/page/5/index.html b/categories/golang/page/5/index.html
index 482d9ddce9..d217ab92d0 100644
--- a/categories/golang/page/5/index.html
+++ b/categories/golang/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/google/index.html b/categories/google/index.html
index 94782e8a93..83317e808b 100644
--- a/categories/google/index.html
+++ b/categories/google/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/google/page/2/index.html b/categories/google/page/2/index.html
index 97685a0f00..4716111622 100644
--- a/categories/google/page/2/index.html
+++ b/categories/google/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/google/page/3/index.html b/categories/google/page/3/index.html
index f74ed5ef42..84299f61d8 100644
--- a/categories/google/page/3/index.html
+++ b/categories/google/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/google/page/4/index.html b/categories/google/page/4/index.html
index 926795031b..82e4be3780 100644
--- a/categories/google/page/4/index.html
+++ b/categories/google/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/google/page/5/index.html b/categories/google/page/5/index.html
index ca55d7cd68..cab30a39e2 100644
--- a/categories/google/page/5/index.html
+++ b/categories/google/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/hugo\345\215\232\345\256\242/index.html" "b/categories/hugo\345\215\232\345\256\242/index.html"
index a70f9a7a54..06526e093b 100644
--- "a/categories/hugo\345\215\232\345\256\242/index.html"
+++ "b/categories/hugo\345\215\232\345\256\242/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/hugo\345\215\232\345\256\242/page/2/index.html" "b/categories/hugo\345\215\232\345\256\242/page/2/index.html"
index 07594e8c17..6af9e0d09a 100644
--- "a/categories/hugo\345\215\232\345\256\242/page/2/index.html"
+++ "b/categories/hugo\345\215\232\345\256\242/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/hugo\345\215\232\345\256\242/page/3/index.html" "b/categories/hugo\345\215\232\345\256\242/page/3/index.html"
index b86d0353a1..5f27ed7e79 100644
--- "a/categories/hugo\345\215\232\345\256\242/page/3/index.html"
+++ "b/categories/hugo\345\215\232\345\256\242/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/hugo\345\215\232\345\256\242/page/4/index.html" "b/categories/hugo\345\215\232\345\256\242/page/4/index.html"
index 87b473bfe4..50a8e5d151 100644
--- "a/categories/hugo\345\215\232\345\256\242/page/4/index.html"
+++ "b/categories/hugo\345\215\232\345\256\242/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/hugo\345\215\232\345\256\242/page/5/index.html" "b/categories/hugo\345\215\232\345\256\242/page/5/index.html"
index 6773a88a6d..7dc288a79a 100644
--- "a/categories/hugo\345\215\232\345\256\242/page/5/index.html"
+++ "b/categories/hugo\345\215\232\345\256\242/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/index.html b/categories/index.html
index b2ddda33c3..2cfdaf44ab 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/ipad/index.html b/categories/ipad/index.html
index 1598d774bb..a239b1e229 100644
--- a/categories/ipad/index.html
+++ b/categories/ipad/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/ipad/page/2/index.html b/categories/ipad/page/2/index.html
index 6dc177e698..3a39840a12 100644
--- a/categories/ipad/page/2/index.html
+++ b/categories/ipad/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/ipad/page/3/index.html b/categories/ipad/page/3/index.html
index d943c3c3bc..f70ab3425d 100644
--- a/categories/ipad/page/3/index.html
+++ b/categories/ipad/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/ipad/page/4/index.html b/categories/ipad/page/4/index.html
index 7bbc99e83c..4bc8b295d7 100644
--- a/categories/ipad/page/4/index.html
+++ b/categories/ipad/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/ipad/page/5/index.html b/categories/ipad/page/5/index.html
index 16687fcc14..6e95be6496 100644
--- a/categories/ipad/page/5/index.html
+++ b/categories/ipad/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/nostalgia/index.html b/categories/nostalgia/index.html
index 1b3cec2dfd..63d750c26d 100644
--- a/categories/nostalgia/index.html
+++ b/categories/nostalgia/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/nostalgia/page/2/index.html b/categories/nostalgia/page/2/index.html
index 8ba47b0768..4ddd6f8744 100644
--- a/categories/nostalgia/page/2/index.html
+++ b/categories/nostalgia/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/nostalgia/page/3/index.html b/categories/nostalgia/page/3/index.html
index 9b9bfd8432..f89b9a41e3 100644
--- a/categories/nostalgia/page/3/index.html
+++ b/categories/nostalgia/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/nostalgia/page/4/index.html b/categories/nostalgia/page/4/index.html
index 094fa70931..d614e88e2a 100644
--- a/categories/nostalgia/page/4/index.html
+++ b/categories/nostalgia/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/nostalgia/page/5/index.html b/categories/nostalgia/page/5/index.html
index 5e06be74f4..1da68c64f6 100644
--- a/categories/nostalgia/page/5/index.html
+++ b/categories/nostalgia/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/page/2/index.html b/categories/page/2/index.html
index e30c7307f8..7a580a6341 100644
--- a/categories/page/2/index.html
+++ b/categories/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/page/3/index.html b/categories/page/3/index.html
index e880eb3723..11c0eaec78 100644
--- a/categories/page/3/index.html
+++ b/categories/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/page/4/index.html b/categories/page/4/index.html
index e094d4b3cf..4676773a58 100644
--- a/categories/page/4/index.html
+++ b/categories/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/page/5/index.html b/categories/page/5/index.html
index 74ffcf5a66..115272133b 100644
--- a/categories/page/5/index.html
+++ b/categories/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/story/index.html b/categories/story/index.html
index 09bdcbe49b..9efc6fde09 100644
--- a/categories/story/index.html
+++ b/categories/story/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/story/page/2/index.html b/categories/story/page/2/index.html
index 2d920d538f..af65ef2475 100644
--- a/categories/story/page/2/index.html
+++ b/categories/story/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/story/page/3/index.html b/categories/story/page/3/index.html
index de4adbdb59..1431860724 100644
--- a/categories/story/page/3/index.html
+++ b/categories/story/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/story/page/4/index.html b/categories/story/page/4/index.html
index 0a11387517..4068a219cd 100644
--- a/categories/story/page/4/index.html
+++ b/categories/story/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/story/page/5/index.html b/categories/story/page/5/index.html
index 430afae96c..63031168bd 100644
--- a/categories/story/page/5/index.html
+++ b/categories/story/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/categories/video/index.html b/categories/video/index.html
index 539c80369a..d66014fff6 100644
--- a/categories/video/index.html
+++ b/categories/video/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/video/page/2/index.html b/categories/video/page/2/index.html
index e8843d1b59..0155f692fd 100644
--- a/categories/video/page/2/index.html
+++ b/categories/video/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/categories/video/page/3/index.html b/categories/video/page/3/index.html
index 6debc66b62..c28469aed7 100644
--- a/categories/video/page/3/index.html
+++ b/categories/video/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/video/page/4/index.html b/categories/video/page/4/index.html
index a304c7b45c..12bfd2c6bc 100644
--- a/categories/video/page/4/index.html
+++ b/categories/video/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/categories/video/page/5/index.html b/categories/video/page/5/index.html
index 2325129def..960e1cc3bb 100644
--- a/categories/video/page/5/index.html
+++ b/categories/video/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/index.html" "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/index.html"
index 878eb57e58..4d77f6b7ee 100644
--- "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/index.html"
+++ "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/2/index.html" "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/2/index.html"
index 48ac09d623..0511c5c3e2 100644
--- "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/2/index.html"
+++ "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/3/index.html" "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/3/index.html"
index 076687783f..61747734b4 100644
--- "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/3/index.html"
+++ "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/4/index.html" "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/4/index.html"
index 7ba3532677..8f5b465f5b 100644
--- "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/4/index.html"
+++ "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/5/index.html" "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/5/index.html"
index ffd0e0824a..e2b9370e70 100644
--- "a/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/5/index.html"
+++ "b/categories/\345\214\273\345\255\246\346\243\200\351\252\214/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\345\233\276\347\211\207/index.html" "b/categories/\345\233\276\347\211\207/index.html"
index ad1c9f3822..9e92d96703 100644
--- "a/categories/\345\233\276\347\211\207/index.html"
+++ "b/categories/\345\233\276\347\211\207/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\233\276\347\211\207/page/2/index.html" "b/categories/\345\233\276\347\211\207/page/2/index.html"
index cbfdf122c2..a3db527eaf 100644
--- "a/categories/\345\233\276\347\211\207/page/2/index.html"
+++ "b/categories/\345\233\276\347\211\207/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\233\276\347\211\207/page/3/index.html" "b/categories/\345\233\276\347\211\207/page/3/index.html"
index 4dccaf118c..ed5cf612e4 100644
--- "a/categories/\345\233\276\347\211\207/page/3/index.html"
+++ "b/categories/\345\233\276\347\211\207/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\233\276\347\211\207/page/4/index.html" "b/categories/\345\233\276\347\211\207/page/4/index.html"
index 1c6cfa6775..d1df72f031 100644
--- "a/categories/\345\233\276\347\211\207/page/4/index.html"
+++ "b/categories/\345\233\276\347\211\207/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\233\276\347\211\207/page/5/index.html" "b/categories/\345\233\276\347\211\207/page/5/index.html"
index 7ea20a1e04..7b8e611dfe 100644
--- "a/categories/\345\233\276\347\211\207/page/5/index.html"
+++ "b/categories/\345\233\276\347\211\207/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\345\272\224\347\224\250/index.html" "b/categories/\345\272\224\347\224\250/index.html"
index e910cd8f13..42b842f583 100644
--- "a/categories/\345\272\224\347\224\250/index.html"
+++ "b/categories/\345\272\224\347\224\250/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\272\224\347\224\250/page/2/index.html" "b/categories/\345\272\224\347\224\250/page/2/index.html"
index e1795707e8..95e0f7b124 100644
--- "a/categories/\345\272\224\347\224\250/page/2/index.html"
+++ "b/categories/\345\272\224\347\224\250/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\345\272\224\347\224\250/page/3/index.html" "b/categories/\345\272\224\347\224\250/page/3/index.html"
index 0e24b9460d..fd3a988f6e 100644
--- "a/categories/\345\272\224\347\224\250/page/3/index.html"
+++ "b/categories/\345\272\224\347\224\250/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\272\224\347\224\250/page/4/index.html" "b/categories/\345\272\224\347\224\250/page/4/index.html"
index 69eb871be9..4cd919a7e5 100644
--- "a/categories/\345\272\224\347\224\250/page/4/index.html"
+++ "b/categories/\345\272\224\347\224\250/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\345\272\224\347\224\250/page/5/index.html" "b/categories/\345\272\224\347\224\250/page/5/index.html"
index 87e9f9bcd2..c47eb090a4 100644
--- "a/categories/\345\272\224\347\224\250/page/5/index.html"
+++ "b/categories/\345\272\224\347\224\250/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\346\203\263\346\263\225/index.html" "b/categories/\346\203\263\346\263\225/index.html"
index aa5e43445e..220be0de48 100644
--- "a/categories/\346\203\263\346\263\225/index.html"
+++ "b/categories/\346\203\263\346\263\225/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\203\263\346\263\225/page/2/index.html" "b/categories/\346\203\263\346\263\225/page/2/index.html"
index 51e07a0b9b..8b10386069 100644
--- "a/categories/\346\203\263\346\263\225/page/2/index.html"
+++ "b/categories/\346\203\263\346\263\225/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\203\263\346\263\225/page/3/index.html" "b/categories/\346\203\263\346\263\225/page/3/index.html"
index 8e51dde058..dad656eccf 100644
--- "a/categories/\346\203\263\346\263\225/page/3/index.html"
+++ "b/categories/\346\203\263\346\263\225/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\203\263\346\263\225/page/4/index.html" "b/categories/\346\203\263\346\263\225/page/4/index.html"
index 8846b34484..f655f3959b 100644
--- "a/categories/\346\203\263\346\263\225/page/4/index.html"
+++ "b/categories/\346\203\263\346\263\225/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\203\263\346\263\225/page/5/index.html" "b/categories/\346\203\263\346\263\225/page/5/index.html"
index f2f04c58d2..db72821dc5 100644
--- "a/categories/\346\203\263\346\263\225/page/5/index.html"
+++ "b/categories/\346\203\263\346\263\225/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\346\212\200\346\234\257/index.html" "b/categories/\346\212\200\346\234\257/index.html"
index 7d8d906c95..d6cb6657ab 100644
--- "a/categories/\346\212\200\346\234\257/index.html"
+++ "b/categories/\346\212\200\346\234\257/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\212\200\346\234\257/page/2/index.html" "b/categories/\346\212\200\346\234\257/page/2/index.html"
index 936c36ba00..8acaf9812a 100644
--- "a/categories/\346\212\200\346\234\257/page/2/index.html"
+++ "b/categories/\346\212\200\346\234\257/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\212\200\346\234\257/page/3/index.html" "b/categories/\346\212\200\346\234\257/page/3/index.html"
index 4ee267b924..8452df35a6 100644
--- "a/categories/\346\212\200\346\234\257/page/3/index.html"
+++ "b/categories/\346\212\200\346\234\257/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\212\200\346\234\257/page/4/index.html" "b/categories/\346\212\200\346\234\257/page/4/index.html"
index 84df4e1db6..091359648d 100644
--- "a/categories/\346\212\200\346\234\257/page/4/index.html"
+++ "b/categories/\346\212\200\346\234\257/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\212\200\346\234\257/page/5/index.html" "b/categories/\346\212\200\346\234\257/page/5/index.html"
index 3783e234eb..36f12af6b8 100644
--- "a/categories/\346\212\200\346\234\257/page/5/index.html"
+++ "b/categories/\346\212\200\346\234\257/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/index.html" "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
index d25884607c..d71e975feb 100644
--- "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
+++ "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html" "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
index 10c5453dc5..2065d3ee40 100644
--- "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
+++ "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html" "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
index ca885c9a70..bbe1cebb9c 100644
--- "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
+++ "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html" "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
index 286b9ad735..84bd21b36d 100644
--- "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
+++ "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html" "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
index b8e6554c11..e44ca1c060 100644
--- "a/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
+++ "b/categories/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\347\250\213\345\272\217/index.html" "b/categories/\347\250\213\345\272\217/index.html"
index 07c0fd298e..f078e29061 100644
--- "a/categories/\347\250\213\345\272\217/index.html"
+++ "b/categories/\347\250\213\345\272\217/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\347\250\213\345\272\217/page/2/index.html" "b/categories/\347\250\213\345\272\217/page/2/index.html"
index dabcd90daa..09fcae31ee 100644
--- "a/categories/\347\250\213\345\272\217/page/2/index.html"
+++ "b/categories/\347\250\213\345\272\217/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\347\250\213\345\272\217/page/3/index.html" "b/categories/\347\250\213\345\272\217/page/3/index.html"
index 9714c101fb..6022a9ac44 100644
--- "a/categories/\347\250\213\345\272\217/page/3/index.html"
+++ "b/categories/\347\250\213\345\272\217/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\347\250\213\345\272\217/page/4/index.html" "b/categories/\347\250\213\345\272\217/page/4/index.html"
index a3156fbfc9..55d90a9956 100644
--- "a/categories/\347\250\213\345\272\217/page/4/index.html"
+++ "b/categories/\347\250\213\345\272\217/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\347\250\213\345\272\217/page/5/index.html" "b/categories/\347\250\213\345\272\217/page/5/index.html"
index 87a7c075a2..fb57eff0b9 100644
--- "a/categories/\347\250\213\345\272\217/page/5/index.html"
+++ "b/categories/\347\250\213\345\272\217/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\350\231\232\346\236\204/index.html" "b/categories/\350\231\232\346\236\204/index.html"
index 9db86e12a8..b024187a88 100644
--- "a/categories/\350\231\232\346\236\204/index.html"
+++ "b/categories/\350\231\232\346\236\204/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\231\232\346\236\204/page/2/index.html" "b/categories/\350\231\232\346\236\204/page/2/index.html"
index 7a0d99eb42..2e0526949f 100644
--- "a/categories/\350\231\232\346\236\204/page/2/index.html"
+++ "b/categories/\350\231\232\346\236\204/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\231\232\346\236\204/page/3/index.html" "b/categories/\350\231\232\346\236\204/page/3/index.html"
index e537ba087d..0350b096a1 100644
--- "a/categories/\350\231\232\346\236\204/page/3/index.html"
+++ "b/categories/\350\231\232\346\236\204/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\231\232\346\236\204/page/4/index.html" "b/categories/\350\231\232\346\236\204/page/4/index.html"
index b3995a1a20..8251e42feb 100644
--- "a/categories/\350\231\232\346\236\204/page/4/index.html"
+++ "b/categories/\350\231\232\346\236\204/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\231\232\346\236\204/page/5/index.html" "b/categories/\350\231\232\346\236\204/page/5/index.html"
index 79c0e98aa5..0fe957667f 100644
--- "a/categories/\350\231\232\346\236\204/page/5/index.html"
+++ "b/categories/\350\231\232\346\236\204/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/index.html" "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/index.html"
index e56f849d22..625efb878e 100644
--- "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/index.html"
+++ "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/2/index.html" "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/2/index.html"
index 94a1183a29..d9589ab46d 100644
--- "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/2/index.html"
+++ "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/3/index.html" "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/3/index.html"
index 5f020c072d..9328e4daa8 100644
--- "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/3/index.html"
+++ "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/4/index.html" "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/4/index.html"
index 24a780cf59..1b21a18e55 100644
--- "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/4/index.html"
+++ "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/5/index.html" "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/5/index.html"
index 846b7974b5..f5171ead40 100644
--- "a/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/5/index.html"
+++ "b/categories/\350\247\243\345\206\263\345\212\236\346\263\225/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\350\256\241\347\256\227\346\234\272/index.html" "b/categories/\350\256\241\347\256\227\346\234\272/index.html"
index fa249f72da..e8a2241fdf 100644
--- "a/categories/\350\256\241\347\256\227\346\234\272/index.html"
+++ "b/categories/\350\256\241\347\256\227\346\234\272/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\256\241\347\256\227\346\234\272/page/2/index.html" "b/categories/\350\256\241\347\256\227\346\234\272/page/2/index.html"
index 4927c37096..289208d3e8 100644
--- "a/categories/\350\256\241\347\256\227\346\234\272/page/2/index.html"
+++ "b/categories/\350\256\241\347\256\227\346\234\272/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\256\241\347\256\227\346\234\272/page/3/index.html" "b/categories/\350\256\241\347\256\227\346\234\272/page/3/index.html"
index d549c8af06..6b90cd6aee 100644
--- "a/categories/\350\256\241\347\256\227\346\234\272/page/3/index.html"
+++ "b/categories/\350\256\241\347\256\227\346\234\272/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\256\241\347\256\227\346\234\272/page/4/index.html" "b/categories/\350\256\241\347\256\227\346\234\272/page/4/index.html"
index f5b0696c69..86b7d0b102 100644
--- "a/categories/\350\256\241\347\256\227\346\234\272/page/4/index.html"
+++ "b/categories/\350\256\241\347\256\227\346\234\272/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\256\241\347\256\227\346\234\272/page/5/index.html" "b/categories/\350\256\241\347\256\227\346\234\272/page/5/index.html"
index 5ca07916c2..f7f47045e9 100644
--- "a/categories/\350\256\241\347\256\227\346\234\272/page/5/index.html"
+++ "b/categories/\350\256\241\347\256\227\346\234\272/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/index.html" "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/index.html"
index 679931f0f7..78330a2120 100644
--- "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/index.html"
+++ "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/2/index.html" "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/2/index.html"
index 163a44d9dc..e446d632cb 100644
--- "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/2/index.html"
+++ "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/3/index.html" "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/3/index.html"
index cdb20fdba4..d3168de0e7 100644
--- "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/3/index.html"
+++ "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/4/index.html" "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/4/index.html"
index 088c0c8b6a..b734e9efc5 100644
--- "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/4/index.html"
+++ "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/5/index.html" "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/5/index.html"
index 80c3b100c8..a1147ade8a 100644
--- "a/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/5/index.html"
+++ "b/categories/\350\266\205\346\225\217\345\217\215\345\272\224/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/categories/\351\203\250\347\275\262/index.html" "b/categories/\351\203\250\347\275\262/index.html"
index d954f0874a..81979f7b9b 100644
--- "a/categories/\351\203\250\347\275\262/index.html"
+++ "b/categories/\351\203\250\347\275\262/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\351\203\250\347\275\262/page/2/index.html" "b/categories/\351\203\250\347\275\262/page/2/index.html"
index 8eb220aa6b..4e5aeebafa 100644
--- "a/categories/\351\203\250\347\275\262/page/2/index.html"
+++ "b/categories/\351\203\250\347\275\262/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/categories/\351\203\250\347\275\262/page/3/index.html" "b/categories/\351\203\250\347\275\262/page/3/index.html"
index 71b61134d8..6c220078a7 100644
--- "a/categories/\351\203\250\347\275\262/page/3/index.html"
+++ "b/categories/\351\203\250\347\275\262/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\351\203\250\347\275\262/page/4/index.html" "b/categories/\351\203\250\347\275\262/page/4/index.html"
index c0531a8454..8e258d9919 100644
--- "a/categories/\351\203\250\347\275\262/page/4/index.html"
+++ "b/categories/\351\203\250\347\275\262/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/categories/\351\203\250\347\275\262/page/5/index.html" "b/categories/\351\203\250\347\275\262/page/5/index.html"
index 816f35f13c..1c15e9b2af 100644
--- "a/categories/\351\203\250\347\275\262/page/5/index.html"
+++ "b/categories/\351\203\250\347\275\262/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/comments/index.html b/comments/index.html
index f3093add42..e0d9e41598 100644
--- a/comments/index.html
+++ b/comments/index.html
@@ -5,7 +5,7 @@
 
 
 
-<title>Comments | 阿波尔的博客</title>
+<title>comments | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -128,7 +128,7 @@
 
 <div class="container">
   <h2 class="subtitle is-6">January 1, 0001</h2>
-  <h1 class="subtitle is-size-4-mobile is-size-3-desktop">Comments</h1>
+  <h1 class="subtitle is-size-4-mobile is-size-3-desktop">comments</h1>
   <div class="content">
 <form id="search" action='//www.google.com/search' method="get" accept-charset="utf-8" target="_blank" _lpchecked="1">
       
diff --git a/index.html b/index.html
index c7973ac371..ce36f7ac4c 100644
--- a/index.html
+++ b/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
     </main>
diff --git a/index.xml b/index.xml
index 8d06e15dfb..4f04ba5130 100644
--- a/index.xml
+++ b/index.xml
@@ -7,7 +7,7 @@
     <generator>Hugo</generator>
     <language>EN</language>
     <copyright>&amp;copy; &lt;a href=&#34;https://www.zaqizaba.xyz&#34;&gt;阿波尔的博客&lt;/a&gt; 2019-2024</copyright>
-    <lastBuildDate>Tue, 19 Nov 2024 09:16:13 +0800</lastBuildDate>
+    <lastBuildDate>Fri, 06 Dec 2024 15:54:20 +0800</lastBuildDate>
     <atom:link href="https://www.zaqizaba.xyz/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Creating a New Theme</title>
@@ -23,6 +23,13 @@
       <guid>https://www.zaqizaba.xyz/posts/migrate-from-jekyll/</guid>
       <description>&lt;h2 id=&#34;move-static-content-to-static&#34;&gt;Move static content to &lt;code&gt;static&lt;/code&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Jekyll has a rule that any directory not starting with &lt;code&gt;_&lt;/code&gt; will be copied as-is to the &lt;code&gt;_site&lt;/code&gt; output. Hugo keeps all static content under &lt;code&gt;static&lt;/code&gt;. You should therefore move it all there.&#xA;With Jekyll, something that looked like&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;▾ &amp;lt;root&amp;gt;/&#xA;    ▾ images/&#xA;        logo.png&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;p&gt;should become&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;▾ &amp;lt;root&amp;gt;/&#xA;    ▾ static/&#xA;        ▾ images/&#xA;            logo.png&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;p&gt;Additionally, you&amp;rsquo;ll want any files that should reside at the root (such as &lt;code&gt;CNAME&lt;/code&gt;) to be moved to &lt;code&gt;static&lt;/code&gt;.&lt;/p&gt;</description>
     </item>
+    <item>
+      <title>让PC端用上ChatGPT</title>
+      <link>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</guid>
+      <description>&lt;p&gt;![](&lt;a href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&#34;&gt;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&lt;/a&gt;·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)&lt;/p&gt;&#xA;&lt;p&gt;chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: center&#34;&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34; alt=&#34;microsoft store中国区商店&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: center&#34;&gt;&lt;strong&gt;microsoft store中国区商店搜索未见chatgpt&lt;/strong&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;首先，去Microsoft&lt;a href=&#34;https://login.microsoftonline.com/&#34;&gt;登录页面注册&lt;/a&gt;(&lt;strong&gt;注册邮箱是Google或者outlook、yahoo。国内qq、sina邮箱也行&lt;/strong&gt;)。注册好后登录microsoft store。再分别打开&lt;code&gt;windows设置&lt;/code&gt;》&lt;code&gt;时间和语言&lt;/code&gt;》&lt;code&gt;区域&lt;/code&gt;》&lt;code&gt;国家或地区选择“中国→美国”&lt;/code&gt;后，关机重启更换Microsoft商店为美区。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;换成美区后，搜索应该可以看到chatgpt了，下载。&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这样，就可以享受PC端的chatgpt了。然后开启科学上网模式，登录后界面如下：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;然后自己可以按照喜好去探索了，比如生成一张chatgpt艺术画：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;探索的话，可以去  &lt;strong&gt;“自定义ChatGPT”&lt;/strong&gt; 去找到合适的应用场景生成相应的解答就行了。&lt;/p&gt;</description>
+    </item>
     <item>
       <title>这个社会或许真的病了</title>
       <link>https://www.zaqizaba.xyz/posts/%E8%BF%99%E4%B8%AA%E7%A4%BE%E4%BC%9A%E6%88%96%E8%AE%B8%E7%9C%9F%E7%9A%84%E7%97%85%E4%BA%86/</link>
diff --git a/page/2/index.html b/page/2/index.html
index 94501ebe73..da4b3a1259 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
     </main>
diff --git a/page/3/index.html b/page/3/index.html
index d1039c26e4..2a0d890eac 100644
--- a/page/3/index.html
+++ b/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
     </main>
   <section class="section">
diff --git a/page/4/index.html b/page/4/index.html
index 1b7856f1ea..c39acca0a1 100644
--- a/page/4/index.html
+++ b/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
     </main>
   <section class="section">
diff --git a/page/5/index.html b/page/5/index.html
index 3fdfdcb356..7363b6037a 100644
--- a/page/5/index.html
+++ b/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/posts/index.html b/posts/index.html
index d1f852aff3..a8f8add21f 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/posts/index.xml b/posts/index.xml
index 6cc16a7c16..ceb36c9d97 100644
--- a/posts/index.xml
+++ b/posts/index.xml
@@ -7,7 +7,7 @@
     <generator>Hugo</generator>
     <language>EN</language>
     <copyright>&amp;copy; &lt;a href=&#34;https://www.zaqizaba.xyz&#34;&gt;阿波尔的博客&lt;/a&gt; 2019-2024</copyright>
-    <lastBuildDate>Tue, 19 Nov 2024 09:16:13 +0800</lastBuildDate>
+    <lastBuildDate>Fri, 06 Dec 2024 15:54:20 +0800</lastBuildDate>
     <atom:link href="https://www.zaqizaba.xyz/posts/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Creating a New Theme</title>
@@ -23,6 +23,13 @@
       <guid>https://www.zaqizaba.xyz/posts/migrate-from-jekyll/</guid>
       <description>&lt;h2 id=&#34;move-static-content-to-static&#34;&gt;Move static content to &lt;code&gt;static&lt;/code&gt;&lt;/h2&gt;&#xA;&lt;p&gt;Jekyll has a rule that any directory not starting with &lt;code&gt;_&lt;/code&gt; will be copied as-is to the &lt;code&gt;_site&lt;/code&gt; output. Hugo keeps all static content under &lt;code&gt;static&lt;/code&gt;. You should therefore move it all there.&#xA;With Jekyll, something that looked like&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;▾ &amp;lt;root&amp;gt;/&#xA;    ▾ images/&#xA;        logo.png&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;p&gt;should become&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;▾ &amp;lt;root&amp;gt;/&#xA;    ▾ static/&#xA;        ▾ images/&#xA;            logo.png&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;p&gt;Additionally, you&amp;rsquo;ll want any files that should reside at the root (such as &lt;code&gt;CNAME&lt;/code&gt;) to be moved to &lt;code&gt;static&lt;/code&gt;.&lt;/p&gt;</description>
     </item>
+    <item>
+      <title>让PC端用上ChatGPT</title>
+      <link>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</guid>
+      <description>&lt;p&gt;![](&lt;a href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&#34;&gt;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&lt;/a&gt;·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)&lt;/p&gt;&#xA;&lt;p&gt;chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: center&#34;&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34; alt=&#34;microsoft store中国区商店&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: center&#34;&gt;&lt;strong&gt;microsoft store中国区商店搜索未见chatgpt&lt;/strong&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;首先，去Microsoft&lt;a href=&#34;https://login.microsoftonline.com/&#34;&gt;登录页面注册&lt;/a&gt;(&lt;strong&gt;注册邮箱是Google或者outlook、yahoo。国内qq、sina邮箱也行&lt;/strong&gt;)。注册好后登录microsoft store。再分别打开&lt;code&gt;windows设置&lt;/code&gt;》&lt;code&gt;时间和语言&lt;/code&gt;》&lt;code&gt;区域&lt;/code&gt;》&lt;code&gt;国家或地区选择“中国→美国”&lt;/code&gt;后，关机重启更换Microsoft商店为美区。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;换成美区后，搜索应该可以看到chatgpt了，下载。&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这样，就可以享受PC端的chatgpt了。然后开启科学上网模式，登录后界面如下：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;然后自己可以按照喜好去探索了，比如生成一张chatgpt艺术画：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;探索的话，可以去  &lt;strong&gt;“自定义ChatGPT”&lt;/strong&gt; 去找到合适的应用场景生成相应的解答就行了。&lt;/p&gt;</description>
+    </item>
     <item>
       <title>这个社会或许真的病了</title>
       <link>https://www.zaqizaba.xyz/posts/%E8%BF%99%E4%B8%AA%E7%A4%BE%E4%BC%9A%E6%88%96%E8%AE%B8%E7%9C%9F%E7%9A%84%E7%97%85%E4%BA%86/</link>
diff --git a/posts/page/2/index.html b/posts/page/2/index.html
index 189b887bf1..9ae4998d29 100644
--- a/posts/page/2/index.html
+++ b/posts/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/posts/page/3/index.html b/posts/page/3/index.html
index 6c26a63512..2744e4edcf 100644
--- a/posts/page/3/index.html
+++ b/posts/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/posts/page/4/index.html b/posts/page/4/index.html
index 6df81ce91b..b8b9a62d46 100644
--- a/posts/page/4/index.html
+++ b/posts/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/posts/page/5/index.html b/posts/page/5/index.html
index 04bbb5726e..5a71e80b71 100644
--- a/posts/page/5/index.html
+++ b/posts/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html" "b/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html"
new file mode 100644
index 0000000000..43b04cdd9b
--- /dev/null
+++ "b/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html"
@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="EN">
+<head><meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+
+<title>让PC端用上ChatGPT | 阿波尔的博客</title>
+
+<link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
+<link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" 
+integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
+<script async src="https://cdn.staticfile.org/mermaid/8.8.2/mermaid.min.js"></script>
+<body></head>
+
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/zenburn.min.css" crossorigin="anonymous" />
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" integrity="sha256-/BfiIkHlHoVihZdc6TFuj7MmJ0TWcWsMXkeDFwhi0zw=" crossorigin="anonymous"></script>
+<script>hljs.initHighlightingOnLoad();</script>
+<script src="https://www.zaqizaba.xyz//js/highlight.js"></script>
+
+
+<html>
+<script>
+MathJax = {
+  tex: {
+    inlineMath: [['$', '$'], ['\\(', '\\)']]
+  },
+  svg: {
+    fontCache: 'global'
+  }
+};
+</script>
+<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
+<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.min.js"></script>
+</html>
+
+
+<link type="text/css" rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jsSocials/1.5.0/jssocials.css" />
+<link type="text/css" rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jsSocials/1.5.0/jssocials-theme-minima.css" />
+<script type="text/javascript" src="https://www.zaqizaba.xyz//js/jssocials.js"></script>
+
+
+
+<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
+<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css" />
+<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+
+
+
+
+
+
+
+
+<script>
+    
+    Array.from(document.getElementsByClassName('language-mermaid')).forEach(el => {
+        el.parentElement.outerHTML = `<div class="mermaid">${el.innerText}</div>`
+    })
+</script>
+<style>
+ 
+.mermaid svg {
+    display: block;
+    margin: auto;
+}
+</style>
+</body>
+
+
+<div class="container">
+    <nav class="navbar level">
+      <div class="navbar-brand">
+          <a class="nav-item" href="https://www.zaqizaba.xyz/"><h1 class="title is-3">阿波尔的博客</h1></a>
+      </div>           
+      <div class="navbar-menu has-text-centered is-active">
+          <div class="navbar-end is-centered">
+              
+                <a href="https://www.zaqizaba.xyz/about" rel="me">
+                  <span class="icon">
+                    <i class="fas fa-info"></i>
+                  </span>
+                </a>
+              
+                <a href="https://www.zaqizaba.xyz/archives" rel="me">
+                  <span class="icon">
+                    <i class="fas fa-archive"></i>
+                  </span>
+                </a>
+              
+                <a href="https://www.zaqizaba.xyz/comments" rel="me">
+                  <span class="icon">
+                    <i class="fas fa-comment"></i>
+                  </span>
+                </a>
+              
+                <a href="https://github.com/flight025" rel="me">
+                  <span class="icon">
+                    <i class="fab fa-github"></i>
+                  </span>
+                </a>
+              
+                <a href="https://www.zhihu.com/people/a-gan-jing-shen" rel="me">
+                  <span class="icon">
+                    <i class="fab fa-zhihu"></i>
+                  </span>
+                </a>
+              
+                <a href="https://twitter.com/666GXF" rel="me">
+                  <span class="icon">
+                    <i class="fab fa-twitter"></i>
+                  </span>
+                </a>
+              
+                <a href="https://www.zaqizaba.xyz/index.xml" rel="me">
+                  <span class="icon">
+                    <i class="fa fa-rss"></i>
+                  </span>
+                </a>
+              
+           </div>
+      </div>
+    </nav>
+  </div>
+
+<div class="container">
+  <h2 class="subtitle is-6">December 6, 2024</h2>
+  <h1 class="subtitle is-size-4-mobile is-size-3-desktop">让PC端用上ChatGPT</h1>
+  <div class="content">
+    <p>![](<a href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL">https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL</a>·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)</p>
+<p>chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。</p>
+<table>
+  <thead>
+      <tr>
+          <th style="text-align: center">
+<div class="post-img-view">
+<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG">
+<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG" alt="microsoft store中国区商店"  />
+</a>
+</div>
+</th>
+      </tr>
+  </thead>
+  <tbody>
+      <tr>
+          <td style="text-align: center"><strong>microsoft store中国区商店搜索未见chatgpt</strong></td>
+      </tr>
+  </tbody>
+</table>
+<blockquote>
+<p>首先，去Microsoft<a href="https://login.microsoftonline.com/">登录页面注册</a>(<strong>注册邮箱是Google或者outlook、yahoo。国内qq、sina邮箱也行</strong>)。注册好后登录microsoft store。再分别打开<code>windows设置</code>》<code>时间和语言</code>》<code>区域</code>》<code>国家或地区选择“中国→美国”</code>后，关机重启更换Microsoft商店为美区。</p>
+</blockquote>
+<p>换成美区后，搜索应该可以看到chatgpt了，下载。</p>
+<p>
+<div class="post-img-view">
+<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG">
+<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG" alt=""  />
+</a>
+</div>
+</p>
+<p>这样，就可以享受PC端的chatgpt了。然后开启科学上网模式，登录后界面如下：</p>
+<p>
+<div class="post-img-view">
+<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG">
+<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG" alt=""  />
+</a>
+</div>
+</p>
+<p>然后自己可以按照喜好去探索了，比如生成一张chatgpt艺术画：</p>
+<p>
+<div class="post-img-view">
+<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp">
+<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp" alt=""  />
+</a>
+</div>
+</p>
+<p>探索的话，可以去  <strong>“自定义ChatGPT”</strong> 去找到合适的应用场景生成相应的解答就行了。</p>
+
+  </div>
+</div>
+<div class="container has-text-centered">
+    
+    <aside><div id="share"></div></aside>
+    <script type="text/javascript">
+        $("#share").jsSocials({
+            showLabel: false,
+            showCount: false,
+            shares: ["email", "twitter"]
+        });
+    </script>
+    
+    本作品采用<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议</a>进行许可。
+</div>
+<div class="container">
+<head>
+  
+ <script src="https://unpkg.com/@waline/client@2.15.8/dist/waline.js"></script> 
+ <link rel= "stylesheet" href= "https://www.zaqizaba.xyz/css/waline.css" integrity= "ppjat2Nqt9/vogVpCBD/nqCHV1spgY56HenQwKAi/Ru+Qp4ILlhUr7MumlCujChTrjI6Ab+Tc1vjanZ2GIhmUw==" crossorigin= "anonymous" >
+</head>
+<body>
+  
+  <div id="waline"></div><div id="waline" class="waline-container"></div>
+  <script>
+
+var locale = {
+  nick: '😐的爱称',
+  nickError: '昵称不能少于3个字符',
+  mail: '你的📫',
+  mailError: '请填写正确的邮件地址',
+  link: '🌐的链接',
+  placeholder: '此刻你看完这篇博文脑海中的想法是什么呢，大胆说出来吧ヾ(•ω•`)o',
+  sofa: '🍿🍿🍿',
+  submit: '提交',
+  reply: '回复',
+  cancelReply: '取消回复',
+  comment: '评论',
+  more: '加载更多...',
+  preview: '预览',
+  emoji: '表情',
+  expand: '查看更多...',
+  seconds: '秒前',
+  minutes: '分钟前',
+  hours: '小时前',
+  days: '天前',
+  now: '刚刚',
+  uploading: '正在上传',
+  login: '登录',
+  logout: '退出',
+  admin: '博主',
+  word: '字',
+  wordHint: '评论字数应在 $0 到 $1 字之间！\n当前字数：$2',
+};
+
+Waline.init({
+      el: '#waline',
+      lang: 'zh-CN',
+      dark: 'auto',
+      serverURL: 'https://zaqizaba.xyz',
+      locale,
+      emoji: 
+    [
+    'https://gcore.jsdelivr.net/gh/zhheo/Sticker-Heo@main/Sticker-100/',
+    'https://cdn.cbd.int/sarakale-assets@1.2.1/emoji/acfun_color/'
+  ],
+});
+  </script>
+</body>
+
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-FFW576XTMR"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-FFW576XTMR');
+</script>
+
+
+
+<div class="container has-text-centered">
+<section class="section">
+    <p>&copy;<a href="https://www.zaqizaba.xyz">阿波尔的博客</a>2019-2024</p>
+  </div>
+</section>
\ No newline at end of file
diff --git a/series/index.html b/series/index.html
index bcacd192ab..258a4513e3 100644
--- a/series/index.html
+++ b/series/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/series/nostalgia/index.html b/series/nostalgia/index.html
index cbf09f54ff..d171a919c9 100644
--- a/series/nostalgia/index.html
+++ b/series/nostalgia/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/series/nostalgia/page/2/index.html b/series/nostalgia/page/2/index.html
index c77cf944d8..0994794807 100644
--- a/series/nostalgia/page/2/index.html
+++ b/series/nostalgia/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/series/nostalgia/page/3/index.html b/series/nostalgia/page/3/index.html
index 2aa558a34a..051a00ab4b 100644
--- a/series/nostalgia/page/3/index.html
+++ b/series/nostalgia/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/series/nostalgia/page/4/index.html b/series/nostalgia/page/4/index.html
index c067ac6c26..ad9fcde3ac 100644
--- a/series/nostalgia/page/4/index.html
+++ b/series/nostalgia/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/series/nostalgia/page/5/index.html b/series/nostalgia/page/5/index.html
index 20ec8fbad4..af6cc5095a 100644
--- a/series/nostalgia/page/5/index.html
+++ b/series/nostalgia/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/series/page/2/index.html b/series/page/2/index.html
index bc6325e582..7e75b9209c 100644
--- a/series/page/2/index.html
+++ b/series/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/series/page/3/index.html b/series/page/3/index.html
index a44ed88804..d7ca901c91 100644
--- a/series/page/3/index.html
+++ b/series/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/series/page/4/index.html b/series/page/4/index.html
index b4adbada65..2680cdc47e 100644
--- a/series/page/4/index.html
+++ b/series/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/series/page/5/index.html b/series/page/5/index.html
index 05959d5c89..328328ec21 100644
--- a/series/page/5/index.html
+++ b/series/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/911s5/index.html b/tags/911s5/index.html
index 350cad0c47..a67bc75f4e 100644
--- a/tags/911s5/index.html
+++ b/tags/911s5/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/911s5/page/2/index.html b/tags/911s5/page/2/index.html
index 0721ce3ea2..e2269cca10 100644
--- a/tags/911s5/page/2/index.html
+++ b/tags/911s5/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/911s5/page/3/index.html b/tags/911s5/page/3/index.html
index d8ffa6876c..56d85bfad6 100644
--- a/tags/911s5/page/3/index.html
+++ b/tags/911s5/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/911s5/page/4/index.html b/tags/911s5/page/4/index.html
index eade071d61..ed01e07494 100644
--- a/tags/911s5/page/4/index.html
+++ b/tags/911s5/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/911s5/page/5/index.html b/tags/911s5/page/5/index.html
index 802bb5693d..a46e0808e3 100644
--- a/tags/911s5/page/5/index.html
+++ b/tags/911s5/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/ai/index.html b/tags/ai/index.html
index 788633e8ca..7e04802245 100644
--- a/tags/ai/index.html
+++ b/tags/ai/index.html
@@ -7,7 +7,7 @@
 
 
 
-<title>AI | 阿波尔的博客</title>
+<title>Ai | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ai/index.xml b/tags/ai/index.xml
index 9f6f093078..eaa102fd12 100644
--- a/tags/ai/index.xml
+++ b/tags/ai/index.xml
@@ -1,14 +1,21 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>AI on 阿波尔的博客</title>
+    <title>Ai on 阿波尔的博客</title>
     <link>https://www.zaqizaba.xyz/tags/ai/</link>
-    <description>Recent content in AI on 阿波尔的博客</description>
+    <description>Recent content in Ai on 阿波尔的博客</description>
     <generator>Hugo</generator>
     <language>EN</language>
     <copyright>&amp;copy; &lt;a href=&#34;https://www.zaqizaba.xyz&#34;&gt;阿波尔的博客&lt;/a&gt; 2019-2024</copyright>
-    <lastBuildDate>Fri, 17 Mar 2023 22:25:46 +0800</lastBuildDate>
+    <lastBuildDate>Fri, 06 Dec 2024 15:54:20 +0800</lastBuildDate>
     <atom:link href="https://www.zaqizaba.xyz/tags/ai/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>让PC端用上ChatGPT</title>
+      <link>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</guid>
+      <description>&lt;p&gt;![](&lt;a href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&#34;&gt;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&lt;/a&gt;·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)&lt;/p&gt;&#xA;&lt;p&gt;chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: center&#34;&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34; alt=&#34;microsoft store中国区商店&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: center&#34;&gt;&lt;strong&gt;microsoft store中国区商店搜索未见chatgpt&lt;/strong&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;首先，去Microsoft&lt;a href=&#34;https://login.microsoftonline.com/&#34;&gt;登录页面注册&lt;/a&gt;(&lt;strong&gt;注册邮箱是Google或者outlook、yahoo。国内qq、sina邮箱也行&lt;/strong&gt;)。注册好后登录microsoft store。再分别打开&lt;code&gt;windows设置&lt;/code&gt;》&lt;code&gt;时间和语言&lt;/code&gt;》&lt;code&gt;区域&lt;/code&gt;》&lt;code&gt;国家或地区选择“中国→美国”&lt;/code&gt;后，关机重启更换Microsoft商店为美区。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;换成美区后，搜索应该可以看到chatgpt了，下载。&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这样，就可以享受PC端的chatgpt了。然后开启科学上网模式，登录后界面如下：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;然后自己可以按照喜好去探索了，比如生成一张chatgpt艺术画：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;探索的话，可以去  &lt;strong&gt;“自定义ChatGPT”&lt;/strong&gt; 去找到合适的应用场景生成相应的解答就行了。&lt;/p&gt;</description>
+    </item>
     <item>
       <title>注册chatgpt并成功实现微信对接</title>
       <link>https://www.zaqizaba.xyz/posts/%E6%B3%A8%E5%86%8Cchatgpt%E5%B9%B6%E6%88%90%E5%8A%9F%E5%AE%9E%E7%8E%B0%E5%BE%AE%E4%BF%A1%E5%AF%B9%E6%8E%A5/</link>
diff --git a/tags/ai/page/2/index.html b/tags/ai/page/2/index.html
index 789b8f9e17..ed9d7546cd 100644
--- a/tags/ai/page/2/index.html
+++ b/tags/ai/page/2/index.html
@@ -7,7 +7,7 @@
 
 
 
-<title>AI | 阿波尔的博客</title>
+<title>Ai | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ai/page/3/index.html b/tags/ai/page/3/index.html
index 734ef52e6b..42415036cf 100644
--- a/tags/ai/page/3/index.html
+++ b/tags/ai/page/3/index.html
@@ -7,7 +7,7 @@
 
 
 
-<title>AI | 阿波尔的博客</title>
+<title>Ai | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ai/page/4/index.html b/tags/ai/page/4/index.html
index 3b6d3e0e6c..2b52afd44a 100644
--- a/tags/ai/page/4/index.html
+++ b/tags/ai/page/4/index.html
@@ -7,7 +7,7 @@
 
 
 
-<title>AI | 阿波尔的博客</title>
+<title>Ai | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ai/page/5/index.html b/tags/ai/page/5/index.html
index 3cd8f07f20..e1f629c8c4 100644
--- a/tags/ai/page/5/index.html
+++ b/tags/ai/page/5/index.html
@@ -7,7 +7,7 @@
 
 
 
-<title>AI | 阿波尔的博客</title>
+<title>Ai | 阿波尔的博客</title>
 
 <link rel="stylesheet" href="https://www.zaqizaba.xyz//css/styles.css">
 <link rel="stylesheet" href="https://www.zaqizaba.xyz/css/fonts.css" integrity="nHA4sQes5N4kC/1rRzsd9KcxNPPEG1e4F7kjT3rg7mhweyYUuxGU985+SOHzZCsN" crossorigin="anonymous"></script>
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/android/index.html b/tags/android/index.html
index f8622db476..25b9d9a7e6 100644
--- a/tags/android/index.html
+++ b/tags/android/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/android/page/2/index.html b/tags/android/page/2/index.html
index 5a5ba38e65..79b9e57384 100644
--- a/tags/android/page/2/index.html
+++ b/tags/android/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/android/page/3/index.html b/tags/android/page/3/index.html
index 3060333d31..a96b68b4fb 100644
--- a/tags/android/page/3/index.html
+++ b/tags/android/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/android/page/4/index.html b/tags/android/page/4/index.html
index e0614bb2ce..5b6704b897 100644
--- a/tags/android/page/4/index.html
+++ b/tags/android/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/android/page/5/index.html b/tags/android/page/5/index.html
index fd54e54eb1..834b83f3d6 100644
--- a/tags/android/page/5/index.html
+++ b/tags/android/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/archlinux/index.html b/tags/archlinux/index.html
index 3a597e7a32..a1e987c162 100644
--- a/tags/archlinux/index.html
+++ b/tags/archlinux/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/archlinux/page/2/index.html b/tags/archlinux/page/2/index.html
index 2ad68d871e..363e22a84a 100644
--- a/tags/archlinux/page/2/index.html
+++ b/tags/archlinux/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/archlinux/page/3/index.html b/tags/archlinux/page/3/index.html
index 2c43082dfa..5b81430396 100644
--- a/tags/archlinux/page/3/index.html
+++ b/tags/archlinux/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/archlinux/page/4/index.html b/tags/archlinux/page/4/index.html
index e30ee4b74a..918dd919b5 100644
--- a/tags/archlinux/page/4/index.html
+++ b/tags/archlinux/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/archlinux/page/5/index.html b/tags/archlinux/page/5/index.html
index 66eed5e212..bbaa5018dd 100644
--- a/tags/archlinux/page/5/index.html
+++ b/tags/archlinux/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/blog/index.html b/tags/blog/index.html
index 31a2fdaace..357c0041c4 100644
--- a/tags/blog/index.html
+++ b/tags/blog/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/blog/page/2/index.html b/tags/blog/page/2/index.html
index d387922abc..34b19a8505 100644
--- a/tags/blog/page/2/index.html
+++ b/tags/blog/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/blog/page/3/index.html b/tags/blog/page/3/index.html
index aba9a8eb18..0dbc32bada 100644
--- a/tags/blog/page/3/index.html
+++ b/tags/blog/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/blog/page/4/index.html b/tags/blog/page/4/index.html
index f2ff2c6269..2d1de18ac4 100644
--- a/tags/blog/page/4/index.html
+++ b/tags/blog/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/blog/page/5/index.html b/tags/blog/page/5/index.html
index 33eefe6545..865566db41 100644
--- a/tags/blog/page/5/index.html
+++ b/tags/blog/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/chatgpt/index.html b/tags/chatgpt/index.html
index af8cddbe4d..f1e13528d9 100644
--- a/tags/chatgpt/index.html
+++ b/tags/chatgpt/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/chatgpt/index.xml b/tags/chatgpt/index.xml
index 4c70135018..b6f54b1aef 100644
--- a/tags/chatgpt/index.xml
+++ b/tags/chatgpt/index.xml
@@ -7,8 +7,15 @@
     <generator>Hugo</generator>
     <language>EN</language>
     <copyright>&amp;copy; &lt;a href=&#34;https://www.zaqizaba.xyz&#34;&gt;阿波尔的博客&lt;/a&gt; 2019-2024</copyright>
-    <lastBuildDate>Fri, 17 Mar 2023 22:25:46 +0800</lastBuildDate>
+    <lastBuildDate>Fri, 06 Dec 2024 15:54:20 +0800</lastBuildDate>
     <atom:link href="https://www.zaqizaba.xyz/tags/chatgpt/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>让PC端用上ChatGPT</title>
+      <link>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/</guid>
+      <description>&lt;p&gt;![](&lt;a href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&#34;&gt;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL&lt;/a&gt;·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)&lt;/p&gt;&#xA;&lt;p&gt;chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: center&#34;&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic1.PNG&#34; alt=&#34;microsoft store中国区商店&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: center&#34;&gt;&lt;strong&gt;microsoft store中国区商店搜索未见chatgpt&lt;/strong&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;首先，去Microsoft&lt;a href=&#34;https://login.microsoftonline.com/&#34;&gt;登录页面注册&lt;/a&gt;(&lt;strong&gt;注册邮箱是Google或者outlook、yahoo。国内qq、sina邮箱也行&lt;/strong&gt;)。注册好后登录microsoft store。再分别打开&lt;code&gt;windows设置&lt;/code&gt;》&lt;code&gt;时间和语言&lt;/code&gt;》&lt;code&gt;区域&lt;/code&gt;》&lt;code&gt;国家或地区选择“中国→美国”&lt;/code&gt;后，关机重启更换Microsoft商店为美区。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;换成美区后，搜索应该可以看到chatgpt了，下载。&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/mic2.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这样，就可以享受PC端的chatgpt了。然后开启科学上网模式，登录后界面如下：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/chatgpt1.PNG&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;然后自己可以按照喜好去探索了，比如生成一张chatgpt艺术画：&lt;/p&gt;&#xA;&lt;p&gt;&#xD;&#xA;&lt;div class=&#34;post-img-view&#34;&gt;&#xD;&#xA;&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34;&gt;&#xD;&#xA;&lt;img src=&#34;https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/9e8eb328-4dc3-49ac-b996-23a73c7ecc2b.webp&#34; alt=&#34;&#34;  /&gt;&#xD;&#xA;&lt;/a&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;探索的话，可以去  &lt;strong&gt;“自定义ChatGPT”&lt;/strong&gt; 去找到合适的应用场景生成相应的解答就行了。&lt;/p&gt;</description>
+    </item>
     <item>
       <title>注册chatgpt并成功实现微信对接</title>
       <link>https://www.zaqizaba.xyz/posts/%E6%B3%A8%E5%86%8Cchatgpt%E5%B9%B6%E6%88%90%E5%8A%9F%E5%AE%9E%E7%8E%B0%E5%BE%AE%E4%BF%A1%E5%AF%B9%E6%8E%A5/</link>
diff --git a/tags/chatgpt/page/2/index.html b/tags/chatgpt/page/2/index.html
index 1cb6ce1d85..0e35027f0b 100644
--- a/tags/chatgpt/page/2/index.html
+++ b/tags/chatgpt/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/chatgpt/page/3/index.html b/tags/chatgpt/page/3/index.html
index f1b11c9f71..26a9030e4b 100644
--- a/tags/chatgpt/page/3/index.html
+++ b/tags/chatgpt/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/chatgpt/page/4/index.html b/tags/chatgpt/page/4/index.html
index b574a59347..61f499ec55 100644
--- a/tags/chatgpt/page/4/index.html
+++ b/tags/chatgpt/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/chatgpt/page/5/index.html b/tags/chatgpt/page/5/index.html
index 1bade3b66b..de9de8867d 100644
--- a/tags/chatgpt/page/5/index.html
+++ b/tags/chatgpt/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/chemische-formel/index.html b/tags/chemische-formel/index.html
index f44a2b75ef..12572cb751 100644
--- a/tags/chemische-formel/index.html
+++ b/tags/chemische-formel/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/chemische-formel/page/2/index.html b/tags/chemische-formel/page/2/index.html
index c7df85455e..0a807cc7ce 100644
--- a/tags/chemische-formel/page/2/index.html
+++ b/tags/chemische-formel/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/chemische-formel/page/3/index.html b/tags/chemische-formel/page/3/index.html
index c002e95b5c..d8c34b29ca 100644
--- a/tags/chemische-formel/page/3/index.html
+++ b/tags/chemische-formel/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/chemische-formel/page/4/index.html b/tags/chemische-formel/page/4/index.html
index a3bf7b0e58..391f926db9 100644
--- a/tags/chemische-formel/page/4/index.html
+++ b/tags/chemische-formel/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/chemische-formel/page/5/index.html b/tags/chemische-formel/page/5/index.html
index 409f7b8c28..c04d0bd241 100644
--- a/tags/chemische-formel/page/5/index.html
+++ b/tags/chemische-formel/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/comupter/index.html b/tags/comupter/index.html
index f4ae01be76..0ae1a0b478 100644
--- a/tags/comupter/index.html
+++ b/tags/comupter/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/comupter/page/2/index.html b/tags/comupter/page/2/index.html
index 572bb17bf6..3ba3afd45c 100644
--- a/tags/comupter/page/2/index.html
+++ b/tags/comupter/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/comupter/page/3/index.html b/tags/comupter/page/3/index.html
index 7f550f53f3..cfcb2891fb 100644
--- a/tags/comupter/page/3/index.html
+++ b/tags/comupter/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/comupter/page/4/index.html b/tags/comupter/page/4/index.html
index ba31de766b..8296e56d1c 100644
--- a/tags/comupter/page/4/index.html
+++ b/tags/comupter/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/comupter/page/5/index.html b/tags/comupter/page/5/index.html
index 0f9a1efad1..1d07df7c11 100644
--- a/tags/comupter/page/5/index.html
+++ b/tags/comupter/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/css/index.html b/tags/css/index.html
index dcb64c1989..a304e2391a 100644
--- a/tags/css/index.html
+++ b/tags/css/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/css/page/2/index.html b/tags/css/page/2/index.html
index c46c203c23..827a590405 100644
--- a/tags/css/page/2/index.html
+++ b/tags/css/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/css/page/3/index.html b/tags/css/page/3/index.html
index c117be6450..141971cd50 100644
--- a/tags/css/page/3/index.html
+++ b/tags/css/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/css/page/4/index.html b/tags/css/page/4/index.html
index 2b7abea2d7..8364222cd5 100644
--- a/tags/css/page/4/index.html
+++ b/tags/css/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/css/page/5/index.html b/tags/css/page/5/index.html
index cadc671752..372421f376 100644
--- a/tags/css/page/5/index.html
+++ b/tags/css/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/development/index.html b/tags/development/index.html
index f291ad40a8..21f3579386 100644
--- a/tags/development/index.html
+++ b/tags/development/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/development/page/2/index.html b/tags/development/page/2/index.html
index 63873b41bd..19dd89fceb 100644
--- a/tags/development/page/2/index.html
+++ b/tags/development/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/development/page/3/index.html b/tags/development/page/3/index.html
index 619823fcb2..125ede9cc7 100644
--- a/tags/development/page/3/index.html
+++ b/tags/development/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/development/page/4/index.html b/tags/development/page/4/index.html
index 96fe315113..fa600b0404 100644
--- a/tags/development/page/4/index.html
+++ b/tags/development/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/development/page/5/index.html b/tags/development/page/5/index.html
index 7b540d19f8..4273870b96 100644
--- a/tags/development/page/5/index.html
+++ b/tags/development/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/gaming-platform/index.html b/tags/gaming-platform/index.html
index 1e60e0c27d..832cdf2688 100644
--- a/tags/gaming-platform/index.html
+++ b/tags/gaming-platform/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/gaming-platform/page/2/index.html b/tags/gaming-platform/page/2/index.html
index f7753f70ca..1986aa94d6 100644
--- a/tags/gaming-platform/page/2/index.html
+++ b/tags/gaming-platform/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/gaming-platform/page/3/index.html b/tags/gaming-platform/page/3/index.html
index 6e8b048350..4a37fe8cc9 100644
--- a/tags/gaming-platform/page/3/index.html
+++ b/tags/gaming-platform/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/gaming-platform/page/4/index.html b/tags/gaming-platform/page/4/index.html
index bf7ad0a220..bd7bdf4325 100644
--- a/tags/gaming-platform/page/4/index.html
+++ b/tags/gaming-platform/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/gaming-platform/page/5/index.html b/tags/gaming-platform/page/5/index.html
index ce2331dd26..87deca1edf 100644
--- a/tags/gaming-platform/page/5/index.html
+++ b/tags/gaming-platform/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/go/index.html b/tags/go/index.html
index 94e77ae6b0..2880cc5dc0 100644
--- a/tags/go/index.html
+++ b/tags/go/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/go/page/2/index.html b/tags/go/page/2/index.html
index 9e234d5d67..64d68a7ffe 100644
--- a/tags/go/page/2/index.html
+++ b/tags/go/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/go/page/3/index.html b/tags/go/page/3/index.html
index 97e9fe50a2..6f6af7aa72 100644
--- a/tags/go/page/3/index.html
+++ b/tags/go/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/go/page/4/index.html b/tags/go/page/4/index.html
index d46b905dcd..5d84f5b92b 100644
--- a/tags/go/page/4/index.html
+++ b/tags/go/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/go/page/5/index.html b/tags/go/page/5/index.html
index 09ee582e8d..0df13923f1 100644
--- a/tags/go/page/5/index.html
+++ b/tags/go/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/golang/index.html b/tags/golang/index.html
index 155bf9f7f4..5308f10f43 100644
--- a/tags/golang/index.html
+++ b/tags/golang/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/golang/page/2/index.html b/tags/golang/page/2/index.html
index 821bb21424..68d581fd33 100644
--- a/tags/golang/page/2/index.html
+++ b/tags/golang/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/golang/page/3/index.html b/tags/golang/page/3/index.html
index 4c4383a8c2..deb4dedd91 100644
--- a/tags/golang/page/3/index.html
+++ b/tags/golang/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/golang/page/4/index.html b/tags/golang/page/4/index.html
index 86d0a36f90..9f50c1624c 100644
--- a/tags/golang/page/4/index.html
+++ b/tags/golang/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/golang/page/5/index.html b/tags/golang/page/5/index.html
index 0c9825c24f..c3dd220b2b 100644
--- a/tags/golang/page/5/index.html
+++ b/tags/golang/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/gpu/index.html b/tags/gpu/index.html
index 9b64d58a55..7cac4a1e7a 100644
--- a/tags/gpu/index.html
+++ b/tags/gpu/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/gpu/page/2/index.html b/tags/gpu/page/2/index.html
index 9c9d062d61..449d7a6ae0 100644
--- a/tags/gpu/page/2/index.html
+++ b/tags/gpu/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/gpu/page/3/index.html b/tags/gpu/page/3/index.html
index 8b2f7f351d..f366eb9fdb 100644
--- a/tags/gpu/page/3/index.html
+++ b/tags/gpu/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/gpu/page/4/index.html b/tags/gpu/page/4/index.html
index 5c33277ffc..4eff687539 100644
--- a/tags/gpu/page/4/index.html
+++ b/tags/gpu/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/gpu/page/5/index.html b/tags/gpu/page/5/index.html
index 271ad971fe..1686c70a1b 100644
--- a/tags/gpu/page/5/index.html
+++ b/tags/gpu/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/hdd/index.html b/tags/hdd/index.html
index 63bc021364..0130efb13f 100644
--- a/tags/hdd/index.html
+++ b/tags/hdd/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/hdd/page/2/index.html b/tags/hdd/page/2/index.html
index aa0e9c6842..c1c671dd8d 100644
--- a/tags/hdd/page/2/index.html
+++ b/tags/hdd/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/hdd/page/3/index.html b/tags/hdd/page/3/index.html
index 84b43ea211..cf317782d0 100644
--- a/tags/hdd/page/3/index.html
+++ b/tags/hdd/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/hdd/page/4/index.html b/tags/hdd/page/4/index.html
index de8f44119d..a26cbfdde6 100644
--- a/tags/hdd/page/4/index.html
+++ b/tags/hdd/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/hdd/page/5/index.html b/tags/hdd/page/5/index.html
index eb4b15dc03..e68acddc69 100644
--- a/tags/hdd/page/5/index.html
+++ b/tags/hdd/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/hugo/index.html b/tags/hugo/index.html
index 6e287fc21a..866d8c146b 100644
--- a/tags/hugo/index.html
+++ b/tags/hugo/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/hugo/page/2/index.html b/tags/hugo/page/2/index.html
index d541cab3db..e205013e3e 100644
--- a/tags/hugo/page/2/index.html
+++ b/tags/hugo/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/hugo/page/3/index.html b/tags/hugo/page/3/index.html
index 29b9b92175..3bcc4dd81c 100644
--- a/tags/hugo/page/3/index.html
+++ b/tags/hugo/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/hugo/page/4/index.html b/tags/hugo/page/4/index.html
index b3b445bf0e..ceaf8badf7 100644
--- a/tags/hugo/page/4/index.html
+++ b/tags/hugo/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/hugo/page/5/index.html b/tags/hugo/page/5/index.html
index a3bb22021f..a950c04bcc 100644
--- a/tags/hugo/page/5/index.html
+++ b/tags/hugo/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/image/index.html b/tags/image/index.html
index 3058f5ee67..c1adc7a573 100644
--- a/tags/image/index.html
+++ b/tags/image/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/image/page/2/index.html b/tags/image/page/2/index.html
index 439e796846..bad8e8e2e3 100644
--- a/tags/image/page/2/index.html
+++ b/tags/image/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/image/page/3/index.html b/tags/image/page/3/index.html
index c9ebebd293..b7e8b3f8ec 100644
--- a/tags/image/page/3/index.html
+++ b/tags/image/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/image/page/4/index.html b/tags/image/page/4/index.html
index b7bf0b4c48..581a79979f 100644
--- a/tags/image/page/4/index.html
+++ b/tags/image/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/image/page/5/index.html b/tags/image/page/5/index.html
index 3bdb89e8c5..7d4c3f8895 100644
--- a/tags/image/page/5/index.html
+++ b/tags/image/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/immunology/index.html b/tags/immunology/index.html
index 3191293ee9..9f9267b1e4 100644
--- a/tags/immunology/index.html
+++ b/tags/immunology/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/immunology/page/2/index.html b/tags/immunology/page/2/index.html
index 7839c6e00d..64e5897ba9 100644
--- a/tags/immunology/page/2/index.html
+++ b/tags/immunology/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/immunology/page/3/index.html b/tags/immunology/page/3/index.html
index 0169aca55c..fbdb59c080 100644
--- a/tags/immunology/page/3/index.html
+++ b/tags/immunology/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/immunology/page/4/index.html b/tags/immunology/page/4/index.html
index 43bda23c4f..b9165c5dac 100644
--- a/tags/immunology/page/4/index.html
+++ b/tags/immunology/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/immunology/page/5/index.html b/tags/immunology/page/5/index.html
index 2d88c5eb3a..7d56da27f2 100644
--- a/tags/immunology/page/5/index.html
+++ b/tags/immunology/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/index.html b/tags/index.html
index a8b336c26a..64e2155d41 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/index.xml b/tags/index.xml
index eca0b831e8..9e3c37fe2d 100644
--- a/tags/index.xml
+++ b/tags/index.xml
@@ -7,8 +7,22 @@
     <generator>Hugo</generator>
     <language>EN</language>
     <copyright>&amp;copy; &lt;a href=&#34;https://www.zaqizaba.xyz&#34;&gt;阿波尔的博客&lt;/a&gt; 2019-2024</copyright>
-    <lastBuildDate>Tue, 19 Nov 2024 09:16:13 +0800</lastBuildDate>
+    <lastBuildDate>Fri, 06 Dec 2024 15:54:20 +0800</lastBuildDate>
     <atom:link href="https://www.zaqizaba.xyz/tags/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Ai</title>
+      <link>https://www.zaqizaba.xyz/tags/ai/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/tags/ai/</guid>
+      <description></description>
+    </item>
+    <item>
+      <title>Chatgpt</title>
+      <link>https://www.zaqizaba.xyz/tags/chatgpt/</link>
+      <pubDate>Fri, 06 Dec 2024 15:54:20 +0800</pubDate>
+      <guid>https://www.zaqizaba.xyz/tags/chatgpt/</guid>
+      <description></description>
+    </item>
     <item>
       <title>社会</title>
       <link>https://www.zaqizaba.xyz/tags/%E7%A4%BE%E4%BC%9A/</link>
@@ -205,20 +219,6 @@
       <guid>https://www.zaqizaba.xyz/tags/nostalgia/</guid>
       <description></description>
     </item>
-    <item>
-      <title>AI</title>
-      <link>https://www.zaqizaba.xyz/tags/ai/</link>
-      <pubDate>Fri, 17 Mar 2023 22:25:46 +0800</pubDate>
-      <guid>https://www.zaqizaba.xyz/tags/ai/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Chatgpt</title>
-      <link>https://www.zaqizaba.xyz/tags/chatgpt/</link>
-      <pubDate>Fri, 17 Mar 2023 22:25:46 +0800</pubDate>
-      <guid>https://www.zaqizaba.xyz/tags/chatgpt/</guid>
-      <description></description>
-    </item>
     <item>
       <title>应用</title>
       <link>https://www.zaqizaba.xyz/tags/%E5%BA%94%E7%94%A8/</link>
diff --git a/tags/ipad/index.html b/tags/ipad/index.html
index 57934fd0ec..34253de210 100644
--- a/tags/ipad/index.html
+++ b/tags/ipad/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ipad/page/2/index.html b/tags/ipad/page/2/index.html
index e1b36155d2..80cf65042c 100644
--- a/tags/ipad/page/2/index.html
+++ b/tags/ipad/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ipad/page/3/index.html b/tags/ipad/page/3/index.html
index c818567b04..e33c0b7116 100644
--- a/tags/ipad/page/3/index.html
+++ b/tags/ipad/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ipad/page/4/index.html b/tags/ipad/page/4/index.html
index 74a01a7d1b..40dfddb041 100644
--- a/tags/ipad/page/4/index.html
+++ b/tags/ipad/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ipad/page/5/index.html b/tags/ipad/page/5/index.html
index 8d83a21228..fb675f8fad 100644
--- a/tags/ipad/page/5/index.html
+++ b/tags/ipad/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/ipv6/index.html b/tags/ipv6/index.html
index 2262939fbb..db7f89758d 100644
--- a/tags/ipv6/index.html
+++ b/tags/ipv6/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ipv6/page/2/index.html b/tags/ipv6/page/2/index.html
index 857a377470..8c9cc63039 100644
--- a/tags/ipv6/page/2/index.html
+++ b/tags/ipv6/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ipv6/page/3/index.html b/tags/ipv6/page/3/index.html
index 390ba1b6c7..4a5efec978 100644
--- a/tags/ipv6/page/3/index.html
+++ b/tags/ipv6/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ipv6/page/4/index.html b/tags/ipv6/page/4/index.html
index a959511317..8778e27bcc 100644
--- a/tags/ipv6/page/4/index.html
+++ b/tags/ipv6/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ipv6/page/5/index.html b/tags/ipv6/page/5/index.html
index b35d2eaac3..49037e0f4b 100644
--- a/tags/ipv6/page/5/index.html
+++ b/tags/ipv6/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/kaiti/index.html b/tags/kaiti/index.html
index b031126486..2cb4386763 100644
--- a/tags/kaiti/index.html
+++ b/tags/kaiti/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/kaiti/page/2/index.html b/tags/kaiti/page/2/index.html
index c6f0e623a1..67a156af41 100644
--- a/tags/kaiti/page/2/index.html
+++ b/tags/kaiti/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/kaiti/page/3/index.html b/tags/kaiti/page/3/index.html
index de98e468bf..237a7ee1b7 100644
--- a/tags/kaiti/page/3/index.html
+++ b/tags/kaiti/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/kaiti/page/4/index.html b/tags/kaiti/page/4/index.html
index 9d2c2665aa..53430cd76c 100644
--- a/tags/kaiti/page/4/index.html
+++ b/tags/kaiti/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/kaiti/page/5/index.html b/tags/kaiti/page/5/index.html
index c5a26cb4af..cd9d3f610b 100644
--- a/tags/kaiti/page/5/index.html
+++ b/tags/kaiti/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/latex/index.html b/tags/latex/index.html
index 21f36f8c74..d33c206270 100644
--- a/tags/latex/index.html
+++ b/tags/latex/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/latex/page/2/index.html b/tags/latex/page/2/index.html
index a422133ea2..3cb8a46676 100644
--- a/tags/latex/page/2/index.html
+++ b/tags/latex/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/latex/page/3/index.html b/tags/latex/page/3/index.html
index c4ad239d09..77cc8cf93d 100644
--- a/tags/latex/page/3/index.html
+++ b/tags/latex/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/latex/page/4/index.html b/tags/latex/page/4/index.html
index e63a5f2ba8..6f3c40bc98 100644
--- a/tags/latex/page/4/index.html
+++ b/tags/latex/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/latex/page/5/index.html b/tags/latex/page/5/index.html
index 2addc564e9..bb0d243189 100644
--- a/tags/latex/page/5/index.html
+++ b/tags/latex/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/nas/index.html b/tags/nas/index.html
index c72ea8570d..804734327d 100644
--- a/tags/nas/index.html
+++ b/tags/nas/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/nas/page/2/index.html b/tags/nas/page/2/index.html
index 226907c3f4..880d917988 100644
--- a/tags/nas/page/2/index.html
+++ b/tags/nas/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/nas/page/3/index.html b/tags/nas/page/3/index.html
index 11ad2f7903..461ce04185 100644
--- a/tags/nas/page/3/index.html
+++ b/tags/nas/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/nas/page/4/index.html b/tags/nas/page/4/index.html
index 69fd4e31a1..4913d46952 100644
--- a/tags/nas/page/4/index.html
+++ b/tags/nas/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/nas/page/5/index.html b/tags/nas/page/5/index.html
index bcc20a7070..1297ae1113 100644
--- a/tags/nas/page/5/index.html
+++ b/tags/nas/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/nostalgia/index.html b/tags/nostalgia/index.html
index 4957a814e5..553be9214f 100644
--- a/tags/nostalgia/index.html
+++ b/tags/nostalgia/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/nostalgia/page/2/index.html b/tags/nostalgia/page/2/index.html
index 7b9a8fc266..2c7f81683e 100644
--- a/tags/nostalgia/page/2/index.html
+++ b/tags/nostalgia/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/nostalgia/page/3/index.html b/tags/nostalgia/page/3/index.html
index 45ec28b26c..27d7bd1dd4 100644
--- a/tags/nostalgia/page/3/index.html
+++ b/tags/nostalgia/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/nostalgia/page/4/index.html b/tags/nostalgia/page/4/index.html
index 5823f4797a..ae131f3ab1 100644
--- a/tags/nostalgia/page/4/index.html
+++ b/tags/nostalgia/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/nostalgia/page/5/index.html b/tags/nostalgia/page/5/index.html
index db6bcfd9db..b1f25cbc5a 100644
--- a/tags/nostalgia/page/5/index.html
+++ b/tags/nostalgia/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/page/2/index.html b/tags/page/2/index.html
index 60ac3ae35c..41a7be002b 100644
--- a/tags/page/2/index.html
+++ b/tags/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/page/3/index.html b/tags/page/3/index.html
index 290adecbf4..da8af0f00d 100644
--- a/tags/page/3/index.html
+++ b/tags/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/page/4/index.html b/tags/page/4/index.html
index 48bc88115d..4b01037dec 100644
--- a/tags/page/4/index.html
+++ b/tags/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/page/5/index.html b/tags/page/5/index.html
index 2420dcfe54..25a3b1116d 100644
--- a/tags/page/5/index.html
+++ b/tags/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/raspberry/index.html b/tags/raspberry/index.html
index ef0997d2e2..3a13d26d50 100644
--- a/tags/raspberry/index.html
+++ b/tags/raspberry/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/raspberry/page/2/index.html b/tags/raspberry/page/2/index.html
index a3bcac33bc..babde211a9 100644
--- a/tags/raspberry/page/2/index.html
+++ b/tags/raspberry/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/raspberry/page/3/index.html b/tags/raspberry/page/3/index.html
index 3287a3c087..639e5dd27f 100644
--- a/tags/raspberry/page/3/index.html
+++ b/tags/raspberry/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/raspberry/page/4/index.html b/tags/raspberry/page/4/index.html
index 63a1d4d77e..71d5423e03 100644
--- a/tags/raspberry/page/4/index.html
+++ b/tags/raspberry/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/raspberry/page/5/index.html b/tags/raspberry/page/5/index.html
index e057e8c206..4b4190416d 100644
--- a/tags/raspberry/page/5/index.html
+++ b/tags/raspberry/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/raspbian/index.html b/tags/raspbian/index.html
index 268055d6aa..c4b6dbc74b 100644
--- a/tags/raspbian/index.html
+++ b/tags/raspbian/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/raspbian/page/2/index.html b/tags/raspbian/page/2/index.html
index b3e30eb81b..7713c73f22 100644
--- a/tags/raspbian/page/2/index.html
+++ b/tags/raspbian/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/raspbian/page/3/index.html b/tags/raspbian/page/3/index.html
index 694126f59e..cc462897a6 100644
--- a/tags/raspbian/page/3/index.html
+++ b/tags/raspbian/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/raspbian/page/4/index.html b/tags/raspbian/page/4/index.html
index 37bc6a10b9..fe03a15dc3 100644
--- a/tags/raspbian/page/4/index.html
+++ b/tags/raspbian/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/raspbian/page/5/index.html b/tags/raspbian/page/5/index.html
index b3eb07c50d..0cd7d3be09 100644
--- a/tags/raspbian/page/5/index.html
+++ b/tags/raspbian/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/reality/index.html b/tags/reality/index.html
index 2d2ca94606..273c5e6eb8 100644
--- a/tags/reality/index.html
+++ b/tags/reality/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/reality/page/2/index.html b/tags/reality/page/2/index.html
index a1fb23df9b..1f0d0fc2d6 100644
--- a/tags/reality/page/2/index.html
+++ b/tags/reality/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/reality/page/3/index.html b/tags/reality/page/3/index.html
index 2d0e7d1b01..09d5301a80 100644
--- a/tags/reality/page/3/index.html
+++ b/tags/reality/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/reality/page/4/index.html b/tags/reality/page/4/index.html
index 6df0273ed2..9807397b84 100644
--- a/tags/reality/page/4/index.html
+++ b/tags/reality/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/reality/page/5/index.html b/tags/reality/page/5/index.html
index 9932893ed2..0746b6dc03 100644
--- a/tags/reality/page/5/index.html
+++ b/tags/reality/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/shortcode/index.html b/tags/shortcode/index.html
index cb88dc8f97..17369c4fbc 100644
--- a/tags/shortcode/index.html
+++ b/tags/shortcode/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/shortcode/page/2/index.html b/tags/shortcode/page/2/index.html
index eb88ddf25a..3d136a7110 100644
--- a/tags/shortcode/page/2/index.html
+++ b/tags/shortcode/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/shortcode/page/3/index.html b/tags/shortcode/page/3/index.html
index 4dda485cf5..a3acc13717 100644
--- a/tags/shortcode/page/3/index.html
+++ b/tags/shortcode/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/shortcode/page/4/index.html b/tags/shortcode/page/4/index.html
index cca6453fee..c395b07cb5 100644
--- a/tags/shortcode/page/4/index.html
+++ b/tags/shortcode/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/shortcode/page/5/index.html b/tags/shortcode/page/5/index.html
index c00db3cd3c..6c87b0c822 100644
--- a/tags/shortcode/page/5/index.html
+++ b/tags/shortcode/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/social-videos/index.html b/tags/social-videos/index.html
index dbec16eb32..67f8a428f0 100644
--- a/tags/social-videos/index.html
+++ b/tags/social-videos/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/social-videos/page/2/index.html b/tags/social-videos/page/2/index.html
index 097452c9ae..5aebd55845 100644
--- a/tags/social-videos/page/2/index.html
+++ b/tags/social-videos/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/social-videos/page/3/index.html b/tags/social-videos/page/3/index.html
index 1ffcc54815..c731506499 100644
--- a/tags/social-videos/page/3/index.html
+++ b/tags/social-videos/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/social-videos/page/4/index.html b/tags/social-videos/page/4/index.html
index dfaef4d758..4635ace450 100644
--- a/tags/social-videos/page/4/index.html
+++ b/tags/social-videos/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/social-videos/page/5/index.html b/tags/social-videos/page/5/index.html
index 1c2cc507fe..65c6cca102 100644
--- a/tags/social-videos/page/5/index.html
+++ b/tags/social-videos/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/ssd/index.html b/tags/ssd/index.html
index 20dfc85354..92745d4ee0 100644
--- a/tags/ssd/index.html
+++ b/tags/ssd/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ssd/page/2/index.html b/tags/ssd/page/2/index.html
index 5871cd5124..4c0cedc8c3 100644
--- a/tags/ssd/page/2/index.html
+++ b/tags/ssd/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/ssd/page/3/index.html b/tags/ssd/page/3/index.html
index 966e40b806..99c148f5dd 100644
--- a/tags/ssd/page/3/index.html
+++ b/tags/ssd/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ssd/page/4/index.html b/tags/ssd/page/4/index.html
index 79c3c5f933..4eb049337a 100644
--- a/tags/ssd/page/4/index.html
+++ b/tags/ssd/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/ssd/page/5/index.html b/tags/ssd/page/5/index.html
index fc7d2d3fd6..9084275e9a 100644
--- a/tags/ssd/page/5/index.html
+++ b/tags/ssd/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/streaming/index.html b/tags/streaming/index.html
index b6ddec8329..49a62d73cc 100644
--- a/tags/streaming/index.html
+++ b/tags/streaming/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/streaming/page/2/index.html b/tags/streaming/page/2/index.html
index aa81f3fd7d..a4a7846068 100644
--- a/tags/streaming/page/2/index.html
+++ b/tags/streaming/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/streaming/page/3/index.html b/tags/streaming/page/3/index.html
index eab0046304..7a0629d1c1 100644
--- a/tags/streaming/page/3/index.html
+++ b/tags/streaming/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/streaming/page/4/index.html b/tags/streaming/page/4/index.html
index 91145a1091..2f86eb2f22 100644
--- a/tags/streaming/page/4/index.html
+++ b/tags/streaming/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/streaming/page/5/index.html b/tags/streaming/page/5/index.html
index 0e90c9bee5..36da270c2f 100644
--- a/tags/streaming/page/5/index.html
+++ b/tags/streaming/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/syntax-highlighting/index.html b/tags/syntax-highlighting/index.html
index 52e10f444c..8f8f6f3a38 100644
--- a/tags/syntax-highlighting/index.html
+++ b/tags/syntax-highlighting/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/syntax-highlighting/page/2/index.html b/tags/syntax-highlighting/page/2/index.html
index 87a43eb141..3666791ba0 100644
--- a/tags/syntax-highlighting/page/2/index.html
+++ b/tags/syntax-highlighting/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/syntax-highlighting/page/3/index.html b/tags/syntax-highlighting/page/3/index.html
index 6157a9768f..1e9a9621d7 100644
--- a/tags/syntax-highlighting/page/3/index.html
+++ b/tags/syntax-highlighting/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/syntax-highlighting/page/4/index.html b/tags/syntax-highlighting/page/4/index.html
index 88317cff38..66a3d74ef2 100644
--- a/tags/syntax-highlighting/page/4/index.html
+++ b/tags/syntax-highlighting/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/syntax-highlighting/page/5/index.html b/tags/syntax-highlighting/page/5/index.html
index 3ff34c4ab0..f84d7e70c4 100644
--- a/tags/syntax-highlighting/page/5/index.html
+++ b/tags/syntax-highlighting/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/table/index.html b/tags/table/index.html
index 9d03efad88..82916c3e1b 100644
--- a/tags/table/index.html
+++ b/tags/table/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/table/page/2/index.html b/tags/table/page/2/index.html
index bc3eef296d..b481b08186 100644
--- a/tags/table/page/2/index.html
+++ b/tags/table/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/table/page/3/index.html b/tags/table/page/3/index.html
index cfe307d8c8..4e15281441 100644
--- a/tags/table/page/3/index.html
+++ b/tags/table/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/table/page/4/index.html b/tags/table/page/4/index.html
index ee0f47ddbb..4db11c7a43 100644
--- a/tags/table/page/4/index.html
+++ b/tags/table/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/table/page/5/index.html b/tags/table/page/5/index.html
index 7dec7ae92b..2b40cf43f8 100644
--- a/tags/table/page/5/index.html
+++ b/tags/table/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/technology/index.html b/tags/technology/index.html
index e4b0b4f9c9..c2e1f3cca8 100644
--- a/tags/technology/index.html
+++ b/tags/technology/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/technology/page/2/index.html b/tags/technology/page/2/index.html
index 71dfccdd9d..c14b3fc03a 100644
--- a/tags/technology/page/2/index.html
+++ b/tags/technology/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/technology/page/3/index.html b/tags/technology/page/3/index.html
index f9e87da80a..aab57413d0 100644
--- a/tags/technology/page/3/index.html
+++ b/tags/technology/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/technology/page/4/index.html b/tags/technology/page/4/index.html
index bd3d8d1dbb..f29780eff0 100644
--- a/tags/technology/page/4/index.html
+++ b/tags/technology/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/technology/page/5/index.html b/tags/technology/page/5/index.html
index 4937a4bcd3..fb1f93998b 100644
--- a/tags/technology/page/5/index.html
+++ b/tags/technology/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/templates/index.html b/tags/templates/index.html
index c118e53a25..4105bb06b3 100644
--- a/tags/templates/index.html
+++ b/tags/templates/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/templates/page/2/index.html b/tags/templates/page/2/index.html
index a92f966cc3..1e936d259c 100644
--- a/tags/templates/page/2/index.html
+++ b/tags/templates/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/templates/page/3/index.html b/tags/templates/page/3/index.html
index b04e15d5eb..221056a122 100644
--- a/tags/templates/page/3/index.html
+++ b/tags/templates/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/templates/page/4/index.html b/tags/templates/page/4/index.html
index 754825ad38..a5f076ce43 100644
--- a/tags/templates/page/4/index.html
+++ b/tags/templates/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/templates/page/5/index.html b/tags/templates/page/5/index.html
index 63349d389a..91e9c111cb 100644
--- a/tags/templates/page/5/index.html
+++ b/tags/templates/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/themes/index.html b/tags/themes/index.html
index 54e18e026a..392efaa1ea 100644
--- a/tags/themes/index.html
+++ b/tags/themes/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/themes/page/2/index.html b/tags/themes/page/2/index.html
index 8443cdfee3..f9baedf4ac 100644
--- a/tags/themes/page/2/index.html
+++ b/tags/themes/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/themes/page/3/index.html b/tags/themes/page/3/index.html
index 524cdc6742..5b109cce78 100644
--- a/tags/themes/page/3/index.html
+++ b/tags/themes/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/themes/page/4/index.html b/tags/themes/page/4/index.html
index 307dea8eef..b76fe7135f 100644
--- a/tags/themes/page/4/index.html
+++ b/tags/themes/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/themes/page/5/index.html b/tags/themes/page/5/index.html
index 4a8f6ae278..311a23bd58 100644
--- a/tags/themes/page/5/index.html
+++ b/tags/themes/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/vercel/index.html b/tags/vercel/index.html
index 6d8ec65be5..a6c04c3270 100644
--- a/tags/vercel/index.html
+++ b/tags/vercel/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/vercel/page/2/index.html b/tags/vercel/page/2/index.html
index 70a598b00a..52438675b7 100644
--- a/tags/vercel/page/2/index.html
+++ b/tags/vercel/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/vercel/page/3/index.html b/tags/vercel/page/3/index.html
index 1aefcda13d..18ec80f9b7 100644
--- a/tags/vercel/page/3/index.html
+++ b/tags/vercel/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/vercel/page/4/index.html b/tags/vercel/page/4/index.html
index 5dcae72fa9..ec08475416 100644
--- a/tags/vercel/page/4/index.html
+++ b/tags/vercel/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/vercel/page/5/index.html b/tags/vercel/page/5/index.html
index ae138bf188..8e19b54cf9 100644
--- a/tags/vercel/page/5/index.html
+++ b/tags/vercel/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/vps/index.html b/tags/vps/index.html
index f946549f3a..a211d73a99 100644
--- a/tags/vps/index.html
+++ b/tags/vps/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/vps/page/2/index.html b/tags/vps/page/2/index.html
index 7faeaa16eb..4ce7e18f89 100644
--- a/tags/vps/page/2/index.html
+++ b/tags/vps/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/vps/page/3/index.html b/tags/vps/page/3/index.html
index 1fee23712f..5e798c7e8c 100644
--- a/tags/vps/page/3/index.html
+++ b/tags/vps/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/vps/page/4/index.html b/tags/vps/page/4/index.html
index 18942b460c..0fdfd6288c 100644
--- a/tags/vps/page/4/index.html
+++ b/tags/vps/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/vps/page/5/index.html b/tags/vps/page/5/index.html
index 4daafea436..df48266b3b 100644
--- a/tags/vps/page/5/index.html
+++ b/tags/vps/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/waline/index.html b/tags/waline/index.html
index 565108c729..42f837a308 100644
--- a/tags/waline/index.html
+++ b/tags/waline/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/waline/page/2/index.html b/tags/waline/page/2/index.html
index 75eeb558a0..9c58e72ae6 100644
--- a/tags/waline/page/2/index.html
+++ b/tags/waline/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/waline/page/3/index.html b/tags/waline/page/3/index.html
index 1f0d9c62fd..11264ca519 100644
--- a/tags/waline/page/3/index.html
+++ b/tags/waline/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/waline/page/4/index.html b/tags/waline/page/4/index.html
index 46c4e3c3bf..392f88cd13 100644
--- a/tags/waline/page/4/index.html
+++ b/tags/waline/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/waline/page/5/index.html b/tags/waline/page/5/index.html
index 8bd0647687..16e494fc36 100644
--- a/tags/waline/page/5/index.html
+++ b/tags/waline/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git a/tags/walkman/index.html b/tags/walkman/index.html
index c54a5ea964..7ae136b259 100644
--- a/tags/walkman/index.html
+++ b/tags/walkman/index.html
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/walkman/page/2/index.html b/tags/walkman/page/2/index.html
index 2099989f1e..a4d493f946 100644
--- a/tags/walkman/page/2/index.html
+++ b/tags/walkman/page/2/index.html
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git a/tags/walkman/page/3/index.html b/tags/walkman/page/3/index.html
index cf93b9ea97..c86d5583f6 100644
--- a/tags/walkman/page/3/index.html
+++ b/tags/walkman/page/3/index.html
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/walkman/page/4/index.html b/tags/walkman/page/4/index.html
index 91f88dc5d8..c3568087e8 100644
--- a/tags/walkman/page/4/index.html
+++ b/tags/walkman/page/4/index.html
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git a/tags/walkman/page/5/index.html b/tags/walkman/page/5/index.html
index ef5a70bfb1..1c9b519955 100644
--- a/tags/walkman/page/5/index.html
+++ b/tags/walkman/page/5/index.html
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/index.html" "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/index.html"
index 255313442e..6970526791 100644
--- "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/index.html"
+++ "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/2/index.html" "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/2/index.html"
index fa093b569b..7efcb67496 100644
--- "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/2/index.html"
+++ "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/3/index.html" "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/3/index.html"
index 1be98b9218..87cb78056e 100644
--- "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/3/index.html"
+++ "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/4/index.html" "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/4/index.html"
index 187824cf55..0db43639a1 100644
--- "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/4/index.html"
+++ "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/5/index.html" "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/5/index.html"
index b203c3b03c..da18630c23 100644
--- "a/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/5/index.html"
+++ "b/tags/\345\203\265\345\260\270\347\275\221\347\273\234/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\205\211\347\214\253/index.html" "b/tags/\345\205\211\347\214\253/index.html"
index 7bd64c5ff0..ecfd09fc5d 100644
--- "a/tags/\345\205\211\347\214\253/index.html"
+++ "b/tags/\345\205\211\347\214\253/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\205\211\347\214\253/page/2/index.html" "b/tags/\345\205\211\347\214\253/page/2/index.html"
index 0a16dbbfbe..664b1faf3f 100644
--- "a/tags/\345\205\211\347\214\253/page/2/index.html"
+++ "b/tags/\345\205\211\347\214\253/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\205\211\347\214\253/page/3/index.html" "b/tags/\345\205\211\347\214\253/page/3/index.html"
index 0cdc76f8d1..79dcb3e0b5 100644
--- "a/tags/\345\205\211\347\214\253/page/3/index.html"
+++ "b/tags/\345\205\211\347\214\253/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\205\211\347\214\253/page/4/index.html" "b/tags/\345\205\211\347\214\253/page/4/index.html"
index 133a9753ac..2be6317ba7 100644
--- "a/tags/\345\205\211\347\214\253/page/4/index.html"
+++ "b/tags/\345\205\211\347\214\253/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\205\211\347\214\253/page/5/index.html" "b/tags/\345\205\211\347\214\253/page/5/index.html"
index e0bec956a2..c9fbf1ec6d 100644
--- "a/tags/\345\205\211\347\214\253/page/5/index.html"
+++ "b/tags/\345\205\211\347\214\253/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\205\254\347\275\221/index.html" "b/tags/\345\205\254\347\275\221/index.html"
index fee412be05..c5a4d96a6d 100644
--- "a/tags/\345\205\254\347\275\221/index.html"
+++ "b/tags/\345\205\254\347\275\221/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\205\254\347\275\221/page/2/index.html" "b/tags/\345\205\254\347\275\221/page/2/index.html"
index 49546421f8..e9172022d0 100644
--- "a/tags/\345\205\254\347\275\221/page/2/index.html"
+++ "b/tags/\345\205\254\347\275\221/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\205\254\347\275\221/page/3/index.html" "b/tags/\345\205\254\347\275\221/page/3/index.html"
index 7912491187..d64c440aff 100644
--- "a/tags/\345\205\254\347\275\221/page/3/index.html"
+++ "b/tags/\345\205\254\347\275\221/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\205\254\347\275\221/page/4/index.html" "b/tags/\345\205\254\347\275\221/page/4/index.html"
index 7f4e4fd7a2..d492e111c6 100644
--- "a/tags/\345\205\254\347\275\221/page/4/index.html"
+++ "b/tags/\345\205\254\347\275\221/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\205\254\347\275\221/page/5/index.html" "b/tags/\345\205\254\347\275\221/page/5/index.html"
index d06c3dc01e..90a473b24d 100644
--- "a/tags/\345\205\254\347\275\221/page/5/index.html"
+++ "b/tags/\345\205\254\347\275\221/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\254\264\346\224\277/index.html" "b/tags/\345\254\264\346\224\277/index.html"
index cd75863d5f..5429438f22 100644
--- "a/tags/\345\254\264\346\224\277/index.html"
+++ "b/tags/\345\254\264\346\224\277/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\254\264\346\224\277/page/2/index.html" "b/tags/\345\254\264\346\224\277/page/2/index.html"
index 62ae24a6ab..ebc928a68f 100644
--- "a/tags/\345\254\264\346\224\277/page/2/index.html"
+++ "b/tags/\345\254\264\346\224\277/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\254\264\346\224\277/page/3/index.html" "b/tags/\345\254\264\346\224\277/page/3/index.html"
index b09eac9502..55c97b62aa 100644
--- "a/tags/\345\254\264\346\224\277/page/3/index.html"
+++ "b/tags/\345\254\264\346\224\277/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\254\264\346\224\277/page/4/index.html" "b/tags/\345\254\264\346\224\277/page/4/index.html"
index c4d80e44ce..26c69efc61 100644
--- "a/tags/\345\254\264\346\224\277/page/4/index.html"
+++ "b/tags/\345\254\264\346\224\277/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\254\264\346\224\277/page/5/index.html" "b/tags/\345\254\264\346\224\277/page/5/index.html"
index d1cdad2aae..9c925bcbd4 100644
--- "a/tags/\345\254\264\346\224\277/page/5/index.html"
+++ "b/tags/\345\254\264\346\224\277/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\255\246\350\275\246/index.html" "b/tags/\345\255\246\350\275\246/index.html"
index 706f1c496a..248f61338a 100644
--- "a/tags/\345\255\246\350\275\246/index.html"
+++ "b/tags/\345\255\246\350\275\246/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\255\246\350\275\246/page/2/index.html" "b/tags/\345\255\246\350\275\246/page/2/index.html"
index 418b597f3f..70f3729b27 100644
--- "a/tags/\345\255\246\350\275\246/page/2/index.html"
+++ "b/tags/\345\255\246\350\275\246/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\255\246\350\275\246/page/3/index.html" "b/tags/\345\255\246\350\275\246/page/3/index.html"
index f1f583ffde..9b3f323eef 100644
--- "a/tags/\345\255\246\350\275\246/page/3/index.html"
+++ "b/tags/\345\255\246\350\275\246/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\255\246\350\275\246/page/4/index.html" "b/tags/\345\255\246\350\275\246/page/4/index.html"
index 9a094cda8b..4fc85d7e73 100644
--- "a/tags/\345\255\246\350\275\246/page/4/index.html"
+++ "b/tags/\345\255\246\350\275\246/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\255\246\350\275\246/page/5/index.html" "b/tags/\345\255\246\350\275\246/page/5/index.html"
index 8db005248a..03fcaeab85 100644
--- "a/tags/\345\255\246\350\275\246/page/5/index.html"
+++ "b/tags/\345\255\246\350\275\246/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\345\272\224\347\224\250/index.html" "b/tags/\345\272\224\347\224\250/index.html"
index be73dac8c7..56e6b06a7a 100644
--- "a/tags/\345\272\224\347\224\250/index.html"
+++ "b/tags/\345\272\224\347\224\250/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\272\224\347\224\250/page/2/index.html" "b/tags/\345\272\224\347\224\250/page/2/index.html"
index 463bc4f673..250beda10d 100644
--- "a/tags/\345\272\224\347\224\250/page/2/index.html"
+++ "b/tags/\345\272\224\347\224\250/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\345\272\224\347\224\250/page/3/index.html" "b/tags/\345\272\224\347\224\250/page/3/index.html"
index 37f4dd42c2..220b26f926 100644
--- "a/tags/\345\272\224\347\224\250/page/3/index.html"
+++ "b/tags/\345\272\224\347\224\250/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\272\224\347\224\250/page/4/index.html" "b/tags/\345\272\224\347\224\250/page/4/index.html"
index dc4aa63d75..502fa94de8 100644
--- "a/tags/\345\272\224\347\224\250/page/4/index.html"
+++ "b/tags/\345\272\224\347\224\250/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\345\272\224\347\224\250/page/5/index.html" "b/tags/\345\272\224\347\224\250/page/5/index.html"
index 04e8747289..452a8c1f6c 100644
--- "a/tags/\345\272\224\347\224\250/page/5/index.html"
+++ "b/tags/\345\272\224\347\224\250/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\200\235\350\200\203/index.html" "b/tags/\346\200\235\350\200\203/index.html"
index 593c15bff0..f954ee6f70 100644
--- "a/tags/\346\200\235\350\200\203/index.html"
+++ "b/tags/\346\200\235\350\200\203/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\200\235\350\200\203/page/2/index.html" "b/tags/\346\200\235\350\200\203/page/2/index.html"
index dc4d64ad10..17807b71d5 100644
--- "a/tags/\346\200\235\350\200\203/page/2/index.html"
+++ "b/tags/\346\200\235\350\200\203/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\200\235\350\200\203/page/3/index.html" "b/tags/\346\200\235\350\200\203/page/3/index.html"
index f9b58a3efc..d4ec8a25ec 100644
--- "a/tags/\346\200\235\350\200\203/page/3/index.html"
+++ "b/tags/\346\200\235\350\200\203/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\200\235\350\200\203/page/4/index.html" "b/tags/\346\200\235\350\200\203/page/4/index.html"
index 8c78267cef..6255c51347 100644
--- "a/tags/\346\200\235\350\200\203/page/4/index.html"
+++ "b/tags/\346\200\235\350\200\203/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\200\235\350\200\203/page/5/index.html" "b/tags/\346\200\235\350\200\203/page/5/index.html"
index e0227d7615..19d9a95822 100644
--- "a/tags/\346\200\235\350\200\203/page/5/index.html"
+++ "b/tags/\346\200\235\350\200\203/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\212\227\345\207\235\345\211\202/index.html" "b/tags/\346\212\227\345\207\235\345\211\202/index.html"
index 54d69a6999..c699438084 100644
--- "a/tags/\346\212\227\345\207\235\345\211\202/index.html"
+++ "b/tags/\346\212\227\345\207\235\345\211\202/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\212\227\345\207\235\345\211\202/page/2/index.html" "b/tags/\346\212\227\345\207\235\345\211\202/page/2/index.html"
index 7c86bf7ae2..d29cb81211 100644
--- "a/tags/\346\212\227\345\207\235\345\211\202/page/2/index.html"
+++ "b/tags/\346\212\227\345\207\235\345\211\202/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\212\227\345\207\235\345\211\202/page/3/index.html" "b/tags/\346\212\227\345\207\235\345\211\202/page/3/index.html"
index 00c0fee999..cb7913c4a3 100644
--- "a/tags/\346\212\227\345\207\235\345\211\202/page/3/index.html"
+++ "b/tags/\346\212\227\345\207\235\345\211\202/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\212\227\345\207\235\345\211\202/page/4/index.html" "b/tags/\346\212\227\345\207\235\345\211\202/page/4/index.html"
index db2035a700..c4ba190735 100644
--- "a/tags/\346\212\227\345\207\235\345\211\202/page/4/index.html"
+++ "b/tags/\346\212\227\345\207\235\345\211\202/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\212\227\345\207\235\345\211\202/page/5/index.html" "b/tags/\346\212\227\345\207\235\345\211\202/page/5/index.html"
index b37d8208e3..c1d7b3a6fa 100644
--- "a/tags/\346\212\227\345\207\235\345\211\202/page/5/index.html"
+++ "b/tags/\346\212\227\345\207\235\345\211\202/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\226\260\345\255\227\344\275\223/index.html" "b/tags/\346\226\260\345\255\227\344\275\223/index.html"
index 743c7d0ede..1fe635640a 100644
--- "a/tags/\346\226\260\345\255\227\344\275\223/index.html"
+++ "b/tags/\346\226\260\345\255\227\344\275\223/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\226\260\345\255\227\344\275\223/page/2/index.html" "b/tags/\346\226\260\345\255\227\344\275\223/page/2/index.html"
index 97a142f131..ee628b7c8f 100644
--- "a/tags/\346\226\260\345\255\227\344\275\223/page/2/index.html"
+++ "b/tags/\346\226\260\345\255\227\344\275\223/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\226\260\345\255\227\344\275\223/page/3/index.html" "b/tags/\346\226\260\345\255\227\344\275\223/page/3/index.html"
index 520833c244..b606d37a64 100644
--- "a/tags/\346\226\260\345\255\227\344\275\223/page/3/index.html"
+++ "b/tags/\346\226\260\345\255\227\344\275\223/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\226\260\345\255\227\344\275\223/page/4/index.html" "b/tags/\346\226\260\345\255\227\344\275\223/page/4/index.html"
index 844987a0d5..483673bb26 100644
--- "a/tags/\346\226\260\345\255\227\344\275\223/page/4/index.html"
+++ "b/tags/\346\226\260\345\255\227\344\275\223/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\226\260\345\255\227\344\275\223/page/5/index.html" "b/tags/\346\226\260\345\255\227\344\275\223/page/5/index.html"
index b8b73afb5c..4bc7b26da7 100644
--- "a/tags/\346\226\260\345\255\227\344\275\223/page/5/index.html"
+++ "b/tags/\346\226\260\345\255\227\344\275\223/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/index.html" "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
index bf8fbfdf33..dbcff8e3a8 100644
--- "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
+++ "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html" "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
index c2fe698768..1339427764 100644
--- "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
+++ "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html" "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
index afced187bc..957832164b 100644
--- "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
+++ "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html" "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
index 3525e40a3b..ad7ffdff69 100644
--- "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
+++ "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html" "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
index b366eb06d6..390d077dfb 100644
--- "a/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
+++ "b/tags/\346\227\245\346\234\254\345\212\250\347\224\273/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\230\223\351\251\261\347\272\277/index.html" "b/tags/\346\230\223\351\251\261\347\272\277/index.html"
index ef2e554585..a579640fa8 100644
--- "a/tags/\346\230\223\351\251\261\347\272\277/index.html"
+++ "b/tags/\346\230\223\351\251\261\347\272\277/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\230\223\351\251\261\347\272\277/page/2/index.html" "b/tags/\346\230\223\351\251\261\347\272\277/page/2/index.html"
index 74db0dddb0..ee1972b450 100644
--- "a/tags/\346\230\223\351\251\261\347\272\277/page/2/index.html"
+++ "b/tags/\346\230\223\351\251\261\347\272\277/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\230\223\351\251\261\347\272\277/page/3/index.html" "b/tags/\346\230\223\351\251\261\347\272\277/page/3/index.html"
index 2d4e836163..a7cca21988 100644
--- "a/tags/\346\230\223\351\251\261\347\272\277/page/3/index.html"
+++ "b/tags/\346\230\223\351\251\261\347\272\277/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\230\223\351\251\261\347\272\277/page/4/index.html" "b/tags/\346\230\223\351\251\261\347\272\277/page/4/index.html"
index 2cf6c18d3c..76891b93d1 100644
--- "a/tags/\346\230\223\351\251\261\347\272\277/page/4/index.html"
+++ "b/tags/\346\230\223\351\251\261\347\272\277/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\230\223\351\251\261\347\272\277/page/5/index.html" "b/tags/\346\230\223\351\251\261\347\272\277/page/5/index.html"
index 3549599a7a..179f16a72d 100644
--- "a/tags/\346\230\223\351\251\261\347\272\277/page/5/index.html"
+++ "b/tags/\346\230\223\351\251\261\347\272\277/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\241\245\346\216\245/index.html" "b/tags/\346\241\245\346\216\245/index.html"
index 50d341bdaf..f906e6d2db 100644
--- "a/tags/\346\241\245\346\216\245/index.html"
+++ "b/tags/\346\241\245\346\216\245/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\241\245\346\216\245/page/2/index.html" "b/tags/\346\241\245\346\216\245/page/2/index.html"
index 84ff609ac4..3a032f017e 100644
--- "a/tags/\346\241\245\346\216\245/page/2/index.html"
+++ "b/tags/\346\241\245\346\216\245/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\241\245\346\216\245/page/3/index.html" "b/tags/\346\241\245\346\216\245/page/3/index.html"
index 154f3f46f2..08aeb6057c 100644
--- "a/tags/\346\241\245\346\216\245/page/3/index.html"
+++ "b/tags/\346\241\245\346\216\245/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\241\245\346\216\245/page/4/index.html" "b/tags/\346\241\245\346\216\245/page/4/index.html"
index 8d1986ac4a..ee58599b03 100644
--- "a/tags/\346\241\245\346\216\245/page/4/index.html"
+++ "b/tags/\346\241\245\346\216\245/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\241\245\346\216\245/page/5/index.html" "b/tags/\346\241\245\346\216\245/page/5/index.html"
index fa11f9c1bd..7b4cf5f9d2 100644
--- "a/tags/\346\241\245\346\216\245/page/5/index.html"
+++ "b/tags/\346\241\245\346\216\245/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\346\255\246\344\276\240/index.html" "b/tags/\346\255\246\344\276\240/index.html"
index 92a9392d7f..cb643df1ee 100644
--- "a/tags/\346\255\246\344\276\240/index.html"
+++ "b/tags/\346\255\246\344\276\240/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\255\246\344\276\240/page/2/index.html" "b/tags/\346\255\246\344\276\240/page/2/index.html"
index f420707ebe..2f3d7ee01f 100644
--- "a/tags/\346\255\246\344\276\240/page/2/index.html"
+++ "b/tags/\346\255\246\344\276\240/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\346\255\246\344\276\240/page/3/index.html" "b/tags/\346\255\246\344\276\240/page/3/index.html"
index ab86990cde..f706c7b5f6 100644
--- "a/tags/\346\255\246\344\276\240/page/3/index.html"
+++ "b/tags/\346\255\246\344\276\240/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\255\246\344\276\240/page/4/index.html" "b/tags/\346\255\246\344\276\240/page/4/index.html"
index af8ba5a9e5..028304c929 100644
--- "a/tags/\346\255\246\344\276\240/page/4/index.html"
+++ "b/tags/\346\255\246\344\276\240/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\346\255\246\344\276\240/page/5/index.html" "b/tags/\346\255\246\344\276\240/page/5/index.html"
index dd519cc15f..1cd1d68e15 100644
--- "a/tags/\346\255\246\344\276\240/page/5/index.html"
+++ "b/tags/\346\255\246\344\276\240/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\347\244\276\344\274\232/index.html" "b/tags/\347\244\276\344\274\232/index.html"
index 9541fe8e1c..22660f571f 100644
--- "a/tags/\347\244\276\344\274\232/index.html"
+++ "b/tags/\347\244\276\344\274\232/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\347\244\276\344\274\232/page/2/index.html" "b/tags/\347\244\276\344\274\232/page/2/index.html"
index 22992e0713..ef70483b43 100644
--- "a/tags/\347\244\276\344\274\232/page/2/index.html"
+++ "b/tags/\347\244\276\344\274\232/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\347\244\276\344\274\232/page/3/index.html" "b/tags/\347\244\276\344\274\232/page/3/index.html"
index b6b3e28e0a..bd78254235 100644
--- "a/tags/\347\244\276\344\274\232/page/3/index.html"
+++ "b/tags/\347\244\276\344\274\232/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\347\244\276\344\274\232/page/4/index.html" "b/tags/\347\244\276\344\274\232/page/4/index.html"
index b4f0907a3f..46908f9e59 100644
--- "a/tags/\347\244\276\344\274\232/page/4/index.html"
+++ "b/tags/\347\244\276\344\274\232/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\347\244\276\344\274\232/page/5/index.html" "b/tags/\347\244\276\344\274\232/page/5/index.html"
index 00beae0e28..3c7199f608 100644
--- "a/tags/\347\244\276\344\274\232/page/5/index.html"
+++ "b/tags/\347\244\276\344\274\232/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/index.html" "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/index.html"
index e933cffaf5..0d865c1baf 100644
--- "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/index.html"
+++ "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/2/index.html" "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/2/index.html"
index bb7b386055..908f3b868c 100644
--- "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/2/index.html"
+++ "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/3/index.html" "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/3/index.html"
index 7180975064..23a066bd51 100644
--- "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/3/index.html"
+++ "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/4/index.html" "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/4/index.html"
index 1e2707170a..a936ce77ee 100644
--- "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/4/index.html"
+++ "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/5/index.html" "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/5/index.html"
index 8bd93048b6..c4fc6ee06b 100644
--- "a/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/5/index.html"
+++ "b/tags/\350\241\200\346\266\262\346\240\267\346\234\254/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/index.html" "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/index.html"
index 61f75be3a2..329dad85d9 100644
--- "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/index.html"
+++ "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/2/index.html" "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/2/index.html"
index 712d0fb334..fbba7595e1 100644
--- "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/2/index.html"
+++ "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/3/index.html" "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/3/index.html"
index 9157a0b69e..fc2c5f2d98 100644
--- "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/3/index.html"
+++ "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/4/index.html" "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/4/index.html"
index 439b8b82ed..30c17b92b7 100644
--- "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/4/index.html"
+++ "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/5/index.html" "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/5/index.html"
index ae2a98a188..2d7b3b6848 100644
--- "a/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/5/index.html"
+++ "b/tags/\350\241\200\346\266\262\347\224\237\347\220\206/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\350\247\243\346\236\220/index.html" "b/tags/\350\247\243\346\236\220/index.html"
index 644939b19a..026374283e 100644
--- "a/tags/\350\247\243\346\236\220/index.html"
+++ "b/tags/\350\247\243\346\236\220/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\247\243\346\236\220/page/2/index.html" "b/tags/\350\247\243\346\236\220/page/2/index.html"
index 0598cbe5e4..a322015c1d 100644
--- "a/tags/\350\247\243\346\236\220/page/2/index.html"
+++ "b/tags/\350\247\243\346\236\220/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\247\243\346\236\220/page/3/index.html" "b/tags/\350\247\243\346\236\220/page/3/index.html"
index 043a98a9cf..30e389f8bd 100644
--- "a/tags/\350\247\243\346\236\220/page/3/index.html"
+++ "b/tags/\350\247\243\346\236\220/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\247\243\346\236\220/page/4/index.html" "b/tags/\350\247\243\346\236\220/page/4/index.html"
index 168416d2fe..b10614b50a 100644
--- "a/tags/\350\247\243\346\236\220/page/4/index.html"
+++ "b/tags/\350\247\243\346\236\220/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\247\243\346\236\220/page/5/index.html" "b/tags/\350\247\243\346\236\220/page/5/index.html"
index 0d2c38930b..df42a1f59b 100644
--- "a/tags/\350\247\243\346\236\220/page/5/index.html"
+++ "b/tags/\350\247\243\346\236\220/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\350\267\257\347\224\261\345\231\250/index.html" "b/tags/\350\267\257\347\224\261\345\231\250/index.html"
index c56ead9af9..0f2d77bbda 100644
--- "a/tags/\350\267\257\347\224\261\345\231\250/index.html"
+++ "b/tags/\350\267\257\347\224\261\345\231\250/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\267\257\347\224\261\345\231\250/page/2/index.html" "b/tags/\350\267\257\347\224\261\345\231\250/page/2/index.html"
index d36b2af82c..cc81afbc34 100644
--- "a/tags/\350\267\257\347\224\261\345\231\250/page/2/index.html"
+++ "b/tags/\350\267\257\347\224\261\345\231\250/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\267\257\347\224\261\345\231\250/page/3/index.html" "b/tags/\350\267\257\347\224\261\345\231\250/page/3/index.html"
index 9be4385de4..261ada66e4 100644
--- "a/tags/\350\267\257\347\224\261\345\231\250/page/3/index.html"
+++ "b/tags/\350\267\257\347\224\261\345\231\250/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\267\257\347\224\261\345\231\250/page/4/index.html" "b/tags/\350\267\257\347\224\261\345\231\250/page/4/index.html"
index cf907048cf..2dde53b13a 100644
--- "a/tags/\350\267\257\347\224\261\345\231\250/page/4/index.html"
+++ "b/tags/\350\267\257\347\224\261\345\231\250/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\267\257\347\224\261\345\231\250/page/5/index.html" "b/tags/\350\267\257\347\224\261\345\231\250/page/5/index.html"
index ba3fda6f1a..2cdd7f97ea 100644
--- "a/tags/\350\267\257\347\224\261\345\231\250/page/5/index.html"
+++ "b/tags/\350\267\257\347\224\261\345\231\250/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\350\275\273\345\260\217\350\257\264/index.html" "b/tags/\350\275\273\345\260\217\350\257\264/index.html"
index c7fa55526d..319ba4b9e2 100644
--- "a/tags/\350\275\273\345\260\217\350\257\264/index.html"
+++ "b/tags/\350\275\273\345\260\217\350\257\264/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\275\273\345\260\217\350\257\264/page/2/index.html" "b/tags/\350\275\273\345\260\217\350\257\264/page/2/index.html"
index e286874a7d..7beb3f1908 100644
--- "a/tags/\350\275\273\345\260\217\350\257\264/page/2/index.html"
+++ "b/tags/\350\275\273\345\260\217\350\257\264/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\350\275\273\345\260\217\350\257\264/page/3/index.html" "b/tags/\350\275\273\345\260\217\350\257\264/page/3/index.html"
index d6e93c4bce..6b7b30c604 100644
--- "a/tags/\350\275\273\345\260\217\350\257\264/page/3/index.html"
+++ "b/tags/\350\275\273\345\260\217\350\257\264/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\275\273\345\260\217\350\257\264/page/4/index.html" "b/tags/\350\275\273\345\260\217\350\257\264/page/4/index.html"
index cb58d3ef5f..7647fe3723 100644
--- "a/tags/\350\275\273\345\260\217\350\257\264/page/4/index.html"
+++ "b/tags/\350\275\273\345\260\217\350\257\264/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\350\275\273\345\260\217\350\257\264/page/5/index.html" "b/tags/\350\275\273\345\260\217\350\257\264/page/5/index.html"
index 684cac9c9d..0e99c8cfeb 100644
--- "a/tags/\350\275\273\345\260\217\350\257\264/page/5/index.html"
+++ "b/tags/\350\275\273\345\260\217\350\257\264/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>
diff --git "a/tags/\351\251\276\350\200\203/index.html" "b/tags/\351\251\276\350\200\203/index.html"
index d370f41e30..2bbe1add24 100644
--- "a/tags/\351\251\276\350\200\203/index.html"
+++ "b/tags/\351\251\276\350\200\203/index.html"
@@ -133,6 +133,20 @@
       
       <h1 class="title is-3">2024</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Dec 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%AE%A9pc%E7%AB%AF%E7%94%A8%E4%B8%8Achatgpt/">让PC端用上ChatGPT</a></h1>
+          <div class="content is-hidden-mobile">
+            ![](https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/DALL·E 2024-12-06 16.03.48 - A futuristic digital artwork featuring a sleek humanoid AI assistant in a serene%2C minimalist setting. The background includes glowing screens and holo.webp)
+chatgpt很久就有PC端了。只不过microsoft store中国区一直没有上（能上才有鬼。），下面介绍如果能让你的电脑能够上chatgpt应用。
+microsoft store中国区商店搜索未见chatgpt 首先，去Microsoft登录页面注册(注册邮箱是Google或 …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Nov 19</h2>
@@ -301,21 +315,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
-          <div class="content is-hidden-mobile">
-             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
-1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
-主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
-2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\351\251\276\350\200\203/page/2/index.html" "b/tags/\351\251\276\350\200\203/page/2/index.html"
index 2450e9e5f0..6c885e87c5 100644
--- "a/tags/\351\251\276\350\200\203/page/2/index.html"
+++ "b/tags/\351\251\276\350\200\203/page/2/index.html"
@@ -131,6 +131,24 @@
   <main class="container">
       
       
+      <h1 class="title is-3">2024</h1>
+      
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jan 18</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E8%A3%85%E4%BF%AEwaline/">装修waline</a></h1>
+          <div class="content is-hidden-mobile">
+             博客评论系统用的waline，是基于valine改进而来的。由于valine早期有些安全问题等原因，所以我最后选择了waline。不过，我发现waline默认的界面和博客主题有些出入，所以决定装修下waline。
+1.自定义css 这里的自定义css是相对于默认未修改的waline.css说的，在waline.css中,主题色修改前后：
+主题色之前默认的色值： --waline-theme-color : #27ae60; --waline-active-color: #2ecc71; 主题色之后修改的色值： --waline-theme-color: #760411; --waline-active-color: #202020; 这样，waline评论的色值和博客色值接近，比原本默认的主题色相比，显得更符合博客主题色。
+2.将博客评论大宽边和博客文章等宽 原博客的博客宽度框和博客文章 …
+            
+          </div>
+      </article>
+      
+      
       <h1 class="title is-3">2023</h1>
       
       <article class="columns">
@@ -308,23 +326,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
           </div>
       </article>
       
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
-          <div class="content is-hidden-mobile">
-             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
-可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
-你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
-方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
-树莓派官方外壳贴上。
- …
-            
-          </div>
-      </article>
-      
       
       
   </main>
diff --git "a/tags/\351\251\276\350\200\203/page/3/index.html" "b/tags/\351\251\276\350\200\203/page/3/index.html"
index 5980b36b3c..7cb479f58f 100644
--- "a/tags/\351\251\276\350\200\203/page/3/index.html"
+++ "b/tags/\351\251\276\350\200\203/page/3/index.html"
@@ -133,6 +133,23 @@
       
       <h1 class="title is-3">2022</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Feb 6</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E6%A0%91%E8%8E%93%E6%B4%BE%E5%88%B7%E5%85%A5raspbian%E9%95%9C%E5%83%8F%E5%8C%85/">树莓派刷入Raspbian镜像包</a></h1>
+          <div class="content is-hidden-mobile">
+             维基百科对树莓派的描述是： “树莓派是英国树莓派基金会开发的微型单板计算机，目的是以低价硬件及自由软件促进学校的基本计算机教育。”
+可见树莓派出现的初衷是为了在学校普及计算机教育，你可以把树莓派看成是一个微型计算机，不仅可以装linux（包括我将要刷的官方系统Raspbian就是Debian7.0的定制版本)，Android，甚至Windows也能安装，还有openwrt（这里我要吐槽一句，在搜索引擎上输入“树莓派刷&hellip;..”。结果基本上都是openwrt，原因都懂的。。。）。所以，不再多说，let’s go!!!
+你需要准备的材料有： 一个树莓派4B及插入micsd卡的读卡器、一根hdmi线、5V3A的电源、备用的键鼠和显示器、rj45的网线。
+方法如下： 1.散热片安装以及接口的连接 先把三个散热片（分别是cpu、内存芯片、usb管理芯片）贴好.
+树莓派官方外壳贴上。
+ …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Feb 5</h2>
@@ -302,25 +319,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2020</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
-          <div class="content is-hidden-mobile">
-            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
-1.config配置 config可以配置文件图标，在config中添加配置如下：
-打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
-2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
-折腾了一会儿。在layouts …
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\351\251\276\350\200\203/page/4/index.html" "b/tags/\351\251\276\350\200\203/page/4/index.html"
index 1e08a6ce41..15743199a9 100644
--- "a/tags/\351\251\276\350\200\203/page/4/index.html"
+++ "b/tags/\351\251\276\350\200\203/page/4/index.html"
@@ -133,6 +133,22 @@
       
       <h1 class="title is-3">2020</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Jul 4</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%BB%E9%A2%98%E4%B8%AD%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/">如何在主题中添加文章归档</a></h1>
+          <div class="content is-hidden-mobile">
+            原来的主题模板是不带文章归档的，但是经过一番折腾。终于给主题添加了归档。😜 现在就说说是如何添加归档的。
+1.config配置 config可以配置文件图标，在config中添加配置如下：
+打开临时预览网页http://localhost:1313/查看，可以看到归档图标，但是点击没有反应。。。
+2.archives文件的创建和html文件格式 起先，我想到了关联about的_index.md文件,既然about是&quot;关于&quot;链接的来显示页面的。那我何不创建一个关联archives的_index.md文件呢。于是我创建了index.md文件。用typora写了archives页面归档链接，看看能不能显示，输入http://localhost:1313/查看，还是不能显示。我以为.md上传github就可以显示为html。看来不是这么回事。。。
+折腾了一会儿。在layouts …
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Jun 25</h2>
@@ -280,30 +296,6 @@ <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https
       </article>
       
       
-      <h1 class="title is-3">2014</h1>
-      
-      <article class="columns">
-        <div class="column is-2">
-          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
-        </div>
-        <div class="column">
-          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
-          <div class="content is-hidden-mobile">
-            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
-We&rsquo;ll start with creating a new …
-            
-            <br>
-            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
-            <span class="icon-link is-small" style="line-height: 100%">
-                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-              </span>
-              <p style="padding:0 5px"></p>more</p>
-            </a>
-            
-          </div>
-      </article>
-      
-      
       
   </main>
   <section class="section">
diff --git "a/tags/\351\251\276\350\200\203/page/5/index.html" "b/tags/\351\251\276\350\200\203/page/5/index.html"
index 3e28055e88..9f306a5d9f 100644
--- "a/tags/\351\251\276\350\200\203/page/5/index.html"
+++ "b/tags/\351\251\276\350\200\203/page/5/index.html"
@@ -133,6 +133,27 @@
       
       <h1 class="title is-3">2014</h1>
       
+      <article class="columns">
+        <div class="column is-2">
+          <h6 class="is-inline" style="white-space: nowrap">Sep 28</h2>
+        </div>
+        <div class="column">
+          <h2 class="subtitle is-inline is-size-4-mobile is-size-3-desktop"><a href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">Creating a New Theme</a></h1>
+          <div class="content is-hidden-mobile">
+            Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.
+We&rsquo;ll start with creating a new …
+            
+            <br>
+            <a class="button is-marginless is-paddingless" href="https://www.zaqizaba.xyz/posts/creating-a-new-theme/">
+            <span class="icon-link is-small" style="line-height: 100%">
+                <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+              </span>
+              <p style="padding:0 5px"></p>more</p>
+            </a>
+            
+          </div>
+      </article>
+      
       <article class="columns">
         <div class="column is-2">
           <h6 class="is-inline" style="white-space: nowrap">Apr 2</h2>