-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathindex.html
363 lines (354 loc) · 21.4 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
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>WordsAway | 文本防检测</title>
<link rel="icon" href="img/WordsAway_Black.png">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
<meta name="theme-color" content="#000000">
<link rel="stylesheet" href="css/materialize-n.min.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="fontawesome-free-5.13.0-web/css/all.min.css">
<link rel="manifest" href="/manifest.json">
</head>
<body>
<div class="main">
<div class="bg-container">
<div class="background"></div>
</div>
<div class="row row1">
<a href="https://github.com/NitroRCr/Words-away" class="github-corner"
aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250"
style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;"
aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg></a>
<style>
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0)
}
20%,
60% {
transform: rotate(-25deg)
}
40%,
80% {
transform: rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}
</style>
<div class="container dark">
<h1 style="font-weight: bold; font-size: 2em">WordsAway</h1>
<div style="font-style: italic; font-size: 1.1em; color: #eee">"Keep keywords away."</div>
<p style="line-height: 2; font-size: 1.25em;">
一个简单的文本处理工具，可用于避免关键词误屏蔽<br>
用途：防屏蔽 / 防折叠 / 防爬取 / 防机器检测，增强文本安全性
</p>
<div class="row">
<div class="col s12 m6">
<h3>简单、有效</h3>
<p>一键式处理，能有效避开大部分的关键词检测<br>
并且尽量不影响文本的可读性</p>
</div>
<div class="col s12 m6">
<h3 style="text-decoration: line-through;">适合酷安现状</h3>
<p>已经被酷安盯上了，再研究新的方法也没有意义了。<br>
或许在其他平台还有用吧。</p>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<h3>功能多样</h3>
<p>多种处理方式任你选择，对链接/号码等的兼容应有尽有</p>
</div>
<div class="col s12 m6">
<h3>最近更新 2022-5-29</h3>
<p>
新增功能 将链接替换为平台外链<br>
修复 样式异常
</p>
</div>
</div>
<div class="one-text-a row">
<div class="col s12 l10">
<div class="text"></div>
<div class="by" style="text-align: right;"></div>
</div>
</div>
<div style="height: 25px;"></div>
<div class="row">
<div class="col s12">
<a class="n-dark waves-effect waves-light"
onclick="$('.row2')[0].scrollIntoView();return false;">Start</a>
<a class="n-dark waves-effect waves-light"
onclick="$('.row3')[0].scrollIntoView();return false;">使用说明</a>
<a href="simple.html" class="n-dark waves-effect waves-light">简洁版</a>
</div>
</div>
<div style="height: 60px;"></div>
</div>
<div class="letf-bottom-cornor">
BY NitroFire
</div>
<!-- <span id="busuanzi_container_site_pv">
<i class="fas fa-eye"></i> <span id="busuanzi_value_site_pv"></span>
</span> -->
</div>
<div class="row row2">
<div class="container light">
<form class="col s12">
<h2>Start</h2>
<div class="process-fields">
<div class="input-field col s12 text-in">
<textarea id="textin" class="materialize-textarea"></textarea>
<label for="textin">输入文本</label>
</div>
<div class="input-field col s12 text-in tohide-text" style="display: none;">
<textarea id="tohide-text" class="materialize-textarea"></textarea>
<label for="tohide-text">需隐藏的文本</label>
</div>
<div class="vertical-options" style="display: none;">
<div class="input-field col s6 inline">
<input id="max-col" type="text" value="12">
<label for="max-col">最大列数</label>
</div>
<div class="input-field col s6 inline">
<input id="min-row" type="text" value="5">
<label for="min-row">最小行数</label>
</div>
</div>
<div class="input-field col s12 font-select-field" style="display: none;">
<select class="font-selector">
<option value="monospace" selected>𝚖𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎</option>
<option value="script">𝓈𝒸𝓇𝒾𝓅𝓉</option>
<option value="double-struck">𝕕𝕠𝕦𝕓𝕝𝕖-𝕤𝕥𝕣𝕦𝕔𝕜</option>
<option value="sans-serif">𝗌𝖺𝗇𝗌-𝗌𝖾𝗋𝗂𝖿</option>
<option value="sans-serif-bold">𝘀𝗮𝗻𝘀-𝘀𝗲𝗿𝗶𝗳-𝗯𝗼𝗹𝗱</option>
<option value="sans-serif-italic">𝘴𝘢𝘯𝘴-𝘴𝘦𝘳𝘪𝘧-𝘪𝘵𝘢𝘭𝘪𝘤</option>
<option value="sans-serif-bold-italic">𝙨𝙖𝙣𝙨-𝙨𝙚𝙧𝙞𝙛-𝙗𝙤𝙡𝙙-𝙞𝙩𝙖𝙡𝙞𝙘
</option>
<option value="bold">𝐛𝐨𝐥𝐝</option>
<option value="italic">𝑖𝑡𝑎𝑙𝑖𝑐</option>
<option value="bold-italic">𝒃𝒐𝒍𝒅-𝒊𝒕𝒂𝒍𝒊𝒄</option>
<option value="bold-script">𝓫𝓸𝓵𝓭-𝓼𝓬𝓻𝓲𝓹𝓽</option>
<option value="mini">ᴍɪɴɪ</option>
<option value="fake-normal">fаkе-ոоrmаӏ</option>
</select>
<label>替换字体</label>
</div>
<div class="input-field col s12 url-mode-select-field" style="display: none;">
<select class="url-mode-selector">
<option value="coolapk" selected>酷安 - 外链</option>
<option value="csdn">CSDN - 外链</option>
<option value="zhihu">知乎 - 外链</option>
<option value="is.gd">is.gd - 短链接</option>
</select>
<label>链接跳转方式</label>
</div>
</div>
<div class="back-fields" style="display: none;">
<div class="input-field col s12 back-text-in">
<textarea id="back-textin" class="materialize-textarea"></textarea>
<label for="back-textin">输入文本</label>
</div>
</div>
<div class="input-field col s12 checkboxs">
<div class="switch">
<div class="common-cb">
<label>
<input type="checkbox" class="filled-in" id="zero-width-space"
checked="checked" />
<span>零宽间隔（普通）</span>
</label>
<label>
<input type="checkbox" class="filled-in" id="rows-reverse" />
<span>每行双重反转（增强）</span>
</label>
<label>
<input type="checkbox" class="filled-in" id="words-reverse" />
<span>每两字双重反转（增强）</span>
</label>
</div>
<div class="more-cb" style="display: none;">
<label>
<input type="checkbox" class="filled-in" id="rows-reverse-2067" />
<span>每行双重反转（U+2067）</span>
</label>
<label>
<input type="checkbox" class="filled-in" id="unvcode" />
<span>幼女Code</span>
</label>
<label class="miss-url">
<input type="checkbox" class="filled-in" checked="checked" id="miss-url" />
<span>兼容链接</span>
</label>
<label class="coolapk-mode">
<input type="checkbox" class="filled-in" checked="checked" id="coolapk-mode" />
<span>兼容 [表情] #话题# 和 @</span>
</label>
<label class="replace-url">
<input type="checkbox" class="filled-in" id="replace-url" />
<span>替换链接</span>
</label>
<label class="vertical-text">
<input type="checkbox" class="filled-in" id="vertical-text" />
<span>转为竖向排列（物理）</span>
</label>
<label class="letters-font">
<input type="checkbox" class="filled-in" id="letters-font" />
<span>替换英文和数字</span>
</label>
<label class="wordshide">
<input type="checkbox" class="filled-in" id="wordshide" />
<span>隐藏文本</span>
</label>
<label class="back-mode">
<input type="checkbox" class="filled-in" id="back-mode" />
<span>还原模式</span>
</label>
</div>
<a href="javascript:;" id="show-more-cb"
style="color: #7e57c2; text-decoration: none;">显示更多选项</a>
</div>
<a class="waves-effect waves-light btn-small start-mixin" onclick="return false;"
style="float: right">处理</a>
</div>
</form>
<div style="height: 100px"></div>
<div class="process-result">
<p style="font-weight: bold">处理结果：</p>
<pre class="result">请先处理
</pre>
<button data-clipboard-text="请先处理"
class="waves-effect waves-light btn-small to-copy">复制</button>
</div>
<div class="back-result" style="display: none;">
<div class="result-container">
<p style="font-weight: bold">处理结果：</p>
<pre class="result">请先处理
</pre>
<button data-clipboard-text="请先处理"
class="waves-effect waves-light btn-small to-copy">复制</button>
</div>
<div class="hide-container" style="display: none;">
<p style="font-weight: bold">隐藏文本：</p>
<pre class="hide-result">请先处理
</pre>
<button data-clipboard-text="请先处理"
class="waves-effect waves-light btn-small hide-to-copy">复制</button>
</div>
</div>
<div style="height: 50px"></div>
</div>
</div>
<div class="row row3">
<div class="container dark">
<h2>使用说明</h2>
<p>
使用方法：输入 => 处理 => 复制 => 粘贴 => 发表<br>
以下是每个选项的说明
</p>
<h3>零宽间隔模式</h3>
<p>
可视为普通模式，会在每两个字符之间插入一个 零宽间隔符 (<a href="https://unicode-table.com/cn/200B/">U+200B</a>)<br>
处理之后文本看上去没有变化，实际上每个字都被间隔开了，可以避开一般的关键词检测<br>
</p>
<h3>每行双重反转</h3>
<p>
可视为一种增强模式，会将每行文字反转，然后在每行开头加上一个 强制从右至左符 (<a
href="https://unicode-table.com/cn/202E/">U+202E</a>）可以避开更多的关键词检测<br>
缺陷是当一行文本（即不含换行符）以多行形式显示时，这几行的显示顺序会混乱<br>
</p>
<h3>每两字双重反转</h3>
<p>
另一种增强模式。多行显示时，仍然有概率顺序错乱的问题，这里不作过多解释
</p>
<h3>幼女Code</h3>
<p>
在unicode中，有很多字，它们看起来长得很像，但是它们的ord不一样。<br>
这样一来，只要把字符串里原本的字……啊，点到为止，再说下去就不好玩了。(<a href="https://github.com/RimoChan/unvcode">unvcode</a>)
</p>
<h3>替换链接</h3>
<p>把链接替换为国内平台的外链或短链接，以避开对链接的域名检测。其中短链接使用<a href="https://is.gd">is.gd</a>的API，在大陆已不可用</p>
<h3>隐藏文本</h3>
<p>
将隐藏文本编码为Unicode控制符，加入到处理后的文本中。只有还原后可见<br>
完整的隐藏文本功能请使用<a href="https://wordshide.netlify.app/">WordsHide</a>
</p>
<h3>还原模式</h3>
<p>
将处理后的文本还原，目前支持零宽间隔、每行双重反转、每两字双重反转和隐藏文本的还原
</p>
<h3>转为竖向排列</h3>
<p>
纯“物理”的处理方法，不使用Unicode控制符，仅把文本转为竖向排列，防检测效果较好<br>
但仅兼容中文或其他等宽字符，否则会错位<br>
</p>
<h3>替换英文和数字</h3>
<p>
将普通拉丁文字母和阿拉伯数字替换为 MATHEMATICAL 字符集中的字母及数字，以避开对英文单词和一些数字的检测（比如QQ群号...）<br>
仅部分字体会替换数字
</p>
<h3>兼容 [表情] #话题# 和 @</h3>
<p>适用于酷安</p>
<h3>使用须知 & 免责声明</h3>
<ul style="list-style-type: disc;">
<li>- 用途：防止误屏蔽 / 防爬虫 / 防复制 / 防机器检测</li>
<li>- 禁止用于传播不良信息。使用不当造成不良后果概不负责</li>
<li>- 无法避开所有的关键词检测，只能避开机器检测</li>
<li>- 请低调使用</li>
</ul>
<h2>关于</h2>
WordsAway，一个文本防检测工具，MIT开源<br>
作者：NitroFire (酷安@SH_XN)
<div style="height: 50px;"></div>
</div>
</div>
<div class="row row4">
<div class="container light">
<footer>
<div style="text-align: center;">
© 2022 WordsAway<br>
<div style="height: 3px;"></div>
<a href="https://github.com/NitroRCr/Words-away">
<i class="fab fa-github" style="font-size: 1.15em"></i></a>
<a href="/">
<i class="material-icons"
style="font-size: 1.3em; transform: translateY(0.17em)">home</i>
</a>
</div>
</footer>
</div>
</div>
</div>
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script src="js/Words-away.js"></script>
<script src="js/WordsHide.js"></script>
<script src="js/OneText.js"></script>
<script src="js/seedrandom.min.js"></script>
<script src="js/simple.js"></script>
<script src="js/index.js"></script>
<script src="js/materialize.min.js"></script>
</script>
</body>