Cool_Tools/CMoe-Counter
1
0
Fork 0
mirror of https://github.com/fumiama/CMoe-Counter.git synced 2025-02-14 01:22:37 +01:00
Code Releases Activity

完善index

Browse Source
This commit is contained in:
fumiama 2021-06-08 18:04:52 +08:00
parent d576d7162a
commit 05e1cd6d8f
2 changed files with 37 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -2,7 +2,7 @@
多种风格可选的萌萌计数器 多种风格可选的萌萌计数器
![Moe-counter](https://count.getloli.com/get/@Moe-counter.github) ![Moe-counter](http://pan.fumiama.top:42412/cmoe?name=cmoe)
<details> <details>
<summary>More theme</summary> <summary>More theme</summary>

67
assets/index.html
View File

@ -27,13 +27,13 @@
<body> <body>
<h3>How to use:</h3> <h3>How to use:</h3>
<h5>SVG address</h5> <h5>SVG address</h5>
<code>https://count.getloli.com/get/@:name</code> <code>http://pan.fumiama.top:42412/cmoe?name=yourname</code>
<h5>Img tag</h5> <h5>Img tag</h5>
<code>&lt;img src="https://count.getloli.com/get/@:name" alt=":name" /></code> <code>&lt;img src="http://pan.fumiama.top:42412/cmoe?name=yourname" alt="yourname" /></code>
<h5>Markdown</h5> <h5>Markdown</h5>
<code>![:name](https://count.getloli.com/get/@:name)</code> <code>![yourname](http://pan.fumiama.top:42412/cmoe?name=yourname)</code>
<h3> <h3>
eg:<img src="https://count.getloli.com/get/@index" alt="Moe Count!"/> eg:<img src="/cmoe?name=index" alt="Moe Count!"/>
</h3> </h3>
<i> <i>
Data can access by anyone, please<span style="color: #ff4500;">DO NOT</span> Data can access by anyone, please<span style="color: #ff4500;">DO NOT</span>
@ -45,17 +45,17 @@
</summary> </summary>
<p style="margin: 0;"> <p style="margin: 0;">
Just use the query parameters <code>theme</code> Just use the query parameters <code>theme</code>
, like this: <code>https://count.getloli.com/get/@:name?theme=moebooru</code> , like this: <code>/cmoe?name=yourname&theme=mb</code>
</p> </p>
<h5>moebooru</h5> <h5>moebooru(mb)</h5>
<img src="https://count.getloli.com/get/@demo?theme=moebooru" alt="Moebooru"/> <img src="https://count.getloli.com/get/@demo?theme=moebooru" alt="Moebooru"/>
<h5>moebooru-h</h5> <h5>moebooru-h(mbh)</h5>
<img src="https://count.getloli.com/get/@demo?theme=moebooru-h" alt="Moebooru-Hentai"/> <img src="https://count.getloli.com/get/@demo?theme=moebooru-h" alt="Moebooru-Hentai"/>
<h5>rule34</h5> <h5>rule34(r34)</h5>
<img src="https://count.getloli.com/get/@demo?theme=rule34" alt="Rule34"/> <img src="https://count.getloli.com/get/@demo?theme=rule34" alt="Rule34"/>
<h5>gelbooru</h5> <h5>gelbooru(gb)</h5>
<img src="https://count.getloli.com/get/@demo?theme=gelbooru" alt="Gelbooru"/> <img src="https://count.getloli.com/get/@demo?theme=gelbooru" alt="Gelbooru"/>
<h5>gelbooru-h</h5> <h5>gelbooru-h(gbh)</h5>
<img src="https://count.getloli.com/get/@demo?theme=gelbooru-h" alt="Gelbooru-Hentai"/> <img src="https://count.getloli.com/get/@demo?theme=gelbooru-h" alt="Gelbooru-Hentai"/>
</details> </details>
<h3>Credits</h3> <h3>Credits</h3>
@ -80,38 +80,43 @@
</ul> </ul>
<h3>Tool</h3> <h3>Tool</h3>
<div class="tool"> <div class="tool">
<code>https://count.getloli.com/get/@</code> <code>http://pan.fumiama.top:42412/cmoe?name=</code>
<input id="name" type="text" placeholder=":name" style="display: inline-block; width: 80px; height: 1.4em; line-height: 1.4em; margin: 0 4px; vertical-align: middle;"/> <input id="name" type="text" placeholder="name" style="display: inline-block; width: 80px; height: 1.4em; line-height: 1.4em; margin: 0 4px; vertical-align: middle;"/>
<code>?theme=</code> <code>&theme=</code>
<select id="theme" style="display: inline-block; height: 1.6em; line-height: 1.6em; font-size: 14px; margin: 0 4px; padding: 0 4px; vertical-align: middle;"> <select id="theme" style="display: inline-block; height: 1.6em; line-height: 1.6em; font-size: 14px; margin: 0 4px; padding: 0 4px; vertical-align: middle;">
<option value="moebooru">moebooru</option> <option value="mb">moebooru</option>
<option value="moebooru-h">moebooru-h</option> <option value="mbh">moebooru-h</option>
<option value="rule34">rule34</option> <option value="r34">rule34</option>
<option value="gelbooru">gelbooru</option> <option value="gb">gelbooru</option>
<option value="gelbooru-h">gelbooru-h</option> <option value="gbh">gelbooru-h</option>
</select> </select>
<button id="get" style="margin: 10px 0;" onclick="_evt_push(&quot;click&quot;, &quot;normal&quot;, &quot;get_counter&quot;)">Get</button> <button id="get" style="margin: 10px 0;" onclick="_evt_push(&quot;click&quot;, &quot;normal&quot;, &quot;get_counter&quot;)">Get</button>
<img id="result" style="display: block;"/> <img id="result" style="display: block;"/>
<script> <script>
var btn = document.getElementById('get') function get_data(url, recv_fun) {
, img = document.getElementById('result') var httpRequest = new XMLHttpRequest(); //第一步：建立所需的对象
httpRequest.open('GET', url, true); //第二步：打开连接,将请求参数写在url中
httpRequest.send(); //第三步：发送请求
httpRequest.onreadystatechange = function () {
if (httpRequest.readyState == 4 && httpRequest.status == 200) {
recv_fun(httpRequest.responseText);
}
};
}
var btn = document.getElementById('get'), img = document.getElementById('result')
btn.addEventListener('click', function() { btn.addEventListener('click', function() {
var name = document.getElementById('name') var name = document.getElementById('name'), themeEl = document.getElementById('theme')
, themeEl = document.getElementById('theme')
var text = name.value ? name.value.trim() : '' var text = name.value ? name.value.trim() : ''
var theme = themeEl.value || 'moebooru' var theme = themeEl.value || 'mb'
if (!text) { if (!text) alert('Please input counter name.');
alert('Please input counter name.') else get_data('/cmoe?name=' + text + '&reg=fumiama', function(t) {
return img.src = '/cmoe?name=' + text + '&theme=' + theme;
} });
img.src = 'https://count.getloli.com/get/@' + text + '?theme=' + theme
}) })
</script> </script>
</div> </div>
<p class="copy"> <p class="copy">
<a href="https://github.com/journey-ad/Moe-counter" target="_blank" onclick="_evt_push(&quot;click&quot;, &quot;normal&quot;, &quot;go_github&quot;)">source code</a> <a href="https://github.com/fumiama/CMoe-Counter" target="_blank" onclick="_evt_push(&quot;click&quot;, &quot;normal&quot;, &quot;go_github&quot;)">source code</a>
</p> </p>
</body> </body>
</html> </html>