<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web on MaxBlog</title><link>https://blogtypecho.maxtrnn.top/tags/web/</link><description>Recent content in Web on MaxBlog</description><generator>Hugo</generator><language>zh-cn</language><copyright>&lt;a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener"&gt;皖ICP备2024056272号-3&lt;/a&gt;</copyright><lastBuildDate>Thu, 24 Sep 2026 07:39:59 +0000</lastBuildDate><atom:link href="https://blogtypecho.maxtrnn.top/tags/web/index.xml" rel="self" type="application/rss+xml"/><item><title>遐想：要不要经常更新呢？有人看吗？</title><link>https://blogtypecho.maxtrnn.top/post/30207/</link><pubDate>Thu, 11 Jun 2026 15:48:01 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/30207/</guid><description>&lt;p&gt;&lt;img src="https://img.maxnn.top/file/1781192883911_20.png" alt=""&gt;&lt;/p&gt;&#10;&lt;h3 id="你说经常更新会有人看吗感觉都没什么人了才修好服务器和站点"&gt;&lt;font color="#2DC26B"&gt;你说经常更新会有人看吗？？？？感觉都没什么人了，才修好服务器和站点。&lt;/font&gt;&lt;/h3&gt;</description></item><item><title>转移域名通知</title><link>https://blogtypecho.maxtrnn.top/post/201/</link><pubDate>Mon, 26 May 2025 11:26:06 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/201/</guid><description>&lt;p&gt;&lt;img src="https://img.maxnn.top/file/1781192702058_9.png" alt=""&gt;&lt;/p&gt;&#10;&lt;p&gt;考虑到原域名 maxtral.fun 的续费成本过高，长期运营入不敷出，该域名将于今年6月到期。为了降低运营成本并保持网站的持续可用性，我决定迁移至更经济实惠的域名。&lt;/p&gt;&#10;&lt;p&gt;经过比较，我已在腾讯云购买了 blog.maxtrnn.top 域名，并续费了两年。目前正在进行备案，预计三周左右可以完成。备案成功后，新的博客网站即可正式上线启用，取代当前的 maxtral.fun。&lt;/p&gt;&#10;&lt;p&gt;除了博客网站，其他相关网站也将陆续更换域名。由于涉及到多个域名的 DNS 解析管理，我需要选择一个合适的 DNS 服务提供商。目前考虑的方案有：&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;腾讯云 DNS 解析：&lt;/strong&gt; 域名是在腾讯云购买的，使用腾讯云的 DNS 解析服务可以更好地集成和管理。&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;阿里云 DNS 解析：&lt;/strong&gt; 阿里云在 DNS 解析方面拥有丰富的经验和稳定的服务，但需要额外配置。&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Cloudflare (CF)：&lt;/strong&gt; Cloudflare 提供免费的 SSL 证书和 CDN 加速服务，可以提升网站的安全性和访问速度，但需要将域名托管到 Cloudflare。&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;综合考虑各方面的因素，我需要仔细权衡，选择一个最适合我的 DNS 解析方案，以确保网站的稳定运行和最佳性能。&lt;/p&gt;&#10;&lt;p&gt;总结最后走的是cf maxtrnn.top!!!!!&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;</description></item><item><title>MAX-音乐平台-1-介绍+使用教程</title><link>https://blogtypecho.maxtrnn.top/post/maxmusic-platform1introduction-tutorial-z19llfp/</link><pubDate>Mon, 02 Dec 2024 11:33:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/maxmusic-platform1introduction-tutorial-z19llfp/</guid><description>&lt;h1 id="max-音乐平台-1-介绍使用教程"&gt;MAX-音乐平台-1-介绍+使用教程&lt;/h1&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;打开门户页面：&lt;a href="https://home.maxtral.fun/"&gt;MAX-门户-1&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;点击更多网址：&lt;a href="https://home.maxtral.fun/list/"&gt;收藏夹&lt;/a&gt;&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202192137.png" alt="image"&gt;&lt;/li&gt;&#10;&lt;li&gt;选择娱乐页面 选择音乐平台-1&lt;/li&gt;&#10;&lt;li&gt;&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202192624.png" alt="image"&gt;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;点击打开之后&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202192711.png" alt="image"&gt;&lt;/p&gt;&#10;&lt;p&gt;支持的功能：&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;单独歌曲搜索，点击列表播放&lt;/p&gt;&#10;&lt;p&gt;&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202192825.png" alt="image"&gt;&#10;‍&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;随机播放一首或者多个随机音乐（不停止）&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202192844.png" alt="image"&gt;&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;音乐下载上一首下一首等&lt;/p&gt;&#10;&lt;p&gt;注意可能出现诸多bug：音乐加载慢，音乐没反应，不自动播放等等（max懒得去修，毕竟没人用）&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;加载慢是因为vercel在国外，实在不行开梯子就好了&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;摘要：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;访问门户页面：&lt;a href="https://home.maxtral.fun/"&gt;MAX-门户-1&lt;/a&gt;。&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;点击“更多网址”并选择“收藏夹”。&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;进入娱乐页面并选择音乐平台。&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;支持的功能包括：&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;单独歌曲搜索并播放。&lt;/li&gt;&#10;&lt;li&gt;随机播放一首或多首音乐。&lt;/li&gt;&#10;&lt;li&gt;音乐下载和切换上一首/下一首。&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;注意：可能会出现音乐加载慢、无响应和不自动播放等bug。&lt;/p&gt;&#10;&lt;p&gt;以下是文章中包含的链接：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;[button color=&amp;ldquo;primary&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://home.maxtral.fun/&amp;rdquo; type=&amp;ldquo;round&amp;rdquo;]我的主页[/button]&lt;/li&gt;&#10;&lt;li&gt;[button color=&amp;ldquo;primary&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://home.maxtral.fun/list/&amp;rdquo; type=&amp;ldquo;round&amp;rdquo;]收藏夹[/button]&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h1 id="源码分享"&gt;源码分享&lt;/h1&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#6272a4"&gt;// components/SearchBar.js&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;import&lt;/span&gt; { useState } from &lt;span style="color:#f1fa8c"&gt;&amp;#39;react&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;import&lt;/span&gt; { useRouter } from &lt;span style="color:#f1fa8c"&gt;&amp;#39;next/navigation&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;import&lt;/span&gt; styles from &lt;span style="color:#f1fa8c"&gt;&amp;#39;../styles/SearchBar.module.css&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;export&lt;/span&gt; &lt;span style="color:#ff79c6"&gt;default&lt;/span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;function&lt;/span&gt; SearchBar({ onSearch }) {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; [query, setQuery] &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; useState(&lt;span style="color:#f1fa8c"&gt;&amp;#39;&amp;#39;&lt;/span&gt;);&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; router &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; useRouter();&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; handleSubmit &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; (e) =&amp;gt; {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; e.preventDefault();&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;if&lt;/span&gt; (query.trim()) {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; onSearch(query.trim());&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; };&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;return&lt;/span&gt; (&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;form onSubmit&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleSubmit} className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.searchBar}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;input&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; type&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;text&amp;#34;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; placeholder&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;搜索歌曲...&amp;#34;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; value&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{query}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; onChange&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{(e) =&amp;gt; setQuery(e.target.value)}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.input}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; required&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;/&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;button type&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;submit&amp;#34;&lt;/span&gt; className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.searchButton}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 搜索&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/button&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;button &#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; type&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;button&amp;#34;&lt;/span&gt; &#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; onClick&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{() =&amp;gt; router.push(&lt;span style="color:#f1fa8c"&gt;&amp;#39;/&amp;#39;&lt;/span&gt;)}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.homeButton}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 首页&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/button&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/form&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; );&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#6272a4"&gt;// components/SongList.js&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#39;use client&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;import&lt;/span&gt; { useState } from &lt;span style="color:#f1fa8c"&gt;&amp;#39;react&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;import&lt;/span&gt; styles from &lt;span style="color:#f1fa8c"&gt;&amp;#39;../styles/SongList.module.css&amp;#39;&lt;/span&gt;;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#ff79c6"&gt;export&lt;/span&gt; &lt;span style="color:#ff79c6"&gt;default&lt;/span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;function&lt;/span&gt; SongList({ songs, onSelect }) {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; console.log(&lt;span style="color:#f1fa8c"&gt;&amp;#39;SongList 接收到的数据:&amp;#39;&lt;/span&gt;, songs);&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;return&lt;/span&gt; (&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;div className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.songListContainer}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {songs.map((song, index) =&amp;gt; {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; console.log(&lt;span style="color:#f1fa8c"&gt;&amp;#39;单首歌曲数据:&amp;#39;&lt;/span&gt;, song);&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;return&lt;/span&gt; (&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;div &#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; key&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{index} &#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; onClick&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{() =&amp;gt; onSelect(song, index)}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.songItem}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;div className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.songIndex}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;{index &lt;span style="color:#ff79c6"&gt;+&lt;/span&gt; &lt;span style="color:#bd93f9"&gt;1&lt;/span&gt;}&lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/div&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;div className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.songContent}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;span className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.songName}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {song.songname &lt;span style="color:#ff79c6"&gt;||&lt;/span&gt; song.name &lt;span style="color:#ff79c6"&gt;||&lt;/span&gt; &lt;span style="color:#f1fa8c"&gt;&amp;#39;未知歌曲&amp;#39;&lt;/span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/span&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;span className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.separator}&lt;span style="color:#ff79c6"&gt;&amp;gt;---&amp;lt;&lt;/span&gt;/span&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;span className&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{styles.artist}&lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {song.singer &lt;span style="color:#ff79c6"&gt;||&lt;/span&gt; song.name &lt;span style="color:#ff79c6"&gt;||&lt;/span&gt; &lt;span style="color:#f1fa8c"&gt;&amp;#39;未知歌手&amp;#39;&lt;/span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/span&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/div&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/div&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; );&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; })}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;&amp;lt;&lt;/span&gt;/div&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; );&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;‍&lt;/p&gt;</description></item><item><title>MAX-门户页面-1</title><link>https://blogtypecho.maxtrnn.top/post/maxportal-page1-2rbpib/</link><pubDate>Sun, 01 Dec 2024 16:32:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/maxportal-page1-2rbpib/</guid><description>&lt;h1 id="max-门户页面-1"&gt;MAX-门户页面-1&lt;/h1&gt;&#10;&lt;h1 id="门户使用教程"&gt;门户使用教程&lt;/h1&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;进入门户页面：&lt;a href="https://home.maxtral.fun/"&gt;MAX-门户-1&lt;/a&gt;&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;点击时间是功能栏弹开&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202002708.png" alt="image"&gt;&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;点击其他地方是关闭&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;搜索框输入内容摁下回车enter或者点击搜索图标进入百度搜索&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202002830.png" alt="image"&gt;&#10;‍&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;底下三个选择具体使用方法&lt;/p&gt;&#10;&lt;p&gt;&lt;img src="https://picbed-max.oss-cn-wulanchabu.aliyuncs.com/siyuannote/20241202002929.png" alt="image"&gt;&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;公告点击查看max发布的公告&lt;/li&gt;&#10;&lt;li&gt;留言板可以选择留言内容，包括反馈建议等，需要邮箱支持，因为可以邮箱通知你谁回复你了&lt;/li&gt;&#10;&lt;li&gt;计划任务，可以看见max关于中国门户网页的计划和历程&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h1 id="更多地址教程"&gt;更多地址教程&lt;/h1&gt;&#10;&lt;p&gt;2024年12月2日00:32:35 待编写&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;&#10;&lt;p&gt;‍&lt;/p&gt;</description></item><item><title>我的音乐平台</title><link>https://blogtypecho.maxtrnn.top/post/167/</link><pubDate>Wed, 13 Nov 2024 16:48:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/167/</guid><description>&lt;p&gt;###我的音乐平台&lt;/p&gt;&#10;&lt;p&gt;本项目是一个基于React的音乐平台，用户可以在平台上进行歌曲搜索、播放以及享受随机播放功能。平台支持歌曲的播放、暂停、切换以及持续随机播放功能，提供了简洁易用的界面和良好的用户体验。以下是平台的功能介绍和实现细节。&lt;/p&gt;&#10;&lt;h2 id="1-项目概述"&gt;1. 项目概述&lt;/h2&gt;&#10;&lt;p&gt;我的音乐平台的核心功能是通过一个搜索框，用户可以搜索到自己喜欢的歌曲并播放。平台内置了随机播放和持续随机播放功能，能够根据用户需求实时播放热门音乐。平台的设计简洁，操作直观，用户可以通过搜索框、播放控制按钮等轻松操作。&lt;/p&gt;&#10;&lt;p&gt;您可以通过以下链接访问项目：[button color=&amp;ldquo;success&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://music.maxtral.fun/&amp;rdquo; type=&amp;ldquo;round&amp;rdquo;]访问音乐平台[/button]&lt;/p&gt;&#10;&lt;h2 id="2-搜索功能"&gt;2. 搜索功能&lt;/h2&gt;&#10;&lt;p&gt;平台的核心功能之一是歌曲搜索。用户可以通过输入歌曲名称来搜索相关的音乐，搜索结果将显示相关歌曲的列表，用户可以选择其中一首进行播放。平台会展示歌曲的名称、艺术家信息以及专辑封面等详细信息。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;red&amp;rdquo;]下一步目标：计划在搜索功能中加入更多过滤选项，允许用户按照艺术家、专辑等进行更精确的筛选。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;SearchBar&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;onSearch&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleSearch} /&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="3-随机播放功能"&gt;3. 随机播放功能&lt;/h2&gt;&#10;&lt;p&gt;平台支持随机播放功能，用户点击“随机播放飙升音乐”按钮后，平台会自动选择一首随机的热门歌曲并开始播放。该功能帮助用户发现新歌，并能随时体验到不同风格的音乐。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;blue&amp;rdquo;]下一步目标：进一步优化随机播放逻辑，允许用户根据音乐类别、风格进行筛选，提升音乐推荐的精准度。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;onClick&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleRandomPlay} &lt;span style="color:#50fa7b"&gt;className&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;random-play-button&amp;#34;&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 随机播放飙升音乐&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="4-持续随机播放功能"&gt;4. 持续随机播放功能&lt;/h2&gt;&#10;&lt;p&gt;除了普通的随机播放外，平台还提供了持续随机播放的选项。启用此功能后，平台将在当前歌曲播放结束后自动播放下一首随机歌曲，保证用户可以不断地听到新歌，提升音乐体验。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;green&amp;rdquo;]下一步目标：实现持续随机播放的优化功能，确保无缝播放并在歌曲之间减少加载时间，提升用户的听歌体验。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;onClick&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleContinuousRandomPlay}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;className&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;continuous-random-play-button&amp;#34;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; {isContinuousRandom &lt;span style="color:#ff79c6"&gt;?&lt;/span&gt; &lt;span style="color:#f1fa8c"&gt;&amp;#39;停止持续随机播放&amp;#39;&lt;/span&gt; &lt;span style="color:#ff79c6"&gt;:&lt;/span&gt; &lt;span style="color:#f1fa8c"&gt;&amp;#39;持续随机播放&amp;#39;&lt;/span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="5-播放器组件"&gt;5. 播放器组件&lt;/h2&gt;&#10;&lt;p&gt;平台内的播放器组件提供了基本的播放控制功能，包括播放、暂停、上一首、下一首等操作。用户可以通过播放器随时控制音乐的播放进度，并且可以查看当前播放的歌曲信息。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;blue&amp;rdquo;]下一步目标：优化播放器界面，增加歌词显示、音量调节等功能，使其更加全面和实用。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;Player&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;song&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{selectedSong}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;ref&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{audioRef}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;onPrevious&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handlePrevious}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;onNext&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleNext}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;hasPrevious&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{currentIndex &lt;span style="color:#ff79c6"&gt;&amp;gt;&lt;/span&gt; &lt;span style="color:#bd93f9"&gt;0&lt;/span&gt;}&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#50fa7b"&gt;hasNext&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{&lt;span style="color:#ff79c6"&gt;true&lt;/span&gt;} // &lt;span style="color:#50fa7b"&gt;始终显示&lt;/span&gt;“&lt;span style="color:#50fa7b"&gt;下一首&lt;/span&gt;”&lt;span style="color:#50fa7b"&gt;按钮&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;/&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="6-播放列表管理"&gt;6. 播放列表管理&lt;/h2&gt;&#10;&lt;p&gt;平台支持播放列表功能，每次选择歌曲播放时，平台会将该歌曲添加到播放列表中。用户可以通过控制按钮来浏览整个播放列表，切换到之前或之后的歌曲，享受更加自由的音乐播放体验。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;red&amp;rdquo;]下一步目标：在播放列表中加入歌曲删除和排序功能，让用户可以自由管理播放列表中的歌曲。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-jsx" data-lang="jsx"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;SongList&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;songs&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{songs} &lt;span style="color:#50fa7b"&gt;onSelect&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;{handleSelectSong} /&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="7-弹窗与交互"&gt;7. 弹窗与交互&lt;/h2&gt;&#10;&lt;p&gt;为了提升用户体验，平台中的某些功能，如加载提示、错误提示等，都会使用弹窗进行展示。这些弹窗信息直接反馈给用户，帮助用户快速了解当前操作状态。&lt;/p&gt;&#10;&lt;h2 id="8-小结"&gt;8. 小结&lt;/h2&gt;&#10;&lt;p&gt;我的音乐平台通过简洁、直观的设计提供了强大的功能，用户可以方便地进行歌曲搜索、播放，并体验到随机播放和持续随机播放等创新功能。随着平台的不断发展，我们计划在后续版本中进一步优化现有功能，增强用户的互动性和音乐体验。&lt;/p&gt;</description></item><item><title>关于我的门户页面</title><link>https://blogtypecho.maxtrnn.top/post/166/</link><pubDate>Wed, 13 Nov 2024 16:39:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/166/</guid><description>&lt;hr&gt;&#10;&lt;h1 id="门户页面功能介绍"&gt;门户页面功能介绍&lt;/h1&gt;&#10;&lt;p&gt;本项目的门户页面旨在提供一个简洁、互动性强的用户体验，结合了任务管理、留言板、公告等多种功能，支持实时数据展示和互动。用户可以在此页面上高效地管理自己的任务、查看公告信息以及参与留言互动。以下是对各个功能模块的详细介绍。&lt;/p&gt;&#10;&lt;h2 id="1-项目入口"&gt;1. 项目入口&lt;/h2&gt;&#10;&lt;p&gt;门户页面作为整个项目的入口，提供了简洁的导航和清晰的布局，用户可以快速访问各项功能。您可以通过以下链接访问项目首页：[button color=&amp;ldquo;success&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://home.maxtral.fun/&amp;rdquo; type=&amp;ldquo;round&amp;rdquo;]访问首页[/button]。&lt;/p&gt;&#10;&lt;h2 id="2-实时时间显示"&gt;2. 实时时间显示&lt;/h2&gt;&#10;&lt;p&gt;页面顶部会显示当前的时间，并每秒钟更新一次，确保用户能够随时了解时间。这一功能通过 &lt;code&gt;timeButton&lt;/code&gt; 按钮呈现，用户可以点击按钮查看详细时间。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;red&amp;rdquo;]下一步，我计划在项目中进一步优化时间显示功能，考虑加入更多的时区支持，确保不同地区的用户都能看到准确的本地时间。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;id&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;timeButton&amp;#34;&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;onclick&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;showTime()&amp;#34;&lt;/span&gt;&amp;gt;显示时间&amp;lt;/&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;id&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;timeDisplay&amp;#34;&lt;/span&gt;&amp;gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;function&lt;/span&gt; showTime() {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; date &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; &lt;span style="color:#ff79c6"&gt;new&lt;/span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;Date&lt;/span&gt;();&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;document&lt;/span&gt;.getElementById(&lt;span style="color:#f1fa8c"&gt;&amp;#34;timeDisplay&amp;#34;&lt;/span&gt;).innerHTML &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; date.toLocaleTimeString();&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; setTimeout(showTime, &lt;span style="color:#bd93f9"&gt;1000&lt;/span&gt;); &lt;span style="color:#6272a4"&gt;// 每秒更新一次&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="3-搜索功能"&gt;3. 搜索功能&lt;/h2&gt;&#10;&lt;p&gt;搜索框功能允许用户在页面中进行信息查询。用户可以输入关键词进行搜索，并通过点击搜索按钮或按下 &lt;code&gt;Enter&lt;/code&gt; 键进行触发。搜索结果会在新页面中展示，确保用户能够快速找到所需内容。&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;input&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;type&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;text&amp;#34;&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;id&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;searchInput&amp;#34;&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;placeholder&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;请输入搜索内容&amp;#34;&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;onclick&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;searchContent()&amp;#34;&lt;/span&gt;&amp;gt;搜索&amp;lt;/&lt;span style="color:#ff79c6"&gt;button&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;function&lt;/span&gt; searchContent() {&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; query &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;document&lt;/span&gt;.getElementById(&lt;span style="color:#f1fa8c"&gt;&amp;#34;searchInput&amp;#34;&lt;/span&gt;).value;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#6272a4"&gt;// 在此处可以发送搜索请求并展示结果&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; alert(&lt;span style="color:#f1fa8c"&gt;&amp;#39;搜索结果: &amp;#39;&lt;/span&gt; &lt;span style="color:#ff79c6"&gt;+&lt;/span&gt; query);&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="4-任务管理"&gt;4. 任务管理&lt;/h2&gt;&#10;&lt;p&gt;任务管理模块提供了任务的查看与管理功能，分为三个主要状态：待开发、开发中、已完成。每个任务都包括任务名称、描述、创建时间和更新时间等信息。任务列表会根据更新时间进行排序，确保用户能够第一时间看到最新的任务。&lt;/p&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;blue&amp;rdquo;]下一阶段目标：我计划优化任务管理模块，加入任务排序和过滤功能，使得用户可以根据不同的需求快速找到自己关心的任务状态。[/scode]&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;前端代码：&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;id&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;taskList&amp;#34;&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;class&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;task&amp;#34;&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;data-status&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;待开发&amp;#34;&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;h3&lt;/span&gt;&amp;gt;任务 1&amp;lt;/&lt;span style="color:#ff79c6"&gt;h3&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;描述: 开发新的功能&amp;lt;/&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;状态: 待开发&amp;lt;/&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;/&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;class&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;task&amp;#34;&lt;/span&gt; &lt;span style="color:#50fa7b"&gt;data-status&lt;/span&gt;&lt;span style="color:#ff79c6"&gt;=&lt;/span&gt;&lt;span style="color:#f1fa8c"&gt;&amp;#34;开发中&amp;#34;&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;h3&lt;/span&gt;&amp;gt;任务 2&amp;lt;/&lt;span style="color:#ff79c6"&gt;h3&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;描述: 修复Bug&amp;lt;/&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;状态: 开发中&amp;lt;/&lt;span style="color:#ff79c6"&gt;p&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;/&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#6272a4"&gt;&amp;lt;!-- 更多任务 --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;div&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#ff79c6"&gt;const&lt;/span&gt; tasks &lt;span style="color:#ff79c6"&gt;=&lt;/span&gt; &lt;span style="color:#8be9fd;font-style:italic"&gt;document&lt;/span&gt;.querySelectorAll(&lt;span style="color:#f1fa8c"&gt;&amp;#39;.task&amp;#39;&lt;/span&gt;);&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#6272a4"&gt;// 根据任务状态进行排序或过滤&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#ff79c6"&gt;script&lt;/span&gt;&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="5-公告模块"&gt;5. 公告模块&lt;/h2&gt;&#10;&lt;p&gt;公告模块会展示项目的最新公告信息，用户点击公告按钮后可以查看详细内容。公告内容支持简单的文本展示，并根据需要进行更新。&lt;/p&gt;</description></item><item><title>校园二手交易——校园淘淘</title><link>https://blogtypecho.maxtrnn.top/post/77/</link><pubDate>Sat, 12 Oct 2024 15:11:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/77/</guid><description>&lt;hr&gt;&#10;&lt;h2 id="校园淘淘的由来"&gt;校园淘淘的由来&lt;/h2&gt;&#10;&lt;p&gt;2024年10月12日23:08:40&#10;打算改版原来的社区团购为校园交易平台&#10;实现校园二手交易，名为校园淘淘，同步上线安卓app，微信小程序，qq群的一键发布的三个平台&#10;具体功能仍在构思&amp;hellip;.&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;2024年10月12日23:11:19&lt;/p&gt;</description></item><item><title>Maxgpt的教程</title><link>https://blogtypecho.maxtrnn.top/post/58/</link><pubDate>Wed, 09 Oct 2024 00:33:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/58/</guid><description>&lt;hr&gt;&#10;&lt;p&gt;2024年10月9日08:32:00&#10;待编写&#10;项目地址：[button color=&amp;ldquo;primary&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;http://maxgpt.maxtral.fun/&amp;rdquo; type=&amp;quot;&amp;quot;]max的gpt[/button]&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;2024年10月10日00:06:44&#10;首先注册账号&#10;流程都不用说了，需要邮箱：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/3102959475.png" alt="2024-10-09T16:07:26.png"&gt;&#10;注册完成之后登录：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/1031933886.png" alt="2024-10-09T16:07:41.png"&gt;&#10;登录成功点击左侧的菜单栏里面的令牌：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/3934331141.png" alt="2024-10-09T16:08:25.png"&gt;&#10;没有令牌就添加令牌：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/1778919593.png" alt="2024-10-09T16:08:51.png"&gt;&#10;添加完成之后,点击刚才创建好的令牌的聊天&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/3711663398.png" alt="2024-10-09T16:09:05.png"&gt;&#10;选择：chat next web ：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/1788923518.png" alt="2024-10-09T16:09:54.png"&gt;&#10;一般来说会自动跳转聊天的链接，而且会有弹窗：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/2926243788.png" alt="2024-10-09T16:10:22.png"&gt;&#10;点击确认即可&#10;左下角的设置里面：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/3498168923.png" alt="2024-10-09T16:11:06.png"&gt;&#10;找到这个选项&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/825641603.png" alt="2024-10-09T16:11:25.png"&gt; 如果自定义接口打开而且配置了地址和密钥即可使用了，如果没有自动配置连接地址：请先打开自定义配置的选项，然后接口地址填写我的搭建gpt网站：http://maxgpt.maxtral.fun，apikey为刚才令牌的的key，找到令牌&amp;ndash;&amp;gt;复制&amp;ndash;&amp;gt;粘贴到apikey即可使用&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/2214144369.png" alt="2024-10-09T16:17:19.png"&gt;&#10;这里可以选择更换模型：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/3343982223.png" alt="2024-10-09T16:12:25.png"&gt;&#10;具体什么模型可以用见公告：[button color=&amp;ldquo;success&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;http://maxgpt.maxtral.fun/about&amp;rdquo; type=&amp;quot;&amp;quot;]公告地址[/button]&#10;这里的问号就是公告：&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/10/2862161907.png" alt="2024-10-09T16:13:24.png"&gt;&#10;仍有问题请联系max：[button color=&amp;ldquo;dark&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://qm.qq.com/cgi-bin/qm/qr?authKey=%2FT6n1OfYlIlZn9NZMWvn3WojOj6jM4bFQ0Ol5OcaNki1acriJ8y5fWcErugpOwRq&amp;amp;k=CA4A0v-DHevipsSxRwnx-kCD5CWxLlsL&amp;amp;noverify=0&amp;rdquo; type=&amp;quot;&amp;quot;]qq群[/button]&lt;/p&gt;</description></item><item><title>社区团购app说明书+教程</title><link>https://blogtypecho.maxtrnn.top/post/57/</link><pubDate>Wed, 09 Oct 2024 00:31:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/57/</guid><description>&lt;hr&gt;&#10;&lt;p&gt;2024年10月9日08:31:29&#10;待编写，项目已经完成&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;2024年10月12日10:17:17&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;引言&#10;1.1 实训背景&#10;随着网购的普及，在各大购物app购买一件物品是很容易办成的了，但是区域化的购物仍未有代表性的软件出现，实现区域的购物的简单 快捷，是我们软件的目标&#10;1.2 实训目的&#10;● 掌握移动应用的设计原则与流程；&#10;● 熟练掌握移动应用开发的相关技术；&#10;● 提升团队协作与项目管理能力；&#10;● 积累实际项目开发经验，为未来的职业生涯打下基础。&#10;1.3 实训内容概述&#10;本次实训项目为“社区团购平台”移动应用的设计与开发。该应用旨在为用户实现从网上购物的全过程，包括用户登录，选择商品，下单，购物车，商品添加等功能。我们小组从需求分析、设计、开发到测试，全程参与了项目的实施。&lt;/li&gt;&#10;&lt;li&gt;需求分析&#10;2.1 用户调研&#10;在设计社区团购平台的移动应用之前，用户调研是关键。可以通过以下方法进行调研：&#10;a. 问卷调查：收集居民对团购、商品种类、支付方式、物流体验等方面的偏好和需求。&#10;b. 竞争分析：研究其他社区团购应用的功能和用户反馈，找出可改进的地方。&#10;通过这些调研，可以深入了解用户需求，为应用设计提供数据支持。&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;以下是针对社区团购平台移动应用的用户调研结果：&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;用户偏好：&#10;○ 85% 用户倾向于在一个平台上浏览多种商品。&#10;○ 多数用户希望能快速找到日常所需商品，如生鲜、日用品等。&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;支付方式：&#10;○ 70% 用户偏好使用移动支付（如支付宝、微信支付），希望支付过程简单快捷。&lt;/p&gt;&#10;&lt;/li&gt;&#10;&lt;li&gt;&#10;&lt;p&gt;用户体验：&#10;○ 大部分用户希望应用界面友好、易于导航，能够快速找到所需商品。&#10;○ 对于团购活动，用户希望能设置提醒，以便不遗漏。&#10;2.2 功能需求确定&#10;基于用户调研结果，我们确定了“校园助手”应用的主要功能需求，包括：&#10;● 登录注册账号，手机验证码实时交互登录和注册，支持保留账号信息：“记住我”登录；&#10;● 注册页面细则要求齐全，头像昵称，账号手机号，验证码注册一体化&#10;● 首页商品线性预览，在线图片上传云端，实现快捷轻量存储多个商品；&#10;● 搜索商品支持三类搜索结果呈现，优先是精确搜索匹配的商品，其次是多字匹配的商品，最后是模糊搜索（单字匹配）的商品展示；&#10;● 预览商品详情页面，商品介绍，商品价格&#10;● 点击购买实时创建订单，支持购买多个，可以立即查看创建的订单；&#10;● 商品加入购物车，支持加入多个商品，等待您付款清空购物车。&#10;● 购物车的商品可以选择性的结算，实时创建订单&#10;● 个人用户的消息只包含商品订单创建，商品运送的信息，支持单个信息点击查看访问订单运送状态&#10;● 个人主页面呈现您的头像与昵称，个人订单，地址设置，账号安全设置，个人信息设置，以及退出登录功能&#10;● 个人订单展现用户所有订单，时间排列，背景颜色代表订单状态，支持点击单个订单信息查看订单详情&#10;● 地址支持设置多个地址，点击设置一个地址选中实时更新为购买商品的收获地址，地址信息的保留为sharference存储&#10;● 账号安全，目前只支持更改密码，不支持更改手机号&#10;● 个人信息支持更改昵称和头像&#10;2.3 非功能需求&lt;/p&gt;</description></item><item><title>如何自建网盘呢？</title><link>https://blogtypecho.maxtrnn.top/post/50/</link><pubDate>Fri, 20 Sep 2024 04:00:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/50/</guid><description>&lt;p&gt;2024年9月20日12:00:27&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;2024年10月12日10:21:07&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="富哥可以打赏一下"&gt;富哥可以打赏一下&lt;/h2&gt;&#10;&lt;hr&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="由于我的服务器承担不起nextcloude的内存消耗决定更改为cloudreve"&gt;由于我的服务器承担不起nextcloude的内存消耗，决定更改为cloudreve&lt;/h2&gt;&#10;&lt;p&gt;[button color=&amp;ldquo;success&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;http://cloude.maxtral.fun/&amp;rdquo; type=&amp;quot;&amp;quot;]项目地址[/button]&#10;但是手机端不能上传文件，因为平台版的cloudreve就是这样&lt;/p&gt;&#10;&lt;p&gt;先说reclone挂载网盘&#10;以Onedrive为例&#10;下载安装&#10;使用脚本下载安装 Rclone：&lt;/p&gt;&#10;&lt;pre&gt;&lt;code&gt;curl https://rclone.org/install.sh | sudo bash&#10;&lt;/code&gt;&lt;/pre&gt;&#10;&lt;p&gt;初始化配置&#10;安装完成后输入：&lt;/p&gt;&#10;&lt;pre&gt;&lt;code&gt;rclone config&#10;&lt;/code&gt;&lt;/pre&gt;&#10;&lt;p&gt;可以看到：&lt;/p&gt;&#10;&lt;pre&gt;&lt;code&gt;n) New remote&#10;&lt;/code&gt;&lt;/pre&gt;&#10;&lt;p&gt;s) Set configuration password&#10;q) Quit config&lt;/p&gt;&#10;&lt;p&gt;输入 n 新建配置。&lt;/p&gt;&#10;&lt;p&gt;name 可以随便输入，&lt;/p&gt;&#10;&lt;p&gt;然后会出现挂载的服务类型，如下：&lt;/p&gt;&#10;&lt;pre&gt;&lt;code&gt;Type of storage to configure.&#10;&lt;/code&gt;&lt;/pre&gt;&#10;&lt;p&gt;Enter a string value. Press Enter for the default (&amp;quot;&amp;quot;).&#10;Choose a number from below, or type in your own value&lt;/p&gt;</description></item><item><title>如何简单而优雅搭建个人博客？</title><link>https://blogtypecho.maxtrnn.top/post/48/</link><pubDate>Mon, 09 Sep 2024 12:22:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/48/</guid><description>&lt;h2 id="搭建一个我这样的博客网站"&gt;搭建一个我这样的博客网站&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;购买服务器：贵的贵，便宜的便宜，多找有优惠的，我的这个阿里的，2核2gECS，用到2027，不到1张钞票（新用户有个300的代金券，再加上赠送的6个月），当然我用的是变动流量，毕竟没人一直访问我的网站，服务器建议选取centos的系统（Linux的镜像），其余配置自行调整&lt;/li&gt;&#10;&lt;li&gt;购买域名：取选一个域名（我的就很有特色）&lt;/li&gt;&#10;&lt;li&gt;备案：网上备案，有相关教程，一步一步，比较漫长&lt;/li&gt;&#10;&lt;li&gt;备案完成就可以操作了，远程连接下载宝塔：[button color=&amp;ldquo;warning&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://www.bt.cn/new/index.html&amp;rdquo; type=&amp;quot;&amp;quot;]宝塔官网[/button] &lt;code&gt;url=https://download.bt.cn/install/install_lts.sh;if [ -f /usr/bin/curl ];then curl -sSO $url;else wget -O install_lts.sh $url;fi;bash install_lts.sh ed8484bec&lt;/code&gt;&#10;宝塔差不多是一个很好用的控制面板，配置网站，下载基本的软件：php，java，mysql等。（网站有相关教程）&lt;/li&gt;&#10;&lt;li&gt;安装typecho：[button color=&amp;ldquo;primary&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://docs.typecho.org/install&amp;rdquo; type=&amp;quot;&amp;quot;]官网链接[/button]，安装到服务器的目录，安装完成重新进入网站，&lt;img src="https://s21.ax1x.com/2024/09/09/pAmn6Nq.png" alt="如图所示即是成功"&gt;&lt;/li&gt;&#10;&lt;li&gt;选取一个好看的主题，我的是handsome&lt;/li&gt;&#10;&lt;li&gt;下载插件&#10;剩下的就是个人的自定义美化了，交给你们了，嘻嘻&lt;/li&gt;&#10;&lt;/ol&gt;</description></item><item><title>会用api传数据了</title><link>https://blogtypecho.maxtrnn.top/post/43/</link><pubDate>Mon, 02 Sep 2024 05:03:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/43/</guid><description>&lt;h2 id="第三方网站公开接口"&gt;第三方网站公开接口&lt;/h2&gt;&#10;&lt;p&gt;网站提供接口以及使用规则，使用网站的数据库，但是不免费&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="自己新建接口在服务器上"&gt;自己新建接口在服务器上&lt;/h2&gt;&#10;&lt;p&gt;可以但是复杂的目前还不会，只会一些简单的，多数使用的还是中转网站接口的&lt;/p&gt;</description></item><item><title>写了一个课表推送，还不支持自己导入</title><link>https://blogtypecho.maxtrnn.top/post/41/</link><pubDate>Sun, 01 Sep 2024 17:17:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/41/</guid><description>&lt;h2 id="需要手动导入自己的课表信息"&gt;需要手动导入自己的课表信息&lt;/h2&gt;&#10;&lt;p&gt;找个定时软件按时户动pY脚本，这个也是 qmsg推送服务，哈哈，可以看的出，我好多都用它了，其是还是方便，Wechat的有限制，所以还是qmsg的好&#10;具体地址：[button color=&amp;ldquo;primary&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://github.com/itmanmax/MAXTR-Plugins&amp;rdquo; type=&amp;quot;&amp;quot;]github链接[/button]&#10;[scode type=&amp;ldquo;green&amp;rdquo;]import datetime&#10;import requests&lt;/p&gt;&#10;&lt;h1 id="qmsg-发送函数"&gt;Qmsg 发送函数&lt;/h1&gt;&#10;&lt;p&gt;def send_qmsg通知(qmsg_key, qq_number, msg):&#10;postdata = {&#10;&amp;lsquo;msg&amp;rsquo;: msg,&#10;&amp;lsquo;qq&amp;rsquo;: qq_number&#10;}&#10;response = requests.post(f&amp;rsquo;&lt;a href="https://qmsg.zendee.cn/send/%7Bqmsg_key%7D'"&gt;https://qmsg.zendee.cn/send/{qmsg_key}'&lt;/a&gt;, data=postdata)&#10;if response.status_code == 200:&#10;print(&amp;ldquo;通知已发送到QQ。&amp;rdquo;)&#10;else:&#10;print(f&amp;quot;通知发送失败，错误码：{response.status_code}，响应内容：{response.text}&amp;quot;)&lt;/p&gt;&#10;&lt;h1 id="课程表和时间段信息"&gt;课程表和时间段信息&lt;/h1&gt;&#10;&lt;p&gt;course_schedule = {&#10;1: [(&amp;ldquo;编译原理&amp;rdquo;, &amp;ldquo;第一节&lt;del&gt;第二节&amp;rdquo;, &amp;ldquo;3号楼2030202&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;编译原理实验&amp;rdquo;, &amp;ldquo;第三节&lt;del&gt;第四节&amp;rdquo;, &amp;ldquo;6号楼2060302&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;人工智能&amp;rdquo;, &amp;ldquo;第六节&lt;del&gt;第八节&amp;rdquo;, &amp;ldquo;3号楼2030202&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;15周&amp;rdquo;),&#10;(&amp;ldquo;人工智能&amp;rdquo;, &amp;ldquo;第九节&lt;del&gt;第十节&amp;rdquo;, &amp;ldquo;6号楼2060302&amp;rdquo;, &amp;ldquo;4&lt;/del&gt;12周&amp;rdquo;)],&#10;2: [(&amp;ldquo;软件设计与体系结构实验&amp;rdquo;, &amp;ldquo;第九节&lt;del&gt;第十节&amp;rdquo;, &amp;ldquo;6号楼2060302&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;软件设计与体系结构&amp;rdquo;, &amp;ldquo;第六节&lt;del&gt;第八节&amp;rdquo;, &amp;ldquo;3号楼2030202&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;软件需求分析与建模&amp;rdquo;, &amp;ldquo;第三节&lt;del&gt;第五节&amp;rdquo;, &amp;ldquo;3号楼2030202,6号楼2060302&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;)],&#10;3: [(&amp;ldquo;计算机网络&amp;rdquo;, &amp;ldquo;第三节&lt;del&gt;第四节&amp;rdquo;, &amp;ldquo;3号楼2030203&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;软件应用开发实践&amp;rdquo;, &amp;ldquo;第一节&lt;del&gt;第二节&amp;rdquo;, &amp;ldquo;6号楼2060302&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;)],&#10;4: [(&amp;ldquo;音乐鉴赏&amp;rdquo;, &amp;ldquo;第九节&lt;del&gt;第十节&amp;rdquo;, &amp;ldquo;1号楼2010404&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;9周&amp;rdquo;),&#10;(&amp;ldquo;经济学原理&amp;rdquo;, &amp;ldquo;第六节&lt;del&gt;第七节&amp;rdquo;, &amp;ldquo;1号楼2010501&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;计算机网络实验&amp;rdquo;, &amp;ldquo;第三节&lt;del&gt;第四节&amp;rdquo;, &amp;ldquo;6号楼2060201&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;计算机网络&amp;rdquo;, &amp;ldquo;第一节&lt;del&gt;第二节&amp;rdquo;, &amp;ldquo;3号楼2030203&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;)],&#10;5: [(&amp;ldquo;人机界面设计&amp;rdquo;, &amp;ldquo;第三节&lt;del&gt;第五节&amp;rdquo;, &amp;ldquo;2号楼2020103,6号楼2060101&amp;rdquo;, &amp;ldquo;1&lt;/del&gt;18周&amp;rdquo;),&#10;(&amp;ldquo;大学生职业生涯规划与就业指导（III）&amp;rdquo;, &amp;ldquo;第一节&lt;del&gt;第二节&amp;rdquo;, &amp;ldquo;1号楼2010506&amp;rdquo;, &amp;ldquo;10&lt;/del&gt;18周&amp;rdquo;)],&#10;6: [], # 周六无课程&#10;7: [] # 周日无课程&#10;}&lt;/p&gt;</description></item><item><title>自动推送邮件py脚本</title><link>https://blogtypecho.maxtrnn.top/post/28/</link><pubDate>Fri, 30 Aug 2024 10:23:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/28/</guid><description>&lt;p&gt;待书写&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;2024年9月1日22:00:25&#10;项目地址：&lt;a href="https://github.com/itmanmax/MAXTR-Plugins"&gt;github地址&lt;/a&gt;&#10;自行下载&#10;注意配置个人信息&#10;qmsg的key申请地址：&lt;a href="https://qmsg.zendee.cn/"&gt;qmsg&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Android项目1--聚合社交盒子</title><link>https://blogtypecho.maxtrnn.top/post/27/</link><pubDate>Fri, 30 Aug 2024 00:23:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/27/</guid><description>&lt;p&gt;###目前v1.0正式版###&lt;/p&gt;&#10;&lt;p&gt;###操作手册暂时未推出###&#10;[button color=&amp;ldquo;success&amp;rdquo; icon=&amp;quot;&amp;quot; url=&amp;ldquo;https://gitee.com/wudimax/android-life-assistant&amp;rdquo; type=&amp;ldquo;round&amp;rdquo;]gitee下载链接[/button]&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="2024年8月30日171222"&gt;2024年8月30日17:12:22&lt;/h2&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;green&amp;rdquo;]结果：完成第一个小功能，目前服务器连接正常，可以在线聊天，正常打开页面，流程运行[/scode]&#10;[scode type=&amp;ldquo;lblue&amp;rdquo;]过程：网上的XX教程，弄半天接故事Rds数据库的服务器的源码，我弄半天，改到半夜4点！因为第二天就要交作业，无语&amp;hellip;. 自己和gpt结合写的剩余页面，除了聊天功能，还是比较繁琐的，弄了好长时间[/scode]&#10;[scode type=&amp;ldquo;red&amp;rdquo;]下一阶段目标：更多的功能，比如前几天写的自动qq通知新邮件之类（目前没单独写这篇文章），web api调用接口（目前还是本地ssh）等[/scode]&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="2024年8月31日205317"&gt;2024年8月31日20:53:17&lt;/h2&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;green&amp;rdquo;]结果：完成两个个小功能，可以检查新邮件推送至QQ，输入城市天气编号查询天气，正常打开页面，流程运行[/scode]&#10;[scode type=&amp;ldquo;lblue&amp;rdquo;]过程：还是比较费劲的，因为gpt也不完全智能，嘻嘻，报错什么的多的是，离谱的是我的垃圾电脑卡死机好多次，无语，这个软件太迟cpu了[/scode]&#10;[scode type=&amp;ldquo;red&amp;rdquo;]下一阶段目标：web api调用接口（目前还是本地ssh，我是真的想改）等，更多有用的功能[/scode]&lt;/p&gt;&#10;&lt;hr&gt;&#10;&lt;h2 id="2024年9月8日011458"&gt;2024年9月8日01:14:58&lt;/h2&gt;&#10;&lt;p&gt;[scode type=&amp;ldquo;green&amp;rdquo;]结果：完成诸多功能，健康查询和健康tips，日程管理，注册账号，实现api调取数据，正常打开页面，流程运行[/scode]&#10;[scode type=&amp;ldquo;lblue&amp;rdquo;]过程：写了一周，来回删改调试，也是不得了，我的安卓手机还是平板，耽误不少时间[/scode]&#10;[scode type=&amp;ldquo;red&amp;rdquo;]下一阶段目标：改ui，限制手机号注册，更多有用的功能[/scode]&lt;/p&gt;&#10;&lt;pre&gt;&lt;code&gt;请输入代码&#10;&lt;/code&gt;&lt;/pre&gt;</description></item><item><title>自动推送宿舍电费和校园卡余额的脚本（构想中）</title><link>https://blogtypecho.maxtrnn.top/post/25/</link><pubDate>Thu, 29 Aug 2024 10:26:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/25/</guid><description>&lt;h2 id="万事开头难怎么抓包是个问题"&gt;万事开头难，怎么抓包是个问题&lt;/h2&gt;&#10;&lt;h2 id="两个平台都可以在微信小程序或者androidios平台打开我直到一些抓包软件但是不会操作这个是问题"&gt;两个平台都可以在微信小程序或者Android/ios平台打开，我直到一些抓包软件，但是不会操作，这个是问题&lt;/h2&gt;&#10;&lt;h2 id="把qmsg插件配套使用"&gt;把qmsg插件配套使用&lt;/h2&gt;&#10;&lt;p&gt;想法是通过抓包获取信息调用插件把信息转过去发给qq（多么天真的想法）&lt;/p&gt;&#10;&lt;hr&gt;</description></item><item><title>忙碌一一天</title><link>https://blogtypecho.maxtrnn.top/post/12/</link><pubDate>Tue, 27 Aug 2024 12:26:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/12/</guid><description>&lt;p&gt;删删改改，终于网站凑合这可以看了&#10;&lt;img src="https://blogtypecho.maxtrnn.top/uploads/2024/08/2788339684.png" alt="下载的一部分压缩包"&gt;&lt;/p&gt;</description></item><item><title>关于这个网站</title><link>https://blogtypecho.maxtrnn.top/post/4/</link><pubDate>Mon, 26 Aug 2024 13:16:00 +0800</pubDate><guid>https://blogtypecho.maxtrnn.top/post/4/</guid><description>&lt;p&gt;欢迎来到 MaxBlog。&lt;/p&gt;&#10;&lt;p&gt;这里主要记录技术实践、个人项目和日常思考，也会整理一些真正解决过问题的教程。&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;技术与服务器折腾记录&lt;/li&gt;&#10;&lt;li&gt;项目介绍和使用教程&lt;/li&gt;&#10;&lt;li&gt;Obsidian、Typecho 与图床工作流&lt;/li&gt;&#10;&lt;li&gt;偶尔更新的生活随笔&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;项目入口、文章归档、留言本和时光机都可以在左侧导航的“更多”中找到。&lt;/p&gt;&#10;&lt;p&gt;希望这里不只是旧内容的仓库，也能持续留下新的东西。&lt;/p&gt;</description></item></channel></rss>