<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Myblog-Panel on MekeyPan</title>
    <link>/tags/myblog-panel/</link>
    <description>Recent content in Myblog-Panel on MekeyPan</description>
    <generator>Hugo -- 0.144.2</generator>
    <language>en-us</language>
    <lastBuildDate>Wed, 27 May 2026 21:19:10 +0800</lastBuildDate>
    <atom:link href="/tags/myblog-panel/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>myblog-panel 博客发布后台面板｜项目</title>
      <link>/posts/myblog-panel-%E9%A1%B9%E7%9B%AE%E5%AE%9E%E7%8E%B0%E8%AF%B4%E6%98%8E%E9%A1%B9%E7%9B%AE/</link>
      <pubDate>Wed, 27 May 2026 21:19:10 +0800</pubDate>
      <guid>/posts/myblog-panel-%E9%A1%B9%E7%9B%AE%E5%AE%9E%E7%8E%B0%E8%AF%B4%E6%98%8E%E9%A1%B9%E7%9B%AE/</guid>
      <description>&lt;h1 id=&#34;myblog-panel-博客发布后台面板&#34;&gt;myblog-panel 博客发布后台面板&lt;/h1&gt;
&lt;p&gt;&lt;code&gt;myblog-panel&lt;/code&gt; 是一个给个人博客使用的私有发布面板。它的目标不是重新实现一套博客系统，而是把原本需要在命令行里执行的博客发布流程，包装成一个可以通过浏览器访问的轻量 Web 控制台。&lt;/p&gt;
&lt;p&gt;原本的博客发布链路：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;打开服务器 → 进入博客目录 → 执行 myblog-manager 命令 → 检查输出 → 部署 Hugo 站点 → git push
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;myblog-panel&lt;/code&gt; 把这些步骤收进一个网页里：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;打开网页 → 输入密码 → 填写动态 / 摄影 / 音乐表单 → 点击发布 → 等待命令完成 → 查看发布结果和日志
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;项目位置：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;/Users/mekeypan/Documents/New project/myblog-panel
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;面向的博客目录：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;/home/blogbot/myblog
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;设计思路&#34;&gt;设计思路&lt;/h2&gt;
&lt;p&gt;这个项目可以理解为&amp;quot;命令行发布工具的私有网页外壳&amp;quot;。&lt;/p&gt;
&lt;p&gt;实际生成文章、处理图片、发布音乐、部署站点的逻辑，都交给 &lt;code&gt;myblog-manager&lt;/code&gt; 完成。&lt;code&gt;myblog-panel&lt;/code&gt; 自己只负责：登录认证、表单收集、文件上传、命令调度、发布前检查和日志展示。&lt;/p&gt;
&lt;p&gt;这种设计的好处是项目本身非常薄，核心业务逻辑仍然集中在 &lt;code&gt;myblog-manager&lt;/code&gt; 里。面板只做协调层，不抢博客生成器的职责。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;[!summary]
&lt;code&gt;myblog-panel&lt;/code&gt; 是一个薄 Web 层。它把浏览器里的输入转成受控的命令行调用，再把命令结果和日志反馈回页面。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;没有数据库，没有后台队列，没有前端框架，也没有自己实现博客生成逻辑。这种方式很适合个人工具：开发成本低、部署简单、出问题时容易定位、可以复用已有命令行能力，不需要维护额外数据模型。&lt;/p&gt;
&lt;h2 id=&#34;整体架构&#34;&gt;整体架构&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;myblog-panel 发布流程图&#34; loading=&#34;lazy&#34; src=&#34;https://picgo-mekeypan0721.oss-cn-hangzhou.aliyuncs.com/img/2026/05/myblog-panel-flow.svg&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;技术栈&#34;&gt;技术栈&lt;/h2&gt;
&lt;p&gt;后端依赖极简，&lt;code&gt;requirements.txt&lt;/code&gt; 里只有四类核心依赖：&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;依赖&lt;/th&gt;
          &lt;th&gt;用途&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;FastAPI&lt;/td&gt;
          &lt;td&gt;Web 服务、路由、表单接收、文件上传&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Uvicorn&lt;/td&gt;
          &lt;td&gt;ASGI 服务运行器&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Jinja2&lt;/td&gt;
          &lt;td&gt;服务端 HTML 模板渲染&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;python-multipart&lt;/td&gt;
          &lt;td&gt;支持 &lt;code&gt;multipart/form-data&lt;/code&gt;，用于上传图片&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;前端没有使用 React、Vue 或构建工具，而是采用原生 HTML、CSS 和 JavaScript。这让项目部署起来很简单，也符合它作为私人管理面板的定位。&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
