markdown2png/index.html at master · nicejade/markdown2png · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <!-- 优化 viewport 设置 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />

  <title>玉桃文飨轩 - 一键将文本转换为精美图片 | Markdown 转图片工具</title>

  <!-- 基础 SEO meta 标签优化 -->
  <meta name="description"
    content="玉桃文飨轩，专业的文本转图片工具。一键将 Markdown 转换为精美图片，支持书摘模式、自定义主题、字体和背景。所有数据本地处理保障隐私安全，完美适配多端展示。让文章分享、读书笔记、社交传播更有格调。" />
  <meta name="keywords"
    content="玉桃文飨轩,Markdown 转图片,文本转图片工具,书摘生成器,文字转长图,Markdown 一键转换,社交图片制作,读书笔记工具,文章配图工具,微信公众号配图,朋友圈文字转图,在线图片生成器,文字转精美图片" />
  <meta name="author" content="玉桃文飨轩" />
  <meta name="application-name" content="玉桃文飨轩" />
  <meta http-equiv="Content-Language" content="zh-CN" />
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
  <meta name="geo.region" content="CN" />
  <meta name="geo.placename" content="中国" />
  <link rel="canonical" href="https://share.lovejade.cn/" />
  <link rel="alternate" hreflang="zh-CN" href="https://share.lovejade.cn/" />
  <link rel="alternate" hreflang="x-default" href="https://share.lovejade.cn/" />

  <!-- 社交媒体标签 -->
  <meta property="og:title" content="玉桃文飨轩 - 一键将文本转换为精美图片 | Markdown 转图片工具" />
  <meta property="og:description"
    content="玉桃文飨轩，专业的文本转图片工具。一键将 Markdown 转换为精美图片，支持书摘模式、自定义主题、字体和背景。所有数据本地处理保障隐私安全，完美适配多端展示。让文章分享、读书笔记、社交传播更有格调。" />
  <meta property="og:image" content="https://share.lovejade.cn/screenshots/desktop.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="676" />
  <meta property="og:image:alt" content="玉桃文飨轩 - Markdown 转图片工具界面预览" />
  <meta property="og:url" content="https://share.lovejade.cn/" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="zh_CN" />
  <meta property="og:site_name" content="玉桃文飨轩" />

  <!-- Twitter Card 标签 -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@MarshalXuan" />
  <meta name="twitter:creator" content="@MarshalXuan" />
  <meta name="twitter:title" content="玉桃文飨轩 - 一键将文本转换为精美图片 | Markdown 转图片工具" />
  <meta name="twitter:description"
    content="玉桃文飨轩，专业的文本转图片工具。一键将 Markdown 转换为精美图片，支持书摘模式、自定义主题、字体和背景。所有数据本地处理保障隐私安全，完美适配多端展示。让文章分享、读书笔记、社交传播更有格调。" />
  <meta name="twitter:image" content="https://share.lovejade.cn/screenshots/desktop.png" />
  <meta name="twitter:image:alt" content="玉桃文飨轩 - Markdown 转图片工具界面预览" />

  <!-- PWA 相关标签 -->
  <link rel="manifest" href="/manifest.json" />
  <meta name="theme-color" content="#ffffff" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-title" content="玉桃文飨轩" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />

  <!-- 图标相关 -->
  <link rel="icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />

  <!-- DNS 预解析和预连接 - 优化外部资源加载 -->
  <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
  <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com" />
  <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
  <!-- 字体样式按需异步加载，此处仅提前建立连接以降低选中字体时的延迟 -->
  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="dns-prefetch" href="https://fontsapi.zeoseven.com" />

  <!-- 结构化数据 -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://share.lovejade.cn/#organization",
          "name": "玉桃文飨轩",
          "url": "https://share.lovejade.cn/",
          "logo": "https://share.lovejade.cn/apple-touch-icon.png",
          "sameAs": [
            "https://x.com/MarshalXuan",
            "https://github.com/nicejade/markdown2png"
          ]
        },
        {
          "@type": "WebSite",
          "@id": "https://share.lovejade.cn/#website",
          "name": "玉桃文飨轩",
          "url": "https://share.lovejade.cn/",
          "inLanguage": "zh-CN",
          "description": "玉桃文飨轩，专业的文本转图片工具。一键将 Markdown 转换为精美图片，支持书摘模式、自定义主题、字体和背景。所有数据本地处理保障隐私安全，完美适配多端展示。",
          "publisher": {
            "@id": "https://share.lovejade.cn/#organization"
          }
        },
        {
          "@type": "WebApplication",
          "@id": "https://share.lovejade.cn/#webapp",
          "name": "玉桃文飨轩",
          "alternateName": "Markdown 转图片工具",
          "url": "https://share.lovejade.cn/",
          "description": "玉桃文飨轩，简单好用的在线文本工具；支持将 Markdown、Rich Text 等格式内容，快速转化为 PNG、PDF、HTML 等文件，并支持自定义设置、一键下载等功能。基于 Vue3 、 Vite 、 Pinia 、 TailwindCSS 、 TypeScript 构建。",
          "applicationCategory": "UtilitiesApplication",
          "operatingSystem": "Web",
          "browserRequirements": "Requires JavaScript. Requires HTML5.",
          "inLanguage": "zh-CN",
          "image": "https://share.lovejade.cn/screenshots/desktop.png",
          "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "CNY"
          },
          "author": {
            "@id": "https://share.lovejade.cn/#organization"
          },
          "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "5",
            "ratingCount": "11"
          }
        }
      ]
    }
  </script>

  <!-- Analytics - 异步加载优化 -->
  <script>
    // 延迟加载 Google Analytics
    window.dataLayer = window.dataLayer || []
    function gtag() { dataLayer.push(arguments) }
    gtag('js', new Date())
    gtag('config', 'G-YK4GP1073G');

    // 延迟加载 GA 脚本
    (function () {
      var script = document.createElement('script')
      script.async = true
      script.src = 'https://www.googletagmanager.com/gtag/js?id=G-YK4GP1073G'
      // 页面加载完成后再加载分析脚本
      if (document.readyState === 'complete') {
        document.head.appendChild(script)
      } else {
        window.addEventListener('load', function () {
          document.head.appendChild(script)
        })
      }
    })()

    // 延迟加载 AdSense
    window.addEventListener('load', function () {
      var adScript = document.createElement('script')
      adScript.async = true
      adScript.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
      adScript.setAttribute('data-ad-client', 'ca-pub-8586652723015758')
      document.head.appendChild(adScript)
    });
  </script>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>