🖥️拥有一个像这样的 小破站 Pro Max

博客更新

1. 基本内容

前言： 如之前所说，任何博客都是需要先在本地部署好之后再上传到云端的，所以对于前期的远程连接一定要做好，使得我们的博客有更好的访问速度

  • 这时候我们需要先在 本地 写好 .md 文件，再 Ctrl + A （全选），Ctrl + C （复制），打开博客后台，Ctrl + V （粘贴），这样就完成了一次上传 [Markdown 使用专门的编写工具效果更好]

  • 当然，我们也可以直接在博客后台编辑（Gridea 原生编辑器）

💡 Some Advice：
关于博客的写作语法主要使用的是 Markdown语法 和 HTML超文本编辑语言【这里推荐Markdown语法】 具体如下表：

对比项 Markdown HTML
语法简洁性 ✅ 语法简单，易学易用（如 # 表示标题，* 表示列表） ❌ 语法复杂，需要标签嵌套（如 <h1>标题</h1>、<ul><li>列表</li></ul>）
可读性 ✅ 原始内容接近纯文本，阅读和编写体验流畅 ❌ 标签和属性混杂，可读性较差（尤其是内容复杂时）
功能支持 ⚠️ 基础排版（标题、列表、链接等），复杂功能依赖扩展或混合 HTML ✅ 支持所有网页功能（表格、表单、多媒体、CSS/JS 等），灵活性极高
学习曲线 🟢 新手友好，10 分钟即可掌握常用语法 🔴 需学习大量标签和属性，适合有前端基础的用户
扩展性 ❌ 依赖解析器，部分平台可能不支持扩展语法（如流程图） ✅ 可通过 CSS/JavaScript 实现任意视觉效果和交互
适用场景 快速撰写内容型博客（如技术文档、笔记） 需要复杂排版或交互的网页（如企业网站、动态博客）
工具生态 🟢 多数静态网站生成器（如 Hexo、Jekyll）和平台（如 GitHub、Notion）原生支持 🟢 所有浏览器和网页编辑器支持，但需专业工具（如 Dreamweaver）提升效率
兼容性 ⚠️ 不同解析器可能渲染结果不一致（如表格语法差异） ✅ 标准化语言，各浏览器渲染一致
典型代码示例 markdown<br># 标题<br>- 列表项<br>[链接](url)<br> html<br><h1>标题</h1><ul><li>列表项</li></ul><a href="url">链接</a>

关于Markdown语法的具体编写方式 可参考我的这篇博客：点击查看

🚀编写好博客内容%标题之后就可以选择一个封面、标签【这一步可选做】 保存并发布 啦

2. 细节配置

  • 封面：包含图片 【支持本地上传或外部链接】 --- [·非必要·]

    • 上传图片：点击选择本地图片文件，支持 .jpg、.jpeg、.png、.gif 等格式
    • 外部链接：输入完整图片 URL，确保跨域资源共享（CORS）设置允许跨站访问

  • 标签：为文章 添加分类或主题，有助于 搜索引擎优化（SEO）和内容导航 --- [·建议·]

    • 每个标签都是一个独立的页面，显示具有相同标签的所有文章
    • 标签名应简洁明了，描述文章主题（如 技术、生活、学习）
    • 建议最多使用 3 个标签，保持简洁性
  • 自定义URL：让你的文章路径更简洁 --- [·建议·]
    • 自定义URL是指用户可以 为文章指定一个自定义的URL路径，而不是使用默认的标题作为URL
    • 自定义URL可以包含字母、数字、下划线和短横线，不区分大小写
    • 自定义 URL必须是唯一的，不能与其他文章冲突
    • 自定义URL可以用于SEO优化，搜索引擎会将自定义URL视为文章的永久链接

主题配置

1. 安装主题

  • 访问 Gridea 官方主题商店 主题商店

  • 搜索并选择你喜欢的主题，点击安装

    详情操作
    1. 访问该主题的GitHub仓库
    2. 下拉找到对应的主题然后下载压缩包文件.zip并且解压
    3. 解压完的文件一整个复制到Griea的主题文件夹里【C:\Users\用户名\Documents\Gridea\themes】
    4. 重启Griea之后就可以在 <主题> 里应用此主题

2. 后续配置

  • 有的主题涵盖多种主题配色选择一个合适的配色并应用
  • 可以自行配置 谷歌统计 以及 评论系统
    详细分析见下
    以下是优化后的 Gridea 主题对比表格，增加了视觉元素和细节描述，使内容更生动直观：
主题 设计风格 核心特点 适用场景 视觉符号 综合评分
🌌 Pure 科幻极简风 ✅ 无界留白：纯黑/白背景沉浸式阅读
✅ 代码友好：支持 LaTeX 公式 + 代码高亮
✅ 动态响应：平滑暗色模式切换		 技术博客/开源文档 🖥️📐💻 ⭐⭐⭐⭐☆ (4.5)
📜 Paper 复古手账风 ✅ 纸质肌理：米黄背景 + 毛边阴影
✅ 文艺排版：衬线标题 + 墨水色文字
✅ 复古元素：邮票式标签 + 咖啡渍效果		 散文/诗歌/旅行笔记 ✒️☕📖 ⭐⭐⭐☆ (3.5)
🍃 Simple 空气感扁平风 ✅ 轻盈呼吸：纯白背景 + 微渐变按钮
✅ 瀑布流图库：智能图片裁切 + 悬浮放大
✅ 零负担体验：秒级加载 + 全屏聚焦模式		 摄影/短内容/轻博客 📸🌫️⚡ ⭐⭐⭐⭐ (4.0)

深度对比指南

维度 Pure Paper Simple
字体系统 🔹 等宽代码字体
🔹 无衬线正文字体		 🔹 手写英文标题
🔹 衬线中文字体		 🔹 超细无衬线字体
🔹 字重层次丰富
动效细节 ✨ 代码块荧光边框 ✨ 翻页纸张沙沙音效 ✨ 图片悬停3D浮起
特色组件 ▫️ 数学公式渲染器
▫️ API文档模板		 ▫️ 墨水渍装饰
▫️ 信纸式评论区		 ▫️ 全屏画廊
▫️ 微语录卡片
移动体验 📱 目录导航浮动窗 📱 纸质纹理缩放防失真 📱 图片自适应懒加载

🎯 选择决策树

💎 终极建议：

  • 写 React/Vue教程 → 选 Pure，公式与代码完美兼容
  • 记录 京都樱花之旅 → 选 Paper，手账风唤醒旅行记忆
  • 发布 手机摄影集 → 选 Simple，让图片自己说话