-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (104 loc) · 6.44 KB
/
index.html
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
<!--
Copyright 2023 Pardn Ltd 帕登國際有限公司
Created by Pardn Chiu 邱敬幃
Email: mail@pardn.ltd
-->
<!DOCTYPE html>
<html lang="zh-Hans-TW">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#ffffff">
<meta name="robots" content="index, follow">
<!-- SEO 標題與描述 -->
<title>RenderJS - 靈活高效的前端渲染工具 - 邱敬幃</title>
<meta name="title" content="RenderJS - 靈活高效的前端渲染工具 - 邱敬幃">
<meta name="description" content="RenderJS 是一款專注於即時 DOM 操作與靈活工具集的前端渲染工具，適合快速開發小型專案及高自由度的 UI 特效。">
<meta name="keywords" content="RenderJS, JavaScript, Frontend Rendering Tool, DOM Operations, Lightweight Tools, Rapid Prototyping, UI Effects, Flexible Development">
<meta name="author" content="RenderJS Dev Team">
<link rel="canonical" href="https://example.com/RenderJS/">
<!-- Favicon -->
<link rel="icon" href="./static/image/logo.png" type="image/x-icon">
<!-- Open Graph -->
<meta property="og:title" content="RenderJS - 靈活高效的前端渲染工具 - 邱敬幃">
<meta property="og:description" content="RenderJS 是一款專注於即時 DOM 操作與靈活工具集的前端渲染工具，適合快速開發小型專案及高自由度的 UI 特效。">
<meta property="og:image" content="./static/image/website.jpg">
<meta property="og:url" content="https://example.com/RenderJS/">
<meta property="og:site_name" content="RenderJS">
<meta property="og:type" content="website">
<meta property="og:locale" content="zh_TW">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="RenderJS - 靈活高效的前端渲染工具 - 邱敬幃">
<meta property="twitter:description" content="RenderJS 是一款專注於即時 DOM 操作與靈活工具集的前端渲染工具，適合快速開發小型專案及高自由度的 UI 特效。">
<meta property="twitter:image" content="./static/image/website.jpg">
<meta property="twitter:url" content="https://example.com/RenderJS/">
<!-- Google Verification -->
<meta name="google-site-verification" content="example-verification-token">
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EXAMPLE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-EXAMPLE');
</script>
<!-- JSON-LD Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "RenderJS - 靈活高效的前端渲染工具 - 邱敬幃",
"description": "RenderJS 是一款專注於即時 DOM 操作與靈活工具集的前端渲染工具，適合快速開發小型專案及高自由度的 UI 特效。",
"url": "https://example.com/RenderJS/",
"creator": {
"@type": "Organization",
"name": "RenderJS Dev Team"
},
"image": "./static/image/website.jpg"
}
</script>
<!-- 樣式與字型 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" as="style">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<!-- 資源預載: https://cdn.jsdelivr.net -->
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@1.8.5/dist/NanoMD.js" as="script">
<script src="./dist/RenderJS.js" copyright="Pardn Ltd"></script>
<!-- 資源預載: https://pardnchiu.github.io -->
<!-- <link rel="preconnect" href="https://pardnchiu.github.io"> -->
<!-- <link rel="preload" href="https://pardnchiu.github.io/css/index.css" as="style"> -->
<!-- <link rel="stylesheet" href="https://pardnchiu.github.io/css/index.css"> -->
<script src="https://cdn.jsdelivr.net/npm/@pardnchiu/nanomd@1.8.5/dist/NanoMD.js"></script>
<!-- 本地資源 -->
<script type="module" src="./static/js/index.js"></script>
<style>
html {
width: 100vw;
height: 100vh;
}
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body id="app" class="md" data-md="1" :display="flex" :flex-flow="column" :justify-content="center" :align-items="center" :width="100%" :height="100%">
<h1 :font-size="3rem">RenderJS</h1>
<h2 :font-size="1.5rem">網頁前端渲染工具</h2>
<img src="https://img.shields.io/npm/v/@pardnchiu/renderjs" alt="npm版本" :margin-top="1rem">
<p :margin="2rem 0 0" :text-align="center">尚未有好的介紹頁想法<br>請先查閱 README 了解項目</p>
<section :display="flex" :justify-content="center" :align-items="center" :gap="1.5rem" :margin="2rem 0 0">
<a href="https://github.com/pardnchiu/RenderJS" target="_blank" :padding="0 1rem" :line-height="2.5rem" :border="1px solid #000" :border-radius="0.5rem" :background-color="#000" :color="#fff" :text-decoration="none">GitHub</a>
<a href="https://www.npmjs.com/package/@pardnchiu/renderjs" target="_blank" :padding="0 1rem" :line-height="2.5rem" :border="1px solid #000" :border-radius="0.5rem" :color="#000" :text-decoration="none">npm</a>
</section>
<section :display="flex" :flex-flow="column" :justify-content="center" :align-items="center" :gap="0.5rem" :margin="5rem 0 0">
<p>Created by 邱敬幃</p>
<p><a href="https://github.com/pardnchiu/RenderJS" target="_blank" :color="#000">RenderJS</a> on GitHub</p>
<p>© 2022 - 2024</p>
</section>
</body>
</html>