我们不曾暧昧,因为还是好朋友

本文讲述了作者与好友七年的深厚友谊及对方经历的情感变化。从最初的情感投入到最后的释怀,两人通过视频聊天、煲电话粥等方式分享彼此的心情与故事。

认识七年了,我曾看到你那幺的喜欢我们共同的好朋友,最后伤的那幺深。我和你,似乎没有什幺隐瞒,我的事你的事,彼此都清楚。大家玩真心话大冒险,你不知 道问我什幺问题,我也不知道问你什幺问题。我们可以视频 聊天到凌晨4点,在你摆弄着巧克力牛肉干中谈论着有关感情的事。你说你已经不再纠结于过往的情感,现如今,面对她的坚持回来,你总是给与否定的回答。我们 还曾煲电话粥到两点,因为我第二天要上班而挂断。突然想起你曾经声音哽咽的和我诉说你心中有关于她的苦闷。

生成一个好看治愈的大型网站需要综合考虑前端设计、用户体验和后端功能实现。下面我将提供一个简单的示例,展示如何使用HTML、CSS和JavaScript来创建一个基础的治愈系网站。 ### 前端部分 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>治愈系网站</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f0f8ff; color: #444; margin: 0; padding: 0; } header { background-color: #87CEEB; color: white; text-align: center; padding: 1em 0; } main { padding: 20px; } .card { background-color: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 20px; padding: 20px; } footer { text-align: center; padding: 1em 0; background-color: #87CEEB; color: white; } </style> </head> <body> <header> <h1>欢迎来到治愈系网站</h1> <p>在这里找到你的平静与快乐</p> </header> <main> <div class="card"> <h2>每日一句</h2> <p id="daily-quote">点击按钮获取每日一句</p> <button onclick="getDailyQuote()">获取每日一句</button> </div> <div class="card"> <h2>放松音乐</h2> <audio controls> <source src="relaxing_music.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </div> </main> <footer> <p>© 2023 治愈系网站</p> </footer> <script> function getDailyQuote() { const quotes = [ "生活不是等待风暴过去,而是学会在雨中起舞。", "每一个不曾起舞的日子,都是对生命的辜负。", "你的时间有限,所以不要为别人而活。", "只有经历过地狱般的磨砺,才能练就创造天堂的力量。" ]; const randomQuote = quotes[Math.floor(Math.random() * quotes.length)]; document.getElementById('daily-quote').textContent = randomQuote; } </script> </body> </html> ``` ### 解释 上述代码实现了以下功能: - **HTML结构**:定义了网站的基本结构,包括头部、主体和底部。 - **CSS样式**:设置了页面的颜色、字体、布局等样式,使网站看起来更加美观和治愈。 - **JavaScript功能**:通过`getDailyQuote`函数,用户可以点击按钮获取随机的一句治愈系话语。 ### 后端部分(可选) 如果想要进一步扩展,可以添加后端功能,比如用户登录、评论系统等。这里以Node.js为例,简单展示如何设置服务器: ```javascript const express = require('express'); const app = express(); const port = 3000; app.use(express.static('public')); app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html'); }); app.listen(port, () => { console.log(`治愈系网站启动于 http://localhost:${port}`); }); ``` 上述代码中,我们使用Express框架来创建了一个简单的服务器,并将HTML文件作为主页响应。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值