狗屁不通文章生成器
源码：
1 <html> 2 <head> 3 <title>狗屁不通文章生成器</title> 4 <meta http-equiv="content-type" content="txt/html; charset=utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 6 <link rel="icon" href="data:image/ico;base64,aWNv"> 7 <script src="https://hm.baidu.com/hm.js?058d1e446dd338b69f2e385ba2f930f2"></script> 8 <script async src="https://www.googletagmanager.com/gtag/js?id=G-BM8WXEWW3P"></script> 9 </head> 10 <body> 11 <div id="主体"> 12 <div id="标题">文章生成器</div> 13 <div id="主题"> 14 <span>主题</span> 15 <input></input> 16 <button onclick="生成文章()">生成</button> 17 </div> 18 <div id="文章"></div> 19 </div> 20 <div id="声明"> 21 <p id="声明文字">请勿将生成的文章用于正规用途</p> 22 <p><a class="链接" href="声明.txt">声明</a></p> 23 </div> 24 <div id="页脚"> 25 <p> 26 网页版 27 <a class="链接" href="https://github.com/suulnnka/BullshitGenerator"><svg class="图标" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a> 28 @<a class="链接" href="https://www.zhihu.com/people/su-lan-qia">suulnnka</a> 29 </p> 30 <p> 31 原版 32 <a class="链接" href="https://github.com/menzi11/BullshitGenerator"><svg class="图标" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a> 33 @<a class="链接" href="https://www.zhihu.com/people/ke-meng-90">menzi11</a> 34 </p> 35 <p> 36 37 <a class="链接" href="https://gitee.com/sun-shiny/nonsense_article_generator"> 38 如上续链接均无响应,请点击 39 </a> 40 </p> 41 </div> 42 </body> 43 </html> 44 45 <script> 46 let _hmt = window._hmt || []; 47 window.dataLayer = window.dataLayer || []; 48 function gtag(){dataLayer.push(arguments);} 49 gtag('js', new Date()); 50 gtag('config', 'G-BM8WXEWW3P'); 51 52 function track(eventName, title, seed) { 53 gtag('event', eventName, {'event_label': title,'seed': seed,'title_seed':title+'_'+seed}); 54 _hmt.push(['_trackEvent', eventName, 'title', title]); 55 _hmt.push(['_trackEvent', eventName, 'title_seed', title+'_'+seed]); 56 } 57 58 window.$ = function (selector) { 59 return document.querySelector(selector); 60 } 61 62 function 获取网址参数(参数) { 63 return new URL(window.location.href).searchParams.get(参数) 64 } 65 66 let 论述 = [ 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 let 名人名言 = [ 102 '伏尔泰曾经说过，不经巨大的困难，不会有伟大的事业。这不禁令我深思', 103 '富勒曾经说过，苦难磨炼一些人，也毁灭另一些人。这不禁令我深思', 104 '文森特·皮尔曾经说过，改变你的想法，你就改变了自己的世界。这不禁令我深思', 105 '拿破仑·希尔曾经说过，不要等待，时机永远不会恰到好处。这不禁令我深思', 106 '塞涅卡曾经说过，生命如同寓言，其价值不在与长短，而在与内容。这不禁令我深思', 107 '奥普拉·温弗瑞曾经说过，你相信什么，你就成为什么样的人。这不禁令我深思', 108 '吕凯特曾经说过，生命不可能有两次，但许多人连一次也不善于度过。这不禁令我深思', 109 '莎士比亚曾经说过，人的一生是短的，但如果卑劣地过这一生，就太长了。这不禁令我深思', 110 '笛卡儿曾经说过，我的努力求学没有得到别的好处，只不过是愈来愈发觉自己的无知。这不禁令我深思', 111 '左拉曾经说过，生活的道路一旦选定，就要勇敢地走到底，决不回头。这不禁令我深思', 112 '米歇潘曾经说过，生命是一条艰险的峡谷，只有勇敢的人才能通过。这不禁令我深思', 113 '吉姆·罗恩曾经说过，要么你主宰生活，要么你被生活主宰。这不禁令我深思', 114 '日本谚语曾经说过，不幸可能成为通向幸福的桥梁。这不禁令我深思', 115 '海贝尔曾经说过，人生就是学校。在那里，与其说好的教师是幸福，不如说好的教师是不幸。这不禁令我深思', 116 '杰纳勒尔·乔治·S·巴顿曾经说过，接受挑战，就可以享受胜利的喜悦。这不禁令我深思', 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 '迈克尔·F·斯特利曾经说过，最具挑战性的挑战莫过于提升自我。这不禁令我深思', 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 let 后面垫话 = [ 205 '这不禁令我深思。 ', 206 '带着这句话，我们还要更加慎重的审视这个问题： ', 207 '这启发了我， ', 208 '我希望诸位也能好好地体会这句话。 ', 209 '这句话语虽然很短，但令我浮想联翩。 ', 210 '这似乎解答了我的疑惑。 ', 211 ] 212 213 let 前面垫话 = [ 214 '曾经说过', 215 '在不经意间这样说过', 216 '曾经提到过', 217 '说过一句富有哲理的话' 218 ] 219 220 let 初始主题 = [ 221 '一天掉多少根头发', 222 '中午吃什么', 223 '学生会退会', 224 '好好学习', 225 '生活的意义', 226 '科学和人文谁更有意义' 227 ] 228 229 let 下取整 = Math.floor; 230 231 let 同余乘数 = 214013; 232 let 同余加数 = 2531011; 233 let 同余模 = Math.pow(2,32); 234 235 let 随机种子 = 获取网址参数('随机种子') || 下取整( 随便取一个数(0, 同余模, Math.random) ); 236 237 let 主题 = 获取网址参数('主题') || 随便取一句(初始主题) 238 239 $('input').value = 主题; 240 241 // LCG https://en.wikipedia.org/wiki/Linear_congruential_generator 242 function 同余发生器() { 243 随机种子 = ( 随机种子 * 同余乘数 + 同余加数 ) % 同余模; 244 return 随机种子 / 同余模; 245 }; 246 247 function 随便取一句(列表){ 248 let 坐标 = 下取整( 同余发生器() * 列表.length ); 249 return 列表[坐标]; 250 } 251 252 function 随便取一个数(最小值 = 0,最大值 = 100,随机数函数 = 同余发生器){ 253 let 数字 = 随机数函数() * ( 最大值 - 最小值 ) + 最小值; 254 return 数字; 255 } 256 257 function 来点名人名言(){ 258 let 名言 = 随便取一句(名人名言) 259 名言 = 名言.replace('曾经说过', 随便取一句(前面垫话) ) 260 名言 = 名言.replace('这不禁令我深思', 随便取一句(后面垫话) ) 261 return 名言 262 } 263 264 function 来点论述(){ 265 let 句子 = 随便取一句(论述); 266 句子 = 句子.replace(RegExp('主题', 'g'),主题); 267 return 句子; 268 } 269 270 function 增加段落(段落){ 271 if(段落[段落.length-1] === ' '){ 272 段落 = 段落.slice(0,-2) 273 } 274 return ' ' + 段落 + '。 ' 275 } 276 277 function 生成文章(){ 278 主题 = $('input').value 279 history.pushState({url: window.location.href}, null ,'?主题=' + 主题 + '&随机种子=' + 随机种子); 280 track('generator', 主题, 随机种子); 281 let 文章 = [] 282 let 段落 = ''; 283 let 文章长度 = 0; 284 while( 文章长度 < 12000 ){ 285 let 随机数 = 随便取一个数(); 286 if(随机数 < 5 && 段落.length > 200){ 287 段落 = 增加段落(段落); 288 文章.push(段落); 289 段落 = ''; 290 }else if(随机数 < 20){ 291 let 句子 = 来点名人名言(); 292 文章长度 = 文章长度 + 句子.length; 293 段落 = 段落 + 句子; 294 }else{ 295 let 句子 = 来点论述(); 296 文章长度 = 文章长度 + 句子.length; 297 段落 = 段落 + 句子; 298 } 299 } 300 段落 = 增加段落(段落); 301 文章.push(段落); 302 303 let 排版 = '<div>' + 文章.join('</div><div>') + '</div>'; 304 $('#文章').innerHTML = 排版; 305 $('#声明文字').style.display = 'block' 306 } 307 308 if (获取网址参数('主题')) { 309 生成文章(); 310 track('shared', 主题, 随机种子); 311 } 312 313 </script> 314 <style> 315 @media screen and (max-width: 1024px) { 316 html{ 317 font-size: 2vw; 318 color: #333333; 319 } 320 body{ 321 margin: 0; 322 } 323 #主体{ 324 border: 2px solid #333333; 325 margin: 6px; 326 padding: 6px; 327 background: #f8f8f8; 328 } 329 #标题{ 330 font-size: 3rem; 331 line-height: 3rem; 332 text-align: center; 333 } 334 #主题{ 335 text-align: center; 336 margin-top: 6px; 337 font-size: 0px; 338 } 339 #主题 span{ 340 font-size: 2rem; 341 vertical-align: baseline; 342 margin-left: 6px; 343 } 344 #主题 input{ 345 border: none; 346 border-bottom: #666666 2px solid; 347 padding: 1px 0 0 0; 348 margin: 0px 6px 0 6px; 349 vertical-align: baseline; 350 font-size: 2rem; 351 background: #f8f8f8; 352 color: #333333; 353 text-align: center; 354 min-width: 20%; 355 } 356 #主题 button{ 357 border: 0; 358 padding: 3px 7px 3px 7px; 359 margin: 0; 360 vertical-align: top; 361 font-size: 1.4rem; 362 background: #454545; 363 color: #efefef; 364 } 365 #文章 div{ 366 margin-top: 6px; 367 font-size: 2rem; 368 text-align: justify; 369 } 370 #声明{ 371 float: left; 372 margin: 0 0 0 6px; 373 } 374 #声明 p{ 375 margin: 0 0 3px 3px; 376 font-size: 1.4rem; 377 } 378 #声明文字{ 379 display: none; 380 } 381 #页脚{ 382 margin: 6px; 383 } 384 #页脚 p{ 385 margin: 3px; 386 font-size: 1.4rem; 387 text-align: right; 388 } 389 .链接{ 390 color: #666666; 391 } 392 .图标{ 393 height: 1rem; 394 width: 1rem; 395 vertical-align: top; 396 margin-top: 2px; 397 } 398 } 399 400 @media screen and (min-width: 1024px) { 401 html{ 402 font-size: 1.3vw; 403 color: #333333; 404 } 405 body{ 406 margin: 0; 407 } 408 #主体{ 409 border: 2px solid #333333; 410 margin: 20px; 411 padding: 20px; 412 background: #f8f8f8; 413 } 414 #标题{ 415 font-size: 1.9rem; 416 line-height: 1.9rem; 417 text-align: center; 418 } 419 #主题{ 420 text-align: center; 421 margin-top: 20px; 422 font-size: 0px; 423 } 424 #主题 span{ 425 font-size: 1rem; 426 vertical-align: baseline; 427 margin-left: 20px; 428 } 429 #主题 input{ 430 border: none; 431 border-bottom: #666666 2px solid; 432 padding: 1px 0 0 0; 433 margin: 0px 20px 0 20px; 434 vertical-align: baseline; 435 font-size: 1rem; 436 background: #f8f8f8; 437 color: #333333; 438 text-align: center; 439 min-width: 20%; 440 } 441 #主题 button{ 442 border: 0; 443 padding: 5px 15px 5px 15px; 444 margin: 0; 445 vertical-align: top; 446 font-size: 0.75rem; 447 background: #454545; 448 color: #efefef; 449 } 450 #文章 div{ 451 margin-top: 20px; 452 text-align: justify; 453 } 454 #声明{ 455 float: left; 456 margin: 0 0 0 20px; 457 } 458 #声明 p{ 459 margin: 0 0 5px 5px; 460 font-size: 0.75rem; 461 } 462 #声明文字{ 463 display: none; 464 } 465 #页脚{ 466 margin: 20px; 467 } 468 #页脚 p{ 469 margin: 5px; 470 font-size: 0.75rem; 471 text-align: right; 472 } 473 .链接{ 474 color: #666666; 475 } 476 #页脚 span{ 477 padding: 2px 0 0 0; 478 vertical-align: baseline; 479 } 480 .图标{ 481 height: 0.7rem; 482 width: 0.7rem; 483 vertical-align: top; 484 margin-top: 4px; 485 } 486 } 487 488 </style>
效果：
原项目地址 https://github.com/menzi11/BullshitGenerator
