https://hhsqdw.github.io/tags/%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99/Recent content in 静态网站 on Leo's BlogHugozh-CNMon, 13 Jan 2025 00:00:00 +0000https://hhsqdw.github.io/project/hugo-ap%C3%A9ro-blog/Mon, 13 Jan 2025 00:00:00 +0000https://hhsqdw.github.io/project/hugo-ap%C3%A9ro-blog/<h2 id="项目概述">项目概述 <a href="#%e9%a1%b9%e7%9b%ae%e6%a6%82%e8%bf%b0"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <p>这是一个基于 Hugo 框架构建的个人博客系统，采用 Hugo Apéro 主题，支持文章发布、项目展示、作品集管理等功能。网站具有现代化的设计风格，完全响应式，适配各种设备。</p> <hr> <h2 id="主要功能">主要功能 <a href="#%e4%b8%bb%e8%a6%81%e5%8a%9f%e8%83%bd"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <h3 id="-内容管理">📝 内容管理 <a href="#-%e5%86%85%e5%ae%b9%e7%ae%a1%e7%90%86"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>Markdown 写作</strong>：使用 Markdown 格式编写文章，支持代码高亮</li> <li><strong>分类标签</strong>：文章可按分类和标签组织，便于检索</li> <li><strong>草稿系统</strong>：支持草稿预览，发布前可随时编辑</li> </ul> <h3 id="-界面特性">🎨 界面特性 <a href="#-%e7%95%8c%e9%9d%a2%e7%89%b9%e6%80%a7"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>响应式设计</strong>：完美适配桌面、平板、手机</li> <li><strong>暗色模式</strong>：支持日间/夜间模式切换</li> <li><strong>自定义主题</strong>：可自定义颜色、字体等样式</li> </ul> <h3 id="-技术功能">🔧 技术功能 <a href="#-%e6%8a%80%e6%9c%af%e5%8a%9f%e8%83%bd"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>搜索功能</strong>：全站内容搜索</li> <li><strong>评论系统</strong>：集成评论功能</li> <li><strong>数据分析</strong>：访问统计与分析</li> </ul> <hr> <h2 id="技术栈">技术栈 <a href="#%e6%8a%80%e6%9c%af%e6%a0%88"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <table> <thead> <tr> <th>技术</th> <th>用途</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td><strong>Hugo</strong></td> <td>静态网站生成器</td> <td>快速构建，编译时间&lt; 1秒</td> </tr> <tr> <td><strong>Markdown</strong></td> <td>内容编写</td> <td>简洁易学的标记语言</td> </tr> <tr> <td><strong>HTML/CSS</strong></td> <td>前端开发</td> <td>使用 Tachyons CSS 框架</td> </tr> <tr> <td><strong>JavaScript</strong></td> <td>交互功能</td> <td>搜索、暗色模式等</td> </tr> <tr> <td><strong>Git</strong></td> <td>版本控制</td> <td>代码管理与部署</td> </tr> </tbody> </table> <hr> <h2 id="项目截图">项目截图 <a href="#%e9%a1%b9%e7%9b%ae%e6%88%aa%e5%9b%be"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <h3 id="首页展示">首页展示 <a href="#%e9%a6%96%e9%a1%b5%e5%b1%95%e7%a4%ba"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <p><img src="featured-hex.png" alt="首页"></p>