首页
/ Metamagic 项目技术文档

Metamagic 项目技术文档

2024-12-20 07:37:22作者:咎竹峻Karen

1. 安装指南

首先,确保您的项目环境中安装有 Ruby 1.9 或以上版本以及 Rails 3.0 或以上版本。在您的项目 Gemfile 文件中添加以下依赖:

gem 'metamagic'

然后执行 bundle install 命令以安装 Metamagic gem。

2. 项目的使用说明

Metamagic 是一个用于创建 meta 标签的 Ruby on Rails 插件,支持常规 meta 标签、OpenGraph(Facebook)、Twitter Cards 以及自定义标签。

基本用法

在您的视图文件顶部,如 app/views/posts/show.html.erb

<%
meta title: "我的标题",
     description: "我的描述",
     keywords: %w(关键词1 关键词2 关键词3)
%>

然后在布局文件 app/views/layouts/application.html.erb 中:

<head>
  <%= metamagic %>
  ...
</head>

这会生成以下 meta 标签:

<head>
  <title>我的标题</title>
  <meta content="我的描述" name="description" />
  <meta content="关键词1, 关键词2, 关键词3" name="keywords" />
  ...
</head>

使用模板

模板可用于在布局中插入视图中设置的 meta 值。例如,如果您想在所有页面的标题中添加内容,或为所有页面添加默认关键词,可以使用模板。模板支持所有标签类型,包括 OpenGraph、Twitter 等。

标题模板

在模板中:

<%
meta title: "我的标题"
%>

在布局中:

<%
metamagic site: "我的站点", title: [:title, :site], separator: " — "
%>

这将渲染以下内容:

<head>
  <title>我的标题 — 我的站点</title>
  ...
</head>

默认分隔符是 -

如果视图中未设置标题,它将只显示站点名称。

关键词模板

关键词模板可用于为站点的所有页面添加默认关键词。

在模板中:

<%
meta keywords: %{一个 两个 三}
%>

在布局中:

<%
metamagic keywords: [:keywords, "四个", "五个", "六个"]
%>

这将生成以下内容:

<head>
  <meta content="一个, 两个, 三, 四个, 五个, 六个" name="keywords" />
  ...
</head>

为其他标签类型添加模板

模板支持所有标签类型。可以通过将视图中的冒号(:)替换为下划线(_)来访问 meta 键的值,例如 og:image 可以通过 og_image 访问。

快捷助手

为了方便设置 meta 标签,您可以使用快捷助手:

<%
title "我的标题"
description "我的描述"
keywords %w(关键词1 关键词2 关键词3)
%>

这会生成以下内容:

<head>
  <title>我的标题</title>
  <meta content="我的描述" name="description" />
  <meta content="关键词1, 关键词2, 关键词3" name="keywords" />
  ...
</head>

快捷助手返回您发送给它们的值,因此可以通过在 <h1> 标签中设置标题来减少代码冗余:

<h1><%= title "我的标题" %></h1>

这与在视图顶部设置标题相同。

注意: 快捷助手不会覆盖视图中已经存在的方法,例如如果已经有一个名为 title 的方法,它不会被覆盖。

指定默认 meta 标签值

可以在布局中指定默认值,如果视图没有指定自己的值,将显示这些默认值:

<head>
  <%= metamagic title: "我的默认标题", description: "我的默认描述。", keywords: %w(关键词1 关键词2 关键词3) %>
  ...
</head>

3. 项目API使用文档

Metamagic 提供了多种方法来定义 meta 标签,包括自定义标签和属性。

自定义 meta 标签

<%
meta my_custom_name: "我的自定义值"
%>

这将生成以下内容:

<head>
  ...
  <meta content="我的自定义值" name="my_custom_name" />
  ...
</head>

添加关系链接

<%
meta rel: {
  author: "http://test.com/author.html",
  publisher: "http://test.com/publisher.html"
}
%>

或者使用 rel 快捷助手:

<%
rel author: "http://test.com/author.html",
    publisher: "http://test.com/publisher.html"
%>

自定义属性

OpenGraph(Facebook)

<%
meta og: {
  image: "http://mydomain.com/images/my_image.jpg"
}
%>

Twitter Cards

<%
meta twitter: {
  card: "summary",
  site: "@flickr"
}
%>

其他自定义属性

<%
meta property: {
  one: "属性一",
  two: "属性二",
  nested: {
    a: "嵌套A",
    b: "嵌套B"
  }
}
%>

自定义标签

可以为指定的标签前缀添加自定义渲染:

config/initializers/metamagic.rb

Metamagic::Renderer.register_tag_type :custom, ->(key, value) { tag(:custom_tag, first: key, second: value) }

在视图中:

<%
meta title: "我的标题",
     custom: {
       key_one: "我的第一个键",
       key_two: "我的第二个键"
     }
%>

这将渲染以下内容:

<title>我的标题</title>
<custom_tag first="custom:key_one" second="我的第一个键" />
<custom_tag first="custom:key_two" second="我的第二个键" />

当注册一个新的标签类型时,会自动定义一个快捷助手。因此,上面的代码也可以写成:

<%
custom key_one: "我的第一个键",
       key_two: "我的第二个键"
%>

4. 项目安装方式

Metamagic 可以通过添加到 Gemfile 并运行 bundle install 来安装。确保您使用的是 Ruby 1.9 或更高版本以及 Rails 3.0 或更高版本。在 Gemfile 中添加以下代码:

gem 'metamagic'

然后执行以下命令:

bundle install
登录后查看全文
热门项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
27
11
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
470
3.48 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
10
1
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
65
19
flutter_flutterflutter_flutter
暂无简介
Dart
718
172
giteagitea
喝着茶写代码!最易用的自托管一站式代码托管平台,包含Git托管,代码审查,团队协作,软件包和CI/CD。
Go
23
0
kernelkernel
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
209
84
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.27 K
695
rainbondrainbond
无需学习 Kubernetes 的容器平台,在 Kubernetes 上构建、部署、组装和管理应用,无需 K8s 专业知识,全流程图形化管理
Go
15
1
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
1