Skip to content

Commit 5048303

Browse files
KOSHINOawaKOSHINOawa
committed
Merge branch 'snapshot' into feature
2 parents 1705293 + 9c1682d commit 5048303

1 file changed

Lines changed: 145 additions & 117 deletions

File tree

‎static/upload.html‎

Lines changed: 145 additions & 117 deletions
Original file line numberDiff line numberDiff line change
@@ -1,153 +1,181 @@
1+
<!--
2+
3+
We don't use this file.
4+
Upload tutorial has been moved to extensions/docs
5+
check here: https://editors.astras.top/extensions/upload.html
6+
7+
-->
18
<!DOCTYPE html>
29
<html lang="en">
310

411
<head>
5-
<title>Upload Your Extension!</title>
6-
<meta charset="utf8">
7-
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
<style>
9-
html {
10-
width: 100%;
11-
}
12+
<title>Upload Your Extension!</title>
13+
<meta charset="utf8">
14+
<meta name="viewport" content="width=device-width, initial-scale=1">
15+
<style>
16+
html {
17+
width: 100%;
18+
}
1219

13-
body {
14-
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
15-
margin: 0;
16-
padding: 0;
17-
}
20+
body {
21+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
22+
margin: 0;
23+
padding: 0;
24+
}
1825

19-
header {
20-
background-color: #09f;
21-
color: white;
22-
text-align: center;
23-
padding: 20px 0;
24-
}
26+
header, #tip {
27+
background-color: #09f;
28+
color: white;
29+
text-align: center;
30+
padding: 20px 0;
31+
}
32+
#tip{
33+
background-color: red;
34+
}
2535

26-
main {
27-
max-width: 600px;
28-
margin: auto;
29-
}
36+
main {
37+
max-width: 600px;
38+
margin: auto;
39+
}
3040

31-
img {
32-
max-width: 600px;
33-
}
34-
35-
@media (prefers-color-scheme: dark) {
36-
body {
37-
background: #111;
38-
color: #eee;
39-
}
41+
img {
42+
max-width: 600px;
43+
}
4044

41-
a {
42-
color: #4af;
43-
}
45+
@media (prefers-color-scheme: dark) {
46+
body {
47+
background: #111;
48+
color: #eee;
4449
}
4550

46-
.code{
47-
background-color: #0000001f;
48-
border-radius: 5px;
49-
padding: 5px;
50-
padding-left: 10px;
51+
a {
52+
color: #4af;
5153
}
52-
</style>
54+
}
55+
56+
.code{
57+
background-color: #0000001f;
58+
border-radius: 5px;
59+
padding: 5px;
60+
padding-left: 10px;
61+
}
62+
63+
#tipLink{
64+
color: #ffffffc0;
65+
}
66+
</style>
5367
</head>
5468

5569
<body>
56-
<header>
57-
<h1>为AstraEditor提交扩展</h1>
58-
</header>
59-
<main>
60-
<h2>须知</h2>
61-
<p>我们采取 <strong>“Issues”</strong> 的方式让您更方便的提交扩展。
62-
这需要你在提交扩展前有一个 <strong>Github账号</strong> ，对于如何注册，请自行百度，这里不再赘述。</p>
63-
<h2>准备</h2>
64-
<h3>审核</h3>
65-
<p>在您提交一个扩展前，务必确保您的扩展 <strong>可以正确运行</strong> 。我们会对您提交的扩展展开<em>审核</em>，包括但不限于：</p>
66-
<ul>
67-
<li>扩展可以正确加载</li>
68-
<li>所有添加的积木均可正确使用</li>
69-
<li>不包含关于<strong>歧视、污秽语言、网络烂梗</strong>等语言、功能</li>
70-
<li>没有过分的<strong>AI程度</strong>（100%由AI制作）</li>
71-
</ul>
72-
<p>审核的日期不定，但大多都能在<strong>一周内</strong>审核完成，请及时关注结果。</p>
73-
<h3>打包</h3>
74-
<p>您需要保证您提交的文件可以<strong>让别人看懂</strong>。我们规定了一个简单的目录，方便你我更快的检查和加入您的扩展：</p>
75-
<div class="code"><pre class="language-python"><code class="language-python code-highlight"><span class="code-line line-number" line="1">扩展名<span class="token punctuation">.</span><span class="token builtin">zip</span>
70+
<script>
71+
window.location.href = "https://editors.astras.top/extensions/upload.html";
72+
// 尝试跳转
73+
</script>
74+
75+
<header>
76+
<h1>为AstraEditor提交扩展</h1>
77+
</header>
78+
<div id="tip">
79+
<h2>
80+
此教程已过时,我们移动到了
81+
<a id="tipLink" href="https://editors.astras.top/extensions/upload.html">此处</a>
82+
<br>
83+
This tutorial is outdated, we have moved it
84+
<a id="tipLink" href="https://editors.astras.top/extensions/upload.html">here</a>
85+
</h2>
86+
</div>
87+
<main>
88+
<h2>须知</h2>
89+
<p>我们采取 <strong>“Issues”</strong> 的方式让您更方便的提交扩展。
90+
这需要你在提交扩展前有一个 <strong>Github账号</strong> ，对于如何注册，请自行百度，这里不再赘述。</p>
91+
<h2>准备</h2>
92+
<h3>审核</h3>
93+
<p>在您提交一个扩展前，务必确保您的扩展 <strong>可以正确运行</strong> 。我们会对您提交的扩展展开<em>审核</em>，包括但不限于：</p>
94+
<ul>
95+
<li>扩展可以正确加载</li>
96+
<li>所有添加的积木均可正确使用</li>
97+
<li>不包含关于<strong>歧视、污秽语言、网络烂梗</strong>等语言、功能</li>
98+
<li>没有过分的<strong>AI程度</strong>（100%由AI制作）</li>
99+
</ul>
100+
<p>审核的日期不定，但大多都能在<strong>一周内</strong>审核完成，请及时关注结果。</p>
101+
<h3>打包</h3>
102+
<p>您需要保证您提交的文件可以<strong>让别人看懂</strong>。我们规定了一个简单的目录，方便你我更快的检查和加入您的扩展：</p>
103+
<div class="code"><pre class="language-python"><code class="language-python code-highlight"><span class="code-line line-number" line="1">扩展名<span class="token punctuation">.</span><span class="token builtin">zip</span>
76104
</span><span class="code-line line-number" line="2"> <span class="token operator">|</span><span class="token operator">-</span> main<span class="token punctuation">.</span>js <span class="token comment">#您的扩展文件</span>
77105
</span><span class="code-line line-number" line="3"> <span class="token operator">|</span><span class="token operator">-</span> featured<span class="token punctuation">.</span>png <span class="token comment">#扩展的头图，在扩展库显示</span>
78106
</span><span class="code-line line-number" line="4"> <span class="token operator">|</span><span class="token operator">-</span> text<span class="token punctuation">.</span>json <span class="token comment">#存放您的扩展信息</span>
79107
</span></code></pre></div>
80-
<p>如果您提交的<em>不满足</em>我们的要求，我们可能会<strong>拒绝加入</strong>您的扩展。</p>
81-
<p>下面我们会展开每个文件具体的规范。</p>
82-
<h4>main.js</h4>
83-
<p>这里存放您的扩展主文件，具体扩展该如何编写请参考<em>其它扩展教程</em>。</p>
84-
<p>说回来，您的扩展开头应有以下内容：</p>
85-
<div class="code"><pre class="language-js"><code class="language-js code-highlight"><span class="code-line line-number" line="1"><span class="token comment">// Name: 扩展名称</span>
108+
<p>如果您提交的<em>不满足</em>我们的要求，我们可能会<strong>拒绝加入</strong>您的扩展。</p>
109+
<p>下面我们会展开每个文件具体的规范。</p>
110+
<h4>main.js</h4>
111+
<p>这里存放您的扩展主文件，具体扩展该如何编写请参考<em>其它扩展教程</em>。</p>
112+
<p>说回来，您的扩展开头应有以下内容：</p>
113+
<div class="code"><pre class="language-js"><code class="language-js code-highlight"><span class="code-line line-number" line="1"><span class="token comment">// Name: 扩展名称</span>
86114
</span><span class="code-line line-number" line="2"><span class="token comment">// ID: 扩展ID</span>
87115
</span><span class="code-line line-number" line="3"><span class="token comment">// Description: 扩展描述</span>
88116
</span><span class="code-line line-number" line="4"><span class="token comment">// By: 作者 &lt;链接&gt;</span>
89117
</span><span class="code-line line-number" line="5"><span class="token comment">// By: 更多作者 &lt;链接&gt;</span>
90118
</span><span class="code-line line-number" line="6"><span class="token comment">// License: 许可证（MIT、GPLv3等）</span>
91119
</span></code></pre></div>
92-
<p>这<em>在此扩展库</em> <strong>是强制的</strong>，因为它涉及到实际的显示。</p>
93-
<p><strong>我们需要您将Name和Description写为英文，这需要作为默认文本于扩展库显示。</strong></p>
94-
<blockquote>
95-
<strong><p>注意，对于多作者要用多个 <code>// By:</code> 而不是逗号</p></strong>
96-
</blockquote>
97-
<p>此外，我们<em>不要求您的内容包含国际化</em> 。</p>
98-
<h4>featured.png</h4>
99-
<p>这里是扩展的头图，也就是在扩展库展示的图片。
100-
我们<em>硬性</em> 要求扩展图满足以下条件：</p>
101-
<ul>
102-
<li>纵横比为 2:1</li>
103-
<li>分辨率各不小于 600x300</li>
104-
<li>有一个明确的代表，无论文字或图形（你甚至可以只写个扩展名上去）</li>
105-
</ul>
106-
<p>我们也<em>建议</em> 您的扩展图可以：</p>
107-
<ul>
108-
<li>不单调</li>
109-
<li>美观（参考TurboWarp及其他扩展库扩展）</li>
110-
<li>有一个<strong>明确清晰</strong>的主题色而不是<em>炸裂非主流的渐变和AI生成</em></li>
111-
</ul>
112-
<h4>text.json</h4>
113-
<p>您可以复制这个示例并对其修改</p>
114-
<div class="code"> <pre class="language-json"><code class="language-json code-highlight"><span class="code-line line-number" line="1"><span class="token punctuation">{</span>
120+
<p>这<em>在此扩展库</em> <strong>是强制的</strong>，因为它涉及到实际的显示。</p>
121+
<p><strong>我们需要您将Name和Description写为英文，这需要作为默认文本于扩展库显示。</strong></p>
122+
<blockquote>
123+
<strong><p>注意，对于多作者要用多个 <code>// By:</code> 而不是逗号</p></strong>
124+
</blockquote>
125+
<p>此外，我们<em>不要求您的内容包含国际化</em> 。</p>
126+
<h4>featured.png</h4>
127+
<p>这里是扩展的头图，也就是在扩展库展示的图片。
128+
我们<em>硬性</em> 要求扩展图满足以下条件：</p>
129+
<ul>
130+
<li>纵横比为 2:1</li>
131+
<li>分辨率各不小于 600x300</li>
132+
<li>有一个明确的代表，无论文字或图形（你甚至可以只写个扩展名上去）</li>
133+
</ul>
134+
<p>我们也<em>建议</em> 您的扩展图可以：</p>
135+
<ul>
136+
<li>不单调</li>
137+
<li>美观（参考TurboWarp及其他扩展库扩展）</li>
138+
<li>有一个<strong>明确清晰</strong>的主题色而不是<em>炸裂非主流的渐变和AI生成</em></li>
139+
</ul>
140+
<h4>text.json</h4>
141+
<p>您可以复制这个示例并对其修改</p>
142+
<div class="code"> <pre class="language-json"><code class="language-json code-highlight"><span class="code-line line-number" line="1"><span class="token punctuation">{</span>
115143
</span><span class="code-line line-number" line="2"> <span class="token property">"Name"</span><span class="token operator">:</span><span class="token punctuation">{</span>
116144
</span><span class="code-line line-number" line="4"> <span class="token property">"zh-cn"</span><span class="token operator">:</span><span class="token string">"扩展名"</span>
117-
...更多语言
145+
...更多语言
118146
</span><span class="code-line line-number" line="5"> <span class="token punctuation">}</span><span class="token punctuation">,</span>
119147
</span><span class="code-line line-number" line="6"> <span class="token property">"Description"</span><span class="token operator">:</span><span class="token punctuation">{</span>
120148
</span><span class="code-line line-number" line="8"> <span class="token property">"zh-cn"</span><span class="token operator">:</span><span class="token string">"扩展描述"</span>
121-
...更多语言
149+
...更多语言
122150
</span><span class="code-line line-number" line="9"> <span class="token punctuation">}</span><span class="token punctuation">,</span>
123151
}
124152
</code></pre></div>
125-
<p>我们<strong>硬性要求</strong>您的扩展格式包含以上二项，且<code>Name</code>和<code>Description</code>包含<code>zh-cn</code>。这对国际化很有帮助。
126-
</p>
127-
<p>我们<em>不要求您的扩展内容包含国际化</em>。</p>
128-
<h2>准备</h2>
129-
<h3>Issues</h3>
130-
<p>如上，我们使用<strong>Issues</strong>来作为提交介质。我们将展开提交步骤。</p>
131-
<h4>1.进入 Extensions库——Issues</h4>
132-
<p>进入此链接
133-
<a
134-
href="https://github.com/AstraEditor/extensions/issues">https://github.com/AstraEditor/extensions/issues</a>
135-
</p>
136-
<h4>2.发送 Issue</h4>
137-
<p>点击<strong>New issue</strong>。
138-
<img src="./submit/NewIssue.png" alt="New issue">
139-
在<strong>Add a title</strong>下面的<em>输入框</em>输入类似
140-
<code>Add new extension named "扩展名"</code>的文字让我们识别。
141-
<img src="./submit/AddATitle.png" alt="Add a Title">
142-
在<strong>Add a description</strong>处输入您想要告诉我们的信息，这不是必要的。
143-
<img src="./submit/Input.png" alt="Input">
144-
点击下方写着<strong>Paste, drop, or click to add files</strong>的按钮，导入您制作好的扩展文件（.zip）
145-
<img src="./submit/Load.png" alt="Load">
146-
等待导入完成，点击<strong>Create</strong>！
147-
<img src="./submit/Submit.png" alt="Submit">
148-
</p>
149-
<p>完成！现在只需等待我们进行审核并回复您！</p>
150-
</main>
153+
<p>我们<strong>硬性要求</strong>您的扩展格式包含以上二项，且<code>Name</code>和<code>Description</code>包含<code>zh-cn</code>。这对国际化很有帮助。
154+
</p>
155+
<p>我们<em>不要求您的扩展内容包含国际化</em>。</p>
156+
<h2>准备</h2>
157+
<h3>Issues</h3>
158+
<p>如上，我们使用<strong>Issues</strong>来作为提交介质。我们将展开提交步骤。</p>
159+
<h4>1.进入 Extensions库——Issues</h4>
160+
<p>进入此链接
161+
<a
162+
href="https://github.com/AstraEditor/extensions/issues">https://github.com/AstraEditor/extensions/issues</a>
163+
</p>
164+
<h4>2.发送 Issue</h4>
165+
<p>点击<strong>New issue</strong>。
166+
<img src="./submit/NewIssue.png" alt="New issue">
167+
在<strong>Add a title</strong>下面的<em>输入框</em>输入类似
168+
<code>Add new extension named "扩展名"</code>的文字让我们识别。
169+
<img src="./submit/AddATitle.png" alt="Add a Title">
170+
在<strong>Add a description</strong>处输入您想要告诉我们的信息，这不是必要的。
171+
<img src="./submit/Input.png" alt="Input">
172+
点击下方写着<strong>Paste, drop, or click to add files</strong>的按钮，导入您制作好的扩展文件（.zip）
173+
<img src="./submit/Load.png" alt="Load">
174+
等待导入完成，点击<strong>Create</strong>！
175+
<img src="./submit/Submit.png" alt="Submit">
176+
</p>
177+
<p>完成！现在只需等待我们进行审核并回复您！</p>
178+
</main>
151179
</body>
152180

153181
</html>

0 commit comments

Comments
 (0)