Pixiv - KiraraShss
Firefly 简单使用指南
722 từ
4 phút
Firefly 简单使用指南
这个博客模板是基于 Astro 构建的。对于本指南中未提及的内容,您可以在 Astro 文档 中找到答案。
文章的 Front-matter
---title: 我的第一篇博客文章published: 2023-09-09description: 这是我新 Astro 博客的第一篇文章。image: ./cover.jpgtags: [前端, 开发]category: 前端开发draft: false---| 属性 | 描述 |
|---|---|
title | 文章标题。 |
published | 文章发布日期。 |
updated | 文章更新日期。如果未设置,将默认使用发布日期。 |
pinned | 是否将此文章置顶在文章列表顶部。 |
description | 文章的简短描述。显示在首页上。 |
image | 文章封面图片路径。 1. 以 http:// 或 https:// 开头:使用网络图片2. 以 / 开头:public 目录中的图片3. 不带任何前缀:相对于 markdown 文件的路径 |
tags | 文章标签。 |
category | 文章分类。 |
lang | 文章语言代码(如 zh-CN)。仅当文章语言与站点默认语言不同时设置。 |
licenseName | 文章内容的许可证名称。 |
licenseUrl | 文章内容的许可证链接。 |
author | 文章作者。 |
sourceLink | 文章内容的来源链接或参考。 |
draft | 如果这篇文章仍是草稿,则不会显示。 |
comment | 是否启用此文章的评论功能。默认为 true。 |
slug | 自定义文章 URL 路径。如果不设置,将使用文件名作为 URL。 |
password | 文章密码。设置后文章内容将被 AES-256-GCM 加密,访客需输入密码才能查看。 |
passwordHint | 密码提示。显示在密码输入框上方,帮助访客回忆密码,也可以不加。 |
文章文件的放置位置
您的文章文件应放置在 src/content/posts/ 目录中。您也可以创建子目录来更好地组织您的文章和资源。
src/content/posts/├── post-1.md└── post-2/ ├── cover.png └── index.md自定义文章 URL (Slug)
什么是 Slug?
Slug 是文章 URL 路径的自定义部分。如果不设置 slug,系统将使用文件名作为 URL。
Slug 使用示例
示例 1:使用文件名作为 URL
---title: 我的第一篇博客文章published: 2023-09-09---文件:src/content/posts/my-first-blog-post.md
URL:/posts/my-first-blog-post
示例 2:自定义 Slug
---title: 我的第一篇博客文章published: 2023-09-09slug: hello-world---文件:src/content/posts/my-first-blog-post.md
URL:/posts/hello-world
示例 3:其他语言文件名使用Slug
---title: 如何使用 Firefly 博客主题published: 2023-09-09slug: how-to-use-firefly-blog-theme---文件:src/content/posts/如何使用Firefly博客主题.md
URL:/posts/how-to-use-firefly-blog-theme
Slug 使用建议
- 使用英文和连字符:
my-awesome-post而不是my awesome post - 保持简洁:避免过长的 slug
- 具有描述性:让 URL 能够反映文章内容
- 避免特殊字符:只使用字母、数字和连字符
- 保持一致性:在整个博客中使用相似的命名模式
注意事项
- Slug 一旦设置并发布,建议不要随意更改,以免影响 SEO 和已存在的链接
- 如果多个文章使用相同的 slug,后面的文章会覆盖前面的
- Slug 会自动转换为小写
Ủng hộ & Chia sẻ
Nếu bài viết này giúp ích cho bạn, hãy chia sẻ hoặc ủng hộ nhé!
Firefly 简单使用指南
https://firefly.cuteleaf.cn/posts/guide/ Cập nhật lần cuối vào 1970-01-02,20517 ngày trước
Một số nội dung có thể đã cũ
Bài viết liên quan Thông minh
1
Firefly 布局系统详解
博客指南 深入了解 Firefly 的布局系统,包括侧边栏布局(左侧/双侧)和文章列表布局(列表/网格),以及自适应网格列数。
2
Firefly 代码块示例
文章示例 在Firefly中使用表达性代码的代码块在 Markdown 中的外观。
3
Markdown Mermaid 图表
文章示例 一个包含 Mermaid 的 Markdown 博客文章简单示例。
4
Firefly 一款清新美观的 Astro 博客主题模板
文章示例 Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板,专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈,提供了丰富的功能模块和高度可定制的界面,让您能够轻松打造出专业且美观的个人博客网站。
5
Ví dụ bài viết định dạng MDX
Bài viết mẫu Đây là một bài viết mẫu định dạng MDX, minh họa cách sử dụng JSX trong Markdown.
Bài viết ngẫu nhiên Ngẫu nhiên