@fluixi/ 头
内地, 反应性,安全部门改革第一 Fluixi 的 SEO & 文档头管理. 无外文库:是框架的核心部分.
import { seo, jsonld } from '@fluixi/head';
seo({
title: 'Home',
titleTemplate: '%s · Fluixi',
description: 'A fine-grained reactive framework.',
canonical: 'https://fluixi.com/',
og: { type: 'website', image: 'https://fluixi.com/og.png', siteName: 'Fluixi' },
twitter: { card: 'summary_large_image', site: '@fluixi' },
jsonLd: jsonld.website({ name: 'Fluixi', url: 'https://fluixi.com', searchUrl: 'https://fluixi.com/s?q=' }),
});
它会做什么
- 反应:通过一个信号(或读取一个函数),文档更新直播:
const title = $signal('Dashboard'); seo(() => ({ title: title() })); // document.title tracks the signal — no reload - 安全部门改革第一数字 :
renderHead(registry)将解析后标记序列化为<head>标记加加<html>属性; 客户端调节器重用这些标签 按键 - 没有水合不匹配. - 重复: 一个标题, 一个描述, 一个可重复标记( extra)
og:image, (中文(简体) ), hreflang 候补,JSON-LD)积累. 最后的写法胜于单数. - 嵌入式继承: 从布局注册,然后是页面; 子值覆盖, 数组合并 .
- 类型:每个属性被打入,包括"开放图形","推特","机器人","图标","验证"等.
表面
title, (中文(简体) ), titleTemplate, (中文(简体) ), description, (中文(简体) ), keywords, (中文(简体) ), author, (中文(简体) ), robots (字符串或对象),
canonical, (中文(简体) ), lang, (中文(简体) ), themeColor, (中文(简体) ), viewport, (中文(简体) ), charset, (中文(简体) ), generator, (中文(简体) ), applicationName, (中文(简体) ),
referrer, (中文(简体) ), colorScheme, (中文(简体) ), manifest, (中文(简体) ), 打开图 (包括多幅图像,视频,音频,
文章/书籍/简介), 微博 纸牌, JSON-LD( 日语), (中文(简体) ), alternates (雷夫朗语), feeds (俄文),
icons (favicon/apple/mask/shortcut/ms-tile), (中文(简体) ), verification (google/bing/yandex/利息),
base,以及 meta编号 :link编号 :script 逃生舱.
JSON-LD 帮手
jsonld.organization · person · website · webPage · searchAction · article · blogPosting · faq · product · breadcrumb · videoObject · event · localBusiness · softwareApplication · custom。 。 。 .
构成部分
<Title>, (中文(简体) ), <Meta>, (中文(简体) ), <Link>, (中文(简体) ), <Script>, (中文(简体) ), <Base>, (中文(简体) ), <JsonLD>:不做任何产品,登记元数据,
在服务器+客户端上的工作(在更新文档活性时传递的信号).
部件和机器人
纯发电机: generateSitemap(entries) (上个mod / changefreq / 优先级 / hreflang / 图像 /
视频, chunkSitemap + 键 generateSitemapIndex (50克拆分)和 generateRobots(opts)
(规则 / 主机 /站点地图, 环境意识 不允许全部预览).
状态
这是 引擎 (第1阶段):登记册+分辨率/dedupe + SSR序列化+被动客户端 调节 + JSON-LD + 组件 + sitemap/robots 发电机,经过充分测试.
计划整合(第二阶段): seo 路由导出 + 嵌入式铺放线 @fluixi/router, (中文(简体) ),
自动 <head> 输入 @fluixi/server 安全部门改革/流程管道, robots.txt编号 :sitemap.xml
排放量 @fluixi/start 构建、 演示板、 SIO 验证器和图像元数据
输油管.