欢迎来到创作者排行榜
\n探索并追踪您喜爱的创作者在YouTube、TikTok等平台的表现。
\n \n创作者排行榜
\n\n \n
\n \n
\n \n 创作者名称
\n粉丝数: 1,000,000
\n帖子数: 500
\n影响力趋势: 上升
\n \n数据分析
\n\n \n
\n 图表将在此显示
\n社区互动
\n\n \n \n
\n 
body.html
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://creatorsrank.scroll.pub
+ metaTags
+ editButton /edit.html
+ title 创作者排行榜 - 展示与分析平台
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "1be836bc-f6f2-4cab-b853-a29e97468637",
+ "object": "chat.completion",
+ "created": 1735612120,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ncreatorsrank.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://creatorsrank.scroll.pub\nmetaTags\neditButton /edit.html\ntitle 创作者排行榜 - 展示与分析平台\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n\n\n \n \n\n \n \n\n \n \n\n \n \n \n\n\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f9;\n color: #333;\n}\n\nheader {\n background-color: #6200ea;\n color: white;\n padding: 1rem;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n}\n\nnav {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 1rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n font-weight: bold;\n}\n\n.login-btn {\n background-color: #03dac6;\n padding: 0.5rem 1rem;\n border-radius: 5px;\n}\n\nmain {\n padding: 2rem;\n}\n\nsection {\n margin-bottom: 2rem;\n}\n\nh2 {\n color: #6200ea;\n}\n\n#search-form {\n display: flex;\n justify-content: center;\n margin-top: 1rem;\n}\n\n#search-form input {\n padding: 0.5rem;\n width: 300px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n#search-form button {\n padding: 0.5rem 1rem;\n background-color: #03dac6;\n border: none;\n border-radius: 5px;\n color: white;\n cursor: pointer;\n}\n\n.ranking-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.ranking-item {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.follow-btn {\n background-color: #6200ea;\n color: white;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.analytics-chart {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.comment-section {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.comment-section textarea {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n margin-bottom: 1rem;\n}\n\n.comment-btn {\n background-color: #6200ea;\n color: white;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n background-color: #333;\n color: white;\n text-align: center;\n padding: 1rem;\n margin-top: 2rem;\n}\n\nfooter p {\n margin: 0;\n}\n\n@media (max-width: 768px) {\n nav {\n flex-direction: column;\n align-items: center;\n }\n\n .ranking-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.getElementById('search-form').addEventListener('submit', function(event) {\n event.preventDefault();\n const query = event.target.querySelector('input').value;\n alert('搜索: ' + query);\n});\n\ndocument.querySelectorAll('.follow-btn').forEach(button => {\n button.addEventListener('click', function() {\n alert('已关注创作者');\n });\n});\n\ndocument.querySelector('.comment-btn').addEventListener('click', function() {\n const comment = document.querySelector('.comment-section textarea').value;\n alert('评论已提交: ' + comment);\n});\n---end---"
创作者排行榜
\n \n+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 300,
+ "completion_tokens": 1395,
+ "total_tokens": 1695,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 300
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # creatorsrank.scroll.pub
+ Website generated by DeepSeek from prompt: Create a comprehensive website to showcase and rank creators on platforms like YouTube and TikTok, displaying detailed data analytics such as follower count, fan count, post volume, and influence trends, while also providing features like user registration and login, search and filtering, following and bookmarking, notification system, and interactive comments. The website language is Chinese.
script.js
Changed around line 1
+ document.getElementById('search-form').addEventListener('submit', function(event) {
+ event.preventDefault();
+ const query = event.target.querySelector('input').value;
+ alert('搜索: ' + query);
+ });
+
+ document.querySelectorAll('.follow-btn').forEach(button => {
+ button.addEventListener('click', function() {
+ alert('已关注创作者');
+ });
+ });
+
+ document.querySelector('.comment-btn').addEventListener('click', function() {
+ const comment = document.querySelector('.comment-section textarea').value;
+ alert('评论已提交: ' + comment);
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f9;
+ color: #333;
+ }
+
+ header {
+ background-color: #6200ea;
+ color: white;
+ padding: 1rem;
+ text-align: center;
+ }
+
+ header h1 {
+ margin: 0;
+ }
+
+ nav {
+ display: flex;
+ justify-content: center;
+ gap: 1rem;
+ margin-top: 1rem;
+ }
+
+ nav a {
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+ }
+
+ .login-btn {
+ background-color: #03dac6;
+ padding: 0.5rem 1rem;
+ border-radius: 5px;
+ }
+
+ main {
+ padding: 2rem;
+ }
+
+ section {
+ margin-bottom: 2rem;
+ }
+
+ h2 {
+ color: #6200ea;
+ }
+
+ #search-form {
+ display: flex;
+ justify-content: center;
+ margin-top: 1rem;
+ }
+
+ #search-form input {
+ padding: 0.5rem;
+ width: 300px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ }
+
+ #search-form button {
+ padding: 0.5rem 1rem;
+ background-color: #03dac6;
+ border: none;
+ border-radius: 5px;
+ color: white;
+ cursor: pointer;
+ }
+
+ .ranking-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1rem;
+ }
+
+ .ranking-item {
+ background-color: white;
+ padding: 1rem;
+ border-radius: 5px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+
+ .follow-btn {
+ background-color: #6200ea;
+ color: white;
+ padding: 0.5rem 1rem;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ .analytics-chart {
+ background-color: white;
+ padding: 1rem;
+ border-radius: 5px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ text-align: center;
+ }
+
+ .comment-section {
+ background-color: white;
+ padding: 1rem;
+ border-radius: 5px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+
+ .comment-section textarea {
+ width: 100%;
+ padding: 0.5rem;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ margin-bottom: 1rem;
+ }
+
+ .comment-btn {
+ background-color: #6200ea;
+ color: white;
+ padding: 0.5rem 1rem;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ footer {
+ background-color: #333;
+ color: white;
+ text-align: center;
+ padding: 1rem;
+ margin-top: 2rem;
+ }
+
+ footer p {
+ margin: 0;
+ }
+
+ @media (max-width: 768px) {
+ nav {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .ranking-grid {
+ grid-template-columns: 1fr;
+ }
+ }