Ghib6.github.io/search.xml at main · Ghib6/Ghib6.github.io

History

157 lines (75 loc) · 126 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

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

<?xml version="1.0" encoding="utf-8"?>

<entry>

<title>微信机器人</title>

<content type="html"><![CDATA[<p><img src="https://github.com/user-attachments/assets/cd4a87c6-1649-4ce5-bce8-bd5b08b278de" alt="download"></p><h3 align="center">🚀 One-stop solution for creating your digital avatar from chat history 💡</h3> <h3 align="center">🚀从聊天记录创造数字分身的一站式解决方案💡</h3> <div align="center"><p><a href="https://github.com/xming521/WeClone/stargazers"><img src="https://img.shields.io/github/stars/xming521/WeClone?style=for-the-badge&logo=github&label=Stars&logoColor=white&color=ffda65" alt="GitHub stars"></a><br><a href="https://github.com/xming521/WeClone/releases"><img src="https://img.shields.io/github/v/release/xming521/WeClone?style=for-the-badge&logo=github&label=Release&logoColor=white&color=06d094" alt="GitHub release"></a><br><a href="https://qm.qq.com/cgi-bin/qm/qr?k=wNdgbOVT6oFOJ2wlMLsolUXErW9ESLpk&jump_from=webapi&authKey=z/reOp6YLyvR4Tl2k2nYMsLoMC3w9/99ucgKMX0oRGlxDV/WbYnvq2QxODoIkfxn" target="_blank" style="text-decoration: none;"><br> <img src="https://img.shields.io/badge/QQ群-708067078-12B7F5?style=for-the-badge&logo=qq&logoColor=white" alt="WeClone①" title="WeClone①"><br></a><br><a href="https://www.xiaohongshu.com/user/profile/628109730000000021029de4"><img src="https://img.shields.io/badge/WeClone-FE2C55?style=for-the-badge&logo=xiaohongshu&logoColor=white" alt="小红书"></a><br><a href="https://x.com/weclone567"><img src="https://img.shields.io/badge/Twitter-@weclone567-000000?style=for-the-badge&logo=x&logoColor=white" alt="Twitter"></a><br><a href="https://t.me/+JEdak4m0XEQ3NGNl"><img src="https://img.shields.io/badge/Telegram-2CA5E0?style=for-the-badge&logo=telegram&logoColor=white" alt="Telegram"></a></p><p><a href="https://hellogithub.com/repository/12ab209b56cb4cfd885c8cfd4cfdd53e" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=12ab209b56cb4cfd885c8cfd4cfdd53e&claim_uid=RThlPDoGrFvdMY5" alt="Featured｜HelloGitHub" style="width: 150px; height: 28px;" /></a><br><a href="https://trendshift.io/repositories/13759" target="_blank"><img src="https://trendshift.io/api/badge/repositories/13759" alt="xming521%2FWeClone | Trendshift" style="width: 220px; height: 50px;" /></a><br><a href="https://deepwiki.com/xming521/WeClone"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki" style="width: 134px; height: 23px;margin-bottom: 3px;"></a></p></div><p align="center">简体中文｜ <a href="https://github.com/xming521/WeClone/blob/master/README.md" target="_blank">English</a>｜ <a href="https://www.weclone.love/" target="_blank"> 项目主页 </a> ｜ <a href="https://docs.weclone.love/docs/introduce/what-is-weclone.html" target="_blank"> 项目文档 </a> </p><h2 id="✨核心功能"><a href="#✨核心功能" class="headerlink" title="✨核心功能"></a>✨核心功能</h2><ul><li>💫 涵盖打造数字分身的全链路方案，包括聊天数据导出、预处理、模型训练、部署</li><li>💬 使用聊天记录微调LLM，支持图片模态数据，让大模型有”那味儿”</li><li>🔗 绑定到Discord, Telegram, Slack, Feishu等，实现自己的数字分身</li><li>🛡️ 隐私信息过滤，本地化微调部署，数据安全可控</li></ul><h2 id="📋特性与说明"><a href="#📋特性与说明" class="headerlink" title="📋特性与说明"></a>📋特性与说明</h2><h3 id="数据源平台适配"><a href="#数据源平台适配" class="headerlink" title="数据源平台适配"></a>数据源平台适配</h3><table><thead><tr><th>平台</th><th>文字</th><th>图片</th><th>语音</th><th>视频</th><th>动画表情</th><th>链接(分享)</th><th>引用</th><th>转发</th><th>位置</th><th>文件</th></tr></thead><tbody><tr><td>Telegram</td><td>✅</td><td>✅</td><td>❌</td><td>❌</td><td>⚠️转为Emjoy</td><td>❌</td><td>❌</td><td>✅</td><td>✅</td><td>❌</td></tr><tr><td>WhatsApp</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td></tr><tr><td>Discord</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td></tr><tr><td>Slack</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td><td>🚧</td></tr></tbody></table><h3 id="部署平台支持"><a href="#部署平台支持" class="headerlink" title="部署平台支持"></a>部署平台支持</h3><table><thead><tr><th>平台</th><th>部署支持</th></tr></thead><tbody><tr><td>Telegram</td><td>✅</td></tr><tr><td>WhatsApp</td><td>🚧</td></tr><tr><td>Discord</td><td>✅</td></tr><tr><td>Slack</td><td>✅</td></tr></tbody></table><blockquote><p>[!IMPORTANT]</p><ul><li>WeClone仍在快速迭代期，当前效果不代表最终效果。 </li><li>微调LLM效果很大程度取决于模型大小、聊天数据的数量和质量，理论上模型越大，数据越多，效果越好。</li><li>7B模型效果一般，14B及以上的模型效果会更好。</li><li>Windows环境未进行严格测试，可以使用WSL作为运行环境。</li></ul></blockquote><h3 id="近期更新"><a href="#近期更新" class="headerlink" title="近期更新"></a>近期更新</h3><p>[25/06/05]支持图片模态数据微调<br>[25/07/10]数据源增加Telegram</p><h3 id="在线微调"><a href="#在线微调" class="headerlink" title="在线微调"></a>在线微调</h3><ul><li>大模型实验室 (Lab4AI) (送50元代金券): <a href="https://www.lab4ai.cn/project/detail?utm_source=weclone1&id=ab83d14684fa45d197f67eddb3d8316c&type=project">https://www.lab4ai.cn/project/detail?utm_source=weclone1&id=ab83d14684fa45d197f67eddb3d8316c&type=project</a></li></ul><h3 id="硬件要求"><a href="#硬件要求" class="headerlink" title="硬件要求"></a>硬件要求</h3><p>项目默认使用Qwen2.5-7B-Instruct模型，LoRA方法对sft阶段微调，大约需要16GB显存。也可以使用<a href="https://github.com/hiyouga/LLaMA-Factory/blob/main/README_zh.md#%E6%A8%A1%E5%9E%8B">LLaMA Factory</a>支持的其他模型和方法。</p><p>需要显存的估算值：</p><table><thead><tr><th>方法</th><th>精度</th><th>7B</th><th>14B</th><th>30B</th><th>70B</th><th><code>x</code>B</th></tr></thead><tbody><tr><td>Full (<code>bf16</code> or <code>fp16</code>)</td><td>32</td><td>120GB</td><td>240GB</td><td>600GB</td><td>1200GB</td><td><code>18x</code>GB</td></tr><tr><td>Full (<code>pure_bf16</code>)</td><td>16</td><td>60GB</td><td>120GB</td><td>300GB</td><td>600GB</td><td><code>8x</code>GB</td></tr><tr><td>Freeze/LoRA/GaLore/APOLLO/BAdam</td><td>16</td><td>16GB</td><td>32GB</td><td>64GB</td><td>160GB</td><td><code>2x</code>GB</td></tr><tr><td>QLoRA</td><td>8</td><td>10GB</td><td>20GB</td><td>40GB</td><td>80GB</td><td><code>x</code>GB</td></tr><tr><td>QLoRA</td><td>4</td><td>6GB</td><td>12GB</td><td>24GB</td><td>48GB</td><td><code>x/2</code>GB</td></tr><tr><td>QLoRA</td><td>2</td><td>4GB</td><td>8GB</td><td>16GB</td><td>24GB</td><td><code>x/4</code>GB</td></tr></tbody></table><h2 id="环境搭建"><a href="#环境搭建" class="headerlink" title="环境搭建"></a>环境搭建</h2><p>1.cuda安装(已安装可跳过，<strong>要求版本12.6及以上</strong>)：<a href="https://llamafactory.readthedocs.io/zh-cn/latest/getting_started/installation.html#cuda">LLaMA Factory</a></p><p>2.建议使用 <a href="https://docs.astral.sh/uv/">uv</a>安装依赖，这是一个非常快速的 Python 环境管理器。安装uv后，您可以使用以下命令创建一个新的Python环境并安装依赖项，速度较慢可以开启代理：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">git <span class="built_in">clone</span> https://github.com/xming521/WeClone.git && <span class="built_in">cd</span> WeClone</span><br><span class="line">uv venv .venv --python=3.10</span><br><span class="line"><span class="built_in">source</span> .venv/bin/activate <span class="comment"># windows下执行 .venv\Scripts\activate</span></span><br><span class="line">uv pip install --group main -e . <span class="comment"># 国内用户使用镜像：-i https://pypi.tuna.tsinghua.edu.cn/simple/ </span></span><br><span class="line">uv pip install https://github.com/explosion/spacy-models/releases/download/zh_core_web_sm-3.8.0/zh_core_web_sm-3.8.0-py3-none-any.whl</span><br></pre></td></tr></table></figure><p>3.将配置文件模板复制一份并重命名为<code>settings.jsonc</code>，后续配置修改在此文件进行：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="built_in">cp</span> settings.template.jsonc settings.jsonc</span><br></pre></td></tr></table></figure><ul><li>微调<strong>多模态模型</strong>时，请使用<a href="https://github.com/xming521/WeClone/blob/master/examples/mllm.template.jsonc">examples/mllm.template.jsonc</a>作为配置文件。</li></ul><blockquote><p>[!NOTE]<br>训练以及推理相关配置统一在文件<code>settings.jsonc</code></p></blockquote><p>4.使用以下命令测试CUDA环境是否正确配置并可被PyTorch识别，Mac不需要：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python -c <span class="string">"import torch; print('CUDA是否可用:', torch.cuda.is_available());"</span></span><br></pre></td></tr></table></figure><p>5.（可选）安装FlashAttention，加速训练和推理：<code>uv pip install flash-attn --no-build-isolation</code> 版本问题可以使用<a href="https://github.com/mjun0812/flash-attention-prebuild-wheels/releases">prebuild-wheels</a>的预编译包安装。</p><h2 id="模型下载"><a href="#模型下载" class="headerlink" title="模型下载"></a>模型下载</h2><p>中国境内推荐使用<a href="https://www.modelscope.cn/docs/models/download">ModelScope</a>下载模型。例如下载WeClone默认模型：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">modelscope download --model Qwen/Qwen2.5-7B-Instruct --local_dir ./models/Qwen2.5-7B-Instruct</span><br></pre></td></tr></table></figure><h2 id="数据准备"><a href="#数据准备" class="headerlink" title="数据准备"></a>数据准备</h2><h3 id="Telegram"><a href="#Telegram" class="headerlink" title="Telegram"></a>Telegram</h3><p>请使用<a href="https://desktop.telegram.org/">Telegram Desktop</a>导出聊天记录，点击右上角点击导出聊天记录，选择照片类型，格式选择JSON。可以导出多个联系人（不建议使用群聊记录），然后将导出的<code>ChatExport_*</code>文件夹放在<code>./dataset/telegram</code>目录即可，也就是不同人聊天记录的文件夹一起放在 <code>./dataset/telegram</code>。</p><h2 id="数据预处理"><a href="#数据预处理" class="headerlink" title="数据预处理"></a>数据预处理</h2><ul><li>首先根据需要修改配置文件中的<code>language</code>、<code>platform</code>、<code>include_type</code>。</li><li>项目默认通过Microsoft Presidio去除了数据中的<code>电话号码、电子邮件地址、信用卡号码（12-19位数字）、IP地址、地理位置名称、国际银行账户号码、加密货币钱包地址、年龄信息、通用身份证号码</code>,但是不能保证100%过滤识别。</li><li>所以在<code>settings.jsonc</code>中提供了一个禁用词词库<code>blocked_words</code>，可以自行添加需要过滤的词句（会默认去掉包括禁用词的整句）。</li></ul><blockquote><p>[!IMPORTANT]<br>🚨 请一定注意保护个人隐私，不要泄露个人信息！</p></blockquote><ul><li>执行以下命令对数据进行处理，可以先根据自己的聊天风格修改settings.jsonc的<code>make_dataset_args</code>。</li></ul><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">weclone-cli make-dataset</span><br></pre></td></tr></table></figure><p>数据处理更多参数说明：<a href="https://docs.weclone.love/zh/docs/deploy/data_preprocessing.html#%E7%9B%B8%E5%85%B3%E5%8F%82%E6%95%B0">数据预处理</a></p><h2 id="配置参数并微调模型"><a href="#配置参数并微调模型" class="headerlink" title="配置参数并微调模型"></a>配置参数并微调模型</h2><ul><li>(可选)修改 <code>settings.jsonc</code> 的 <code>model_name_or_path</code> 、<code>template</code>、 <code>lora_target</code>选择本地下载好的其他模型。 </li><li>修改<code>per_device_train_batch_size</code>以及<code>gradient_accumulation_steps</code>来调整显存占用。 </li><li>可以根据自己数据集的数量和质量修改<code>train_sft_args</code>的<code>num_train_epochs</code>、<code>lora_rank</code>、<code>lora_dropout</code>等参数。</li></ul><h3 id="单卡训练"><a href="#单卡训练" class="headerlink" title="单卡训练"></a>单卡训练</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">weclone-cli train-sft</span><br></pre></td></tr></table></figure><h3 id="多卡训练"><a href="#多卡训练" class="headerlink" title="多卡训练"></a>多卡训练</h3><p>取消<code>settings.jsonc</code>中<code>deepspeed</code>行代码注释，使用以下命令多卡训练：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">uv pip install <span class="string">"deepspeed<=0.16.9"</span></span><br><span class="line">deepspeed --num_gpus=使用显卡数量 weclone/train/train_sft.py</span><br></pre></td></tr></table></figure><h3 id="使用浏览器demo简单推理"><a href="#使用浏览器demo简单推理" class="headerlink" title="使用浏览器demo简单推理"></a>使用浏览器demo简单推理</h3><p>测试出合适的temperature、top_p值，修改settings.jsonc的<code>infer_args</code>后，供后续推理时使用。</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">weclone-cli webchat-demo</span><br></pre></td></tr></table></figure><h3 id="使用接口进行推理"><a href="#使用接口进行推理" class="headerlink" title="使用接口进行推理"></a>使用接口进行推理</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">weclone-cli server</span><br></pre></td></tr></table></figure><h3 id="使用常见聊天问题测试"><a href="#使用常见聊天问题测试" class="headerlink" title="使用常见聊天问题测试"></a>使用常见聊天问题测试</h3><p>不包含询问个人信息的问题，仅有日常聊天。测试结果在test_result-my.txt。</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">weclone-cli server</span><br><span class="line">weclone-cli test-model</span><br></pre></td></tr></table></figure><h2 id="🖼️-微调效果"><a href="#🖼️-微调效果" class="headerlink" title="🖼️ 微调效果"></a>🖼️ 微调效果</h2><blockquote><p>[!TIP]<br><strong>社群内有部署好的Qwen2.5VL 32B Bot，可以体验效果。</strong></p></blockquote><h2 id="🤖-部署到聊天机器人"><a href="#🤖-部署到聊天机器人" class="headerlink" title="🤖 部署到聊天机器人"></a>🤖 部署到聊天机器人</h2><h3 id="AstrBot"><a href="#AstrBot" class="headerlink" title="AstrBot"></a>AstrBot</h3><p><a href="https://github.com/AstrBotDevs/AstrBot">AstrBot</a> 是易上手的多平台 LLM 聊天机器人及开发框架 ✨ 平台支持Telegram、飞书等。</p><p>使用步骤：</p><ol><li>部署 AstrBot</li><li>在 AstrBot 中部署消息平台</li><li>执行 <code>weclone-cli server</code> 启动api服务</li><li>在 AstrBot 中新增服务提供商，类型选择OpenAI，API Base URL 根据AstrBot部署方式填写（例如docker部署可能为<a href="http://172.17.0.1:8005/v1%EF%BC%89">http://172.17.0.1:8005/v1）</a> ，模型填写gpt-3.5-turbo,API Key随意填写一个</li><li>微调后不支持工具调用，请先关掉默认的工具，消息平台发送指令： <code>/tool off_all</code>，否则会没有微调后的效果。</li><li>根据微调时使用的default_system，在 AstrBot 中设置系统提示词。<br><img src="https://github.com/user-attachments/assets/19de7072-076a-4cdf-8ae6-46b9b89f536a" alt="5"></li></ol><blockquote><p>[!IMPORTANT]<br>检查api_service的日志，尽量保证大模型服务请求的参数和微调时一致，tool插件能力都关掉。</p></blockquote><h3 id="LangBot"><a href="#LangBot" class="headerlink" title="LangBot"></a>LangBot</h3><p><a href="https://github.com/RockChinQ/LangBot">LangBot</a> 是一个开源的接入全球多种即时通信平台的 LLM 机器人平台，适合各种场景使用。</p><img width="450px" alt="image" src="https://github.com/user-attachments/assets/04ceeacf-8a14-40a9-b07a-2f03f257eee6" /><ol><li><a href="https://github.com/RockChinQ/LangBot#-%E5%BC%80%E5%A7%8B%E4%BD%BF%E7%94%A8">部署 LangBot</a></li><li>执行 <code>weclone-cli server</code> 启动 WeClone API 服务</li><li>在 LangBot 中添加一个机器人</li><li>在模型页添加新模型，名称<code>gpt-3.5-turbo</code>，供应商选择 OpenAI，填写请求 URL 为 WeClone 的地址，详细连接方式可以参考<a href="https://docs.langbot.app/zh/workshop/network-details.html">文档</a>，API Key 任意填写。</li></ol><img width="400px" alt="image" src="https://github.com/user-attachments/assets/fc167dea-7c93-4d94-9c5f-db709d0320ba" /><ol start="6"><li>在流水线配置中选择刚才添加的模型，或修改提示词配置</li></ol><img width="400px" alt="image" src="https://github.com/user-attachments/assets/dbb0fd0a-f760-42db-acd0-bb99c859b52e" /><h2 id="📌-路线图"><a href="#📌-路线图" class="headerlink" title="📌 路线图"></a>📌 路线图</h2><ul><li><input disabled="" type="checkbox"> 支持更多数据源</li><li><input disabled="" type="checkbox"> 更丰富的上下文：包括上下文对话、聊天对象信息、时间等</li><li><input disabled="" type="checkbox"> Memory 支持</li><li><input disabled="" type="checkbox"> 支持多模态:已支持图片</li><li><input disabled="" type="checkbox"> 数据增强</li><li><input disabled="" type="checkbox"> 支持GUI</li><li><input disabled="" type="checkbox"> 支持COT思考</li></ul><h2 id="问题解决"><a href="#问题解决" class="headerlink" title="问题解决"></a>问题解决</h2><h4 id="官方文档FAQ"><a href="#官方文档FAQ" class="headerlink" title="官方文档FAQ"></a><a href="https://docs.weclone.love/docs/introduce/FAQ.html">官方文档FAQ</a></h4><p>同时建议使用<a href="https://deepwiki.com/xming521/WeClone">DeepWiki</a>解决问题。</p><h2 id="❤️-贡献代码"><a href="#❤️-贡献代码" class="headerlink" title="❤️ 贡献代码"></a>❤️ 贡献代码</h2><p>欢迎任何 Issues/Pull Requests！</p><p>你可以通过查看Issues或帮助审核 PR（拉取请求）来贡献。对于新功能的添加，请先通过 Issue 讨论。<br>开发环境：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">uv pip install --group dev -e .</span><br><span class="line">pre-commit install</span><br></pre></td></tr></table></figure><p>项目使用<code>pytest</code>测试，<code>pyright</code>检查类型，<code>ruff</code>检查代码格式。<br>提交代码前你应该先运行<code>pytest tests</code>确保所有测试通过。</p><h2 id="🙏-致谢"><a href="#🙏-致谢" class="headerlink" title="🙏 致谢"></a>🙏 致谢</h2><p>感谢以下代码贡献者和社区里其他成员的贡献</p><a href="https://github.com/xming521/WeClone/graphs/contributors"> <img src="https://contrib.rocks/image?repo=xming521/WeClone" /></a><p>同时本项目受益于<a href="https://github.com/hiyouga/LLaMA-Factory">LLaMA-Factory</a>、<a href="https://github.com/AstrBotDevs/AstrBot">AstrBot</a>、<a href="https://github.com/RockChinQ/LangBot">LangBot</a>等优秀开源项目。</p><h2 id="⚠️-免责声明"><a href="#⚠️-免责声明" class="headerlink" title="⚠️ 免责声明"></a>⚠️ 免责声明</h2><blockquote><p>[!CAUTION]<br><strong>本项目仅供学习、研究和实验用途，用于生产环境存在较大风险，请谨慎评估。请勿用于非法用途，后果自负。</strong><br><a href="https://mp.weixin.qq.com/s/A6h4ZLTE2EPrY7kJ5fHE2g">针对违规获取及利用微信终端用户数据行为的打击公告</a></p></blockquote><blockquote><p>[!IMPORTANT]</p><h4 id="WeClone-目前未与任何平台合作，未发行任何数字货币。唯一官方网站：weclone-love，谨防仿冒"><a href="#WeClone-目前未与任何平台合作，未发行任何数字货币。唯一官方网站：weclone-love，谨防仿冒" class="headerlink" title="WeClone 目前未与任何平台合作，未发行任何数字货币。唯一官方网站：weclone.love，谨防仿冒"></a>WeClone 目前未与任何平台合作，未发行任何数字货币。唯一官方网站：<a href="https://www.weclone.love/">weclone.love</a>，谨防仿冒</h4></blockquote><details><summary>点击查看免责条款</summary><h3 id="1-使用风险自担"><a href="#1-使用风险自担" class="headerlink" title="1. 使用风险自担"></a>1. 使用风险自担</h3><ul><li>用户在使用本项目时，应充分理解并承担所有相关风险</li><li><strong>本项目作者不对因使用本项目而产生的任何直接或间接损失承担责任</strong></li><li>包括但不限于：数据丢失、经济损失、法律纠纷、个人名誉损害、社会关系影响、心理创伤、职业发展受阻、商业信誉受损等</li></ul><h3 id="2-生产环境风险警告"><a href="#2-生产环境风险警告" class="headerlink" title="2. 生产环境风险警告"></a>2. 生产环境风险警告</h3><ul><li><strong>用于商业用途或对外提供服务需自行承担全部风险</strong></li><li>生产环境使用可能导致的所有后果（包括但不限于服务中断、数据安全问题、用户投诉、法律责任等）完全由用户承担</li><li><strong>建议在生产环境使用前进行充分的测试、验证和风险评估</strong></li></ul><h3 id="3-模型输出不可靠性"><a href="#3-模型输出不可靠性" class="headerlink" title="3. 模型输出不可靠性"></a>3. 模型输出不可靠性</h3><ul><li>微调后的模型可能产生不准确、有害或误导性的内容</li><li>模型输出不代表真实人物的观点或意图</li><li>用户应对模型输出进行人工审核和验证</li></ul><h3 id="4-数据安全与隐私"><a href="#4-数据安全与隐私" class="headerlink" title="4. 数据安全与隐私"></a>4. 数据安全与隐私</h3><ul><li>用户应确保上传的聊天记录等数据符合相关法律法规</li><li>用户应获得<strong>数据相关人员的适当授权</strong></li><li>本项目不对<strong>数据泄露或隐私侵犯</strong>承担责任</li></ul><h3 id="5-法律合规"><a href="#5-法律合规" class="headerlink" title="5. 法律合规"></a>5. 法律合规</h3><ul><li><strong>用户应确保使用本项目符合当地法律法规</strong></li><li>涉及人工智能、数据保护、知识产权等相关法律</li><li><strong>违法使用造成的后果由用户承担</strong></li></ul><h3 id="6-技术支持限制"><a href="#6-技术支持限制" class="headerlink" title="6. 技术支持限制"></a>6. 技术支持限制</h3><ul><li>本项目按”现状”提供，不提供任何明示或暗示的保证</li><li>作者不承诺提供持续的技术支持或维护</li><li>不保证项目的稳定性、可靠性或适用性</li></ul><h2 id="使用建议"><a href="#使用建议" class="headerlink" title="使用建议"></a>使用建议</h2><h3 id="强制性Bot身份标识"><a href="#强制性Bot身份标识" class="headerlink" title="强制性Bot身份标识"></a>强制性Bot身份标识</h3><p><strong>使用本项目生成的数字分身时，强烈建议：</strong></p><ul><li>在每次对话开始时明确标识为”AI Bot”或”数字分身”</li><li>在用户界面显著位置标注”此为AI生成内容”</li><li>避免让用户误认为是真实人类在对话，从而造成风险</li></ul><h3 id="风险评估建议"><a href="#风险评估建议" class="headerlink" title="风险评估建议"></a>风险评估建议</h3><p>如确需在生产环境使用，建议：</p><ol><li>进行全面的安全性测试</li><li>建立完善的内容审核机制</li><li>制定应急响应预案</li><li>购买相应的保险保障</li><li>咨询法律专业人士意见</li></ol><p>本免责声明可能随项目更新而修订，用户应定期查看最新版本。继续使用本项目即表示同意最新的免责声明条款。</p><p><strong>一旦您下载、克隆、修改、分发或以任何方式使用本项目的代码或模型，即表示您已完整阅读、理解并同意无条件接受本免责声明的全部条款。</strong></p></details><p><strong>请用户慎重阅读并理解本免责声明的所有内容，确保在使用本项目时严格遵守相关规定。</strong><br><br> </p><h2 id="⭐-Star-History"><a href="#⭐-Star-History" class="headerlink" title="⭐ Star History"></a>⭐ Star History</h2><blockquote><p>[!TIP]<br>如果本项目对您有帮助，或者您关注本项目的未来发展，请给项目 Star，谢谢</p></blockquote><div align="center"><p><a href="https://www.star-history.com/#xming521/WeClone&Date"><img src="https://api.star-history.com/svg?repos=xming521/WeClone&type=Date" alt="Star History Chart"></a></p></div><div align="center"> 克隆我们，保留灵魂的芬芳 </div>]]></content>

</categories>

<tags>

</tags>

</entry>

<entry>

<title>Markdown 简单教程</title>

<url>/2023/04/12/%E4%BB%8B%E7%BB%8DMarkdown%E8%AF%AD%E6%B3%95/</url>

<content type="html"><![CDATA[<h1 id="Markdown-基本语法"><a href="#Markdown-基本语法" class="headerlink" title="Markdown 基本语法"></a>Markdown 基本语法</h1><p><strong>Markdown</strong>是一种<em>轻量级标记语言</em>，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 <em>HTML、PDF</em> 以及本身的 <em>.md</em>格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如<em><strong>Github、Wikipedia、简书</strong></em>等。</p><h2 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h2><p>上面一段中运用了<strong>Markdown的标题语法、段落语法、换行语法、强调语法</strong>下面解释这四个语法如何实现。<br>“<em>标题语法</em>”在标题前后加上“#”号，“#”号数量前后一致，数量多少决定标题大小，越多标题越小，反之也是。(文本和#之间需要有空格)<br>“<em>段落语法</em>”：在段落最后回车单独空出一行即可。<br>“<em>换行语法</em>”：在要换行的末尾加上两个及以上的空格再回车即可。<br>“<em>强调语法</em>”：本语法有斜体和粗体以及两者结合<br><em>斜体</em>：在要选中的文本两边添加“<em>”<br><strong>粗体</strong>:在要选中的文本两边添加“<strong>”<br><em><strong>粗斜体</strong></em>：再要选中的文本两边添加“</strong></em>”</p><h2 id="Markdown-引用语法"><a href="#Markdown-引用语法" class="headerlink" title="Markdown 引用语法"></a>Markdown 引用语法</h2><p>要创建块引用，请在段落前添加一个 > 符号。<br>> Dorothy followed her through many of the beautiful rooms in her castle.<br>效果如下： </p><blockquote><p>Dorothy followed her through many of the beautiful rooms in her castle.</p></blockquote>]]></content>

<category> Markdown 语法 </category>

</categories>

<tags>

</tags>

</entry>

<entry>

<title>ChatPaper网页版使用小白教程</title>

<url>/2022/11/28/README/</url>

<content type="html"><![CDATA[<div style="font-size: 1.5rem;"> <a href="./README.md">中文</a> | <a href="./readme_en.md">English</a></div></br><p>💥💥💥<strong> 为了降低学术伦理风险，我们为Chat_Reviewer增加了复杂的文字注入，效果如图：<a href="https://github.com/kaixindelele/ChatPaper/blob/main/images/reviews.jpg">示例图</a>，希望各位老师同学在使用的时候，一定要注意学术伦理和学术声誉，不要滥用工具。如果谁有更好的方法来限制少数人的不规范使用，欢迎留言，为科研界做一份贡献。<br></strong></p><p>💥💥💥<strong> 最近在开源众筹一个基于OpenReview的微调项目，欢迎大家一起搞事情：<a href="https://github.com/kaixindelele/ChatOpenReview">ChatOpenReview</a></p></strong><p>🌿🌿🌿<strong>使用卡顿？请Fork到自己的Space，轻松使用：<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a></strong></p><p>💥💥💥<strong>面向全球，服务万千科研人的ChatPaper<strong>免费网页版正式上线：</strong><a href="https://chatpaper.org/">https://chatpaper.org/</a>，以及小白教程【ChatPaper网页版使用小白教程-哔哩哔哩】 <a href="https://b23.tv/HpDkcBU">https://b23.tv/HpDkcBU</a><br> </strong></p><p>💥💥💥<strong>荣胜同学今天发布了一个非常有意思的工作<a href="https://github.com/WangRongsheng/ChatGenTitle">ChatGenTitle</a>，提供摘要生成标题，基于220wArXiv论文的数据微调的结果！ </strong></p><h1 align="center">ChatPaper</h1><div align="center"> <a href="https://github.com/kaixindelele/ChatPaper"> <img src="https://github.com/kaixindelele/ChatPaper/blob/main/images/home.png"> </a> <p align="center"> <h3>Refine Your Writing, Elevate Your Ideas with ChatPaper</h3> <a href="https://github.com/kaixindelele/ChatPaper/graphs/contributors"> <img alt="GitHub Contributors" src="https://img.shields.io/github/contributors/kaixindelele/ChatPaper" /> </a> <a href="https://github.com/kaixindelele/ChatPaper/issues"> <img alt="Issues" src="https://img.shields.io/github/issues/kaixindelele/ChatPaper?color=0088ff" /> </a> <a href="https://github.com/kaixindelele/ChatPaper/pulls"> <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/kaixindelele/ChatPaper?color=0088ff" /> <a href="https://github.com/kaixindelele/ChatPaper/stargazers"> <img alt="GitHub stars" src="https://img.shields.io/github/stars/kaixindelele/ChatPaper?color=ccf" /> </a> <br/> <em>一站式服务 / 简单 / 快速 / 高效 </em> <br/> <a href="https://www.bilibili.com/video/BV1EM411x7Tr/"><strong>视频教程</strong></a> · <a href="https://chatpaper.org/"><strong>在线体验</strong></a> </p> </p></div><h1 align="center">ChatPaper全流程加速科研：论文阅读+润色+优缺点分析与改进建议+审稿回复</h1><table><thead><tr><th align="left">工具名称</th><th align="left">工具作用</th><th align="left">是否在线？</th><th align="left">在线预览</th><th align="left">备注</th></tr></thead><tbody><tr><td align="left">ChatPaper</td><td align="left">通过ChatGPT实现对<strong>论文进行总结，帮助科研人进行论文初筛</strong></td><td align="left">访问<a href="https://chatpaper.org/">wangrongsheng/ChatPaper</a> 使用</td><td align="left"><img alt="Animation Demo" src="https://github.com/kaixindelele/ChatPaper/blob/main/images/chatpaper_0317.png" /></td><td align="left"><a href="https://github.com/kaixindelele/ChatPaper">原项目地址</a></td></tr><tr><td align="left">ChatReviewer</td><td align="left">利用ChatGPT对论文进行<strong>优缺点分析，提出改进建议</strong></td><td align="left">访问<a href="https://huggingface.co/spaces/ShiwenNi/ChatReviewer">ShiwenNi/ChatReviewer</a> 使用</td><td align="left"><img alt="Animation Demo" src="https://github.com/kaixindelele/ChatPaper/blob/main/images/chatrevierer.png" /></td><td align="left"><a href="https://github.com/nishiwen1214/ChatReviewer">原项目地址</a></td></tr><tr><td align="left">ChatImprovement</td><td align="left">利用ChatGPT对<strong>论文初稿进行润色、翻译等</strong></td><td align="left">访问<a href="https://huggingface.co/spaces/wangrongsheng/ChatImprovement">wangrongsheng/ChatImprovement</a> 使用</td><td align="left"><img alt="Animation Demo" src="https://github.com/kaixindelele/ChatPaper/blob/main/images/ChatImprovement.png" /></td><td align="left"><a href="https://github.com/binary-husky/chatgpt_academic">原项目地址</a></td></tr><tr><td align="left">ChatResponse</td><td align="left">利用ChatGPT对<strong>审稿人的提问进行回复</strong></td><td align="left">访问<a href="https://huggingface.co/spaces/ShiwenNi/ChatResponse">ShiwenNi/ChatResponse</a> 使用</td><td align="left"><img alt="Animation Demo" src="https://github.com/kaixindelele/ChatPaper/blob/main/images/chatresponse.jpg" /></td><td align="left"><a href="https://github.com/nishiwen1214/ChatReviewer">原项目地址</a></td></tr><tr><td align="left">ChatGenTitle</td><td align="left">利用百万arXiv论文元信息训练出来的论文题目生成模型，<strong>根据论文摘要生成合适题目</strong></td><td align="left"><a href="https://drive.google.com/file/d/1akrC4-YnYdiyD1_VK-92hncN7HS0FLf5/view?usp=sharing" target="_parent"><img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/></a></td><td align="left"><img alt="Animation Demo" src="https://github.com/kaixindelele/ChatPaper/blob/main/images/chatgentitle.png" /></td><td align="left"><a href="https://github.com/WangRongsheng/ChatGenTitle">原项目地址</a></td></tr></tbody></table><blockquote><p><strong>所有功能免费，代码开源，大家放心使用！</strong> 关于API如何获取，首先你得有一个没有被封的ChatGPT账号，然后<a href="https://chatgpt.cn.obiscr.com/blog/posts/2023/How-to-get-api-key/">获取Api Key</a> ,填入即可！</p></blockquote><ul><li><a href="#%E6%9C%80%E6%96%B0%E8%AE%AF%E6%81%AF">最新讯息</a></li><li><a href="#%E5%BC%80%E5%8F%91%E5%8A%A8%E6%9C%BA">开发动机</a></li><li><a href="#%E6%8A%80%E6%9C%AF%E5%8E%9F%E7%90%86">技术原理：</a></li><li><a href="#%E4%BD%BF%E7%94%A8%E6%AD%A5%E9%AA%A4">使用步骤</a><ul><li><a href="#%E4%B8%80%E4%BB%A5%E8%84%9A%E6%9C%AC%E6%96%B9%E5%BC%8F%E8%BF%90%E8%A1%8C">一、以脚本方式运行</a></li><li><a href="#%E4%BA%8C-%E4%BB%A5flask%E6%9C%8D%E5%8A%A1%E8%BF%90%E8%A1%8C">二、以Flask服务运行</a></li><li><a href="#%E4%B8%89%E4%BB%A5docker%E5%BD%A2%E5%BC%8F%E8%BF%90%E8%A1%8C">三、以docker形式运行</a></li></ul></li><li><a href="#%E5%9C%A8%E7%BA%BF%E9%83%A8%E7%BD%B2">在线部署</a></li><li><a href="#%E8%A7%A3%E6%9E%90%E7%A4%BA%E4%BE%8B">解析示例</a></li><li><a href="#%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7">使用技巧</a></li><li><a href="#%E5%B8%B8%E8%A7%81%E6%8A%A5%E9%94%99">常见报错</a></li><li><a href="#%E9%A1%B9%E7%9B%AE%E8%87%B4%E8%B0%A2">项目致谢</a></li><li><a href="#starchart">Starchart</a></li><li><a href="#contributors">Contributors</a></li></ul><h2 id="最新讯息"><a href="#最新讯息" class="headerlink" title="最新讯息"></a>最新讯息</h2><ul><li>🌟<em>2023.03.31</em>: 目前已经离线总结了3w+的CCF-A会议论文了，以后大家可以不用等那么久了！</li><li>🌟<em>2023.03.23</em>: chat_arxiv.py可以从arxiv网站，根据关键词，最近几天，几篇论文，直接爬取最新的领域论文了！解决了之前arxiv包的搜索不准确问题！</li><li>🌟<em>2023.03.23</em>: ChatPaper终于成为完成体了！现在已经有论文总结+论文润色+论文分析与改进建议+论文审稿回复等功能了！</li></ul><p><strong>增加了ChatReviewer（对论文进行优缺点分析，提出改进建议，⭐️千万别复制生成的内容用于论文评审！一定要注意审稿伦理和责任！该功能仅供大家作为参考！）和ChatResponse（自动提取审稿人的问题并一对一生成回复），该部分的代码均来自于<a href="https://github.com/nishiwen1214">nishiwen1214</a>的<a href="https://github.com/nishiwen1214/ChatReviewer">ChatReviewer</a>项目。</strong> 使用技巧请参考这位大佬的项目！</p><h2 id="开发动机"><a href="#开发动机" class="headerlink" title="开发动机"></a>开发动机</h2><p>面对每天海量的arxiv论文，以及AI极速的进化，我们人类必须也要一起进化才能不被淘汰。</p><p>作为中科大强化学习方向的博士生，我深感焦虑，现在AI的进化速度，我开脑洞都赶不上。</p><p>因此我开发了这款ChatPaper，尝试用魔法打败魔法。</p><p>ChatPaper是一款论文总结工具。AI用一分钟总结论文，用户用一分钟阅读AI总结的论文。</p><p>它可以根据用户输入的关键词，自动在arxiv上下载最新的论文，再利用ChatGPT3.5的API接口强大的总结能力，将论文总结为固定的格式，以最少的文本，最低的阅读门槛，为大家提供最大信息量，以决定该精读哪些文章。</p><p>也可以提供本地的PDF文档地址，直接处理。</p><p>一般一个晚上就可以速通一个小领域的最新文章。我自己测试了两天了。</p><p>祝大家在这个极速变化的时代中，能够和AI一起进化！</p><p>这段代码虽然不多，但整个流程走通也花了我近一周的时间，今天分享给大家。</p><p>如果您能提供一瓶阔乐的赞助，就可以帮助支付网页运营的API和服务器成本，并让我们有动力继续开发更多更高质量的服务！</p><p>目前我们网站运营费用每天都有60美元的API消耗，如果您有意向对我们的项目进行赞助，我们将不胜感激，并期待与您的合作！</p><p>您的支持，是我持续更新的动力和赞赏！</p><div style="text-align: center;"> <img src=https://user-images.githubusercontent.com/28528386/224892765-d22a36ad-7bd6-41ed-9e89-f7fe5e88944b.png width="200" height="250"/></div><p>欢迎大家加入光荣的进化！</p><h2 id="技术原理："><a href="#技术原理：" class="headerlink" title="技术原理："></a>技术原理：</h2><p>论文总结遵循下面四个问题：</p><ol><li><p>研究背景</p></li><li><p>过去的方案是什么？他们有什么问题？</p></li><li><p>本文方案是什么？具体步骤是什么？</p></li><li><p>本文在哪些任务中，取得了什么效果？</p></li></ol><p>基本上是大家做论文汇报的主要内容了。</p><p>实现细节：<br>提取摘要和introduction的内容，因为abstract很少会告诉你过去的方案是什么，存在什么问题。</p><p>然后提取method章节，总结方法的具体步骤</p><p>最后提取conclusion章节，总结全文。</p><p>分三次总结和喂入，如果每个部分超过了长度，则截断（目前这个方案太粗暴了，但也没有更好的更优雅的方案）</p><p>作为初筛，勉强够用。</p><h2 id="使用步骤"><a href="#使用步骤" class="headerlink" title="使用步骤"></a>使用步骤</h2><h3 id="一、以脚本方式运行"><a href="#一、以脚本方式运行" class="headerlink" title="一、以脚本方式运行"></a>一、以脚本方式运行</h3><p>Windows, Mac和Linux系统应该都可以</p><p>python版本最好是3.9，其他版本应该也没啥问题</p><ol><li>在apikey.ini中填入你的openai key。注意，这个代码纯本地项目，你的key很安全！如果不被OpenAI封的话~<br>小白用户比较多，我直接给截图示意下可能会更好：</li></ol><div style="text-align: center;"> <img src=https://user-images.githubusercontent.com/28528386/224497146-f5518553-04a2-4efa-90e6-4ac0febb8177.png width="500" height="220"/></div><ol start="2"><li>使用过程要保证全局代理！<br>如果客户端时clash的话，可以参考这个进行配置:</li></ol><div style="text-align: center;"> <img src=https://user-images.githubusercontent.com/28528386/224529317-f49265d7-fb5f-4dd5-b462-930aaa0c682d.png width="500" height="350"/></div><ol start="3"><li>安装依赖：最好翻墙，或者用国内源。</li></ol><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">pip install -r requirements.txt</span><br></pre></td></tr></table></figure><p>4.1. Arxiv在线批量搜索+下载+总结：运行chat_paper.py，比如：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_paper.py --query <span class="string">"chatgpt robot"</span> --filter_keys <span class="string">"chatgpt robot"</span> --max_results <span class="number">3</span></span><br></pre></td></tr></table></figure><p>更准确的脚本是chat_arxiv.py，使用方案，命令行更加简洁：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_arxiv.py --query <span class="string">"chatgpt robot"</span> --page_num <span class="number">2</span> --max_results <span class="number">3</span> --days <span class="number">10</span></span><br></pre></td></tr></table></figure><p>其中query仍然是关键词，page_num是搜索的页面，每页和官网一样，最大是50篇，max_results是最终总结前N篇的文章，days是选最近几天的论文，严格筛选！</p><p><strong>注意：搜索词无法识别<code>-</code>，只能识别空格！所以原标题的连字符最好不要用！</strong> 感谢网友提供的信息</p><p>4.2. Arxiv在线批量搜索+下载+总结+高级搜索：运行chat_paper.py，比如：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_paper.py --query <span class="string">"all: reinforcement learning robot 2023"</span> --filter_keys <span class="string">"reinforcement robot"</span> --max_results <span class="number">3</span></span><br></pre></td></tr></table></figure><p>💥💥💥<strong>7K星了，发布一个猫娘版提示词，希望大家一起让猫娘活起来~：<a href="https://github.com/kaixindelele/ChatPaper/blob/main/chat_arxiv_maomao.py">脚本：chat_arxiv_maomao.py</a>， <a href="https://github.com/kaixindelele/ChatPaper/blob/main/images/maomao.png">总结图片</a> </strong></p></details><p>4.3. Arxiv在线批量搜索+下载+总结+高级搜索+指定作者：运行chat_paper.py，比如：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_paper.py --query <span class="string">"ti: Sergey Levine"</span> --filter_keys <span class="string">"reinforcement robot"</span> --max_results <span class="number">3</span></span><br></pre></td></tr></table></figure><p>4.4. 本地pdf总结：运行chat_paper.py，比如：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_paper.py --pdf_path <span class="string">"demo.pdf"</span></span><br></pre></td></tr></table></figure><p>4.5. 本地文件夹批量总结：运行chat_paper.py，比如：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python chat_paper.py --pdf_path <span class="string">"your_absolute_path"</span></span><br></pre></td></tr></table></figure><p>4.6. 谷歌学术论文整理：运行google_scholar_spider.py，比如：</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python google_scholar_spider.py --kw "deep learning" --nresults 30 --csvpath "./data" --sortby "cit/year" --plotresults 1</span><br></pre></td></tr></table></figure><p>此命令在Google Scholar上搜索与“deep learning”相关的文章，检索30个结果，将结果保存到“./data”文件夹中的CSV文件中，按每年引用次数排序数据，并绘制结果。</p><p>具体使用和参数请参考<a href="https://github.com/JessyTsu1/google_scholar_spider">https://github.com/JessyTsu1/google_scholar_spider</a></p><hr><p>另外注意，目前这个不支持<strong>综述类</strong>文章。</p><p>B站讲解视频：<a href="https://www.bilibili.com/video/BV1EM411x7Tr/">我把ChatPaper开源了！AI速读PDF论文和速通Arxiv论文</a></p><p><strong>注意：key_word不重要，但是filter_keys非常重要！</strong><br>一定要修改成你的关键词。</p><p>另外关于arxiv的搜索关键词可以参考下图：</p><div style="text-align: center;"> <img src=https://user-images.githubusercontent.com/28528386/224550698-f0e18bf7-f09f-40a1-a747-1d596b3edd01.png width="250" height="350"/></div><ol start="5"><li>参数介绍：</li></ol><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">[--pdf_path 是否直接读取本地的pdf文档？如果不设置的话，直接从arxiv上搜索并且下载] </span><br><span class="line">[--query 向arxiv网站搜索的关键词，有一些缩写示范：all, ti(title), au(author)，一个query示例：all: ChatGPT robot] </span><br><span class="line">[--key_word 你感兴趣领域的关键词，重要性不高] </span><br><span class="line">[--filter_keys 你需要在摘要文本中搜索的关键词，必须保证每个词都出现，才算是你的目标论文] </span><br><span class="line">[--max_results 每次搜索的最大文章数，经过上面的筛选，才是你的目标论文数，chat只总结筛选后的论文] </span><br><span class="line">[--sort arxiv的排序方式，默认是相关性，也可以是时间，arxiv.SortCriterion.LastUpdatedDate 或者 arxiv.SortCriterion.Relevance，别加引号] </span><br><span class="line">[--save_image 是否存图片，如果你没注册gitee的图床的话，默认为false] </span><br><span class="line">[--file_format 文件保存格式，默认是markdown的md格式，也可以是txt] </span><br><span class="line"></span><br><span class="line">parser.add_argument("--pdf_path", type=str, default='', help="if none, the bot will download from arxiv with query")</span><br><span class="line">parser.add_argument("--query", type=str, default='all: ChatGPT robot', help="the query string, ti: xx, au: xx, all: xx,") </span><br><span class="line">parser.add_argument("--key_word", type=str, default='reinforcement learning', help="the key word of user research fields")</span><br><span class="line">parser.add_argument("--filter_keys", type=str, default='ChatGPT robot', help="the filter key words, 摘要中每个单词都得有，才会被筛选为目标论文")</span><br><span class="line">parser.add_argument("--max_results", type=int, default=1, help="the maximum number of results")</span><br><span class="line">parser.add_argument("--sort", default=arxiv.SortCriterion.Relevance, help="another is arxiv.SortCriterion.LastUpdatedDate") </span><br><span class="line">parser.add_argument("--save_image", default=False, help="save image? It takes a minute or two to save a picture! But pretty")</span><br><span class="line">parser.add_argument("--file_format", type=str, default='md', help="导出的文件格式，如果存图片的话，最好是md，如果不是的话，txt的不会乱")</span><br></pre></td></tr></table></figure><h3 id="二、-以Flask服务运行"><a href="#二、-以Flask服务运行" class="headerlink" title="二、以Flask服务运行"></a>二、以Flask服务运行</h3><ol><li>下载项目并进入项目目录</li></ol><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">git clone https://github.com/kaixindelele/ChatPaper.git</span><br><span class="line">cd ChatPaper</span><br></pre></td></tr></table></figure><ol start="2"><li>在项目根目录下的 <code>apikey.ini</code> 文件中填入您的 OpenAI 密钥。</li><li>配置虚拟环境并下载依赖</li></ol><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">pip install virtualenv </span><br><span class="line">安装虚拟环境工具</span><br><span class="line">virtualenv venv </span><br><span class="line">新建一个名为venv的虚拟环境</span><br><span class="line">Linux/Mac下:</span><br><span class="line">source venv/bin/activate</span><br><span class="line"></span><br><span class="line">Windows下:</span><br><span class="line">.\venv\Scripts\activate.bat</span><br><span class="line"></span><br><span class="line">pip install -r requirements.txt</span><br></pre></td></tr></table></figure><ol start="4"><li>启动服务</li></ol><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">python3 app.py</span><br><span class="line"># 启动 Flask 服务。运行此命令后，Flask 服务将在本地的 5000 端口上启动并等待用户请求。在浏览器中访问以下地址之一以访问 Flask 服务的主页：</span><br><span class="line"># http://127.0.0.1:5000/</span><br><span class="line"># 或</span><br><span class="line"># http://127.0.0.1:5000/index</span><br></pre></td></tr></table></figure><p>访问 <a href="http://127.0.0.1:5000/">http://127.0.0.1:5000/</a> 后，您将看到主页。在主页上，您可以点击不同的链接来调用各种服务。您可以通过修改链接中的参数值来实现不同的效果。有关参数详细信息，请参阅上一步骤中的详细介绍</p><p><img src="/./images/flask_web_home.png" alt="flask主界面"></p><ul><li><p>特别的，这四个接口实际是封装了根目录下四个脚本的 web 界面。参数可以通过链接来修改。例如要运行“arxiv?query=GPT-4&key_word=GPT+robot&page_num=1&max_results=1&days=1&sort=web&save_image=False&file_format=md&language=zh”的话，相当于在根目录下调用 chat_arxiv.py 并返回结果。这个显示的结果和在命令行中调用的结果是一样的（即：python chat_arxiv.py –query “GPT-4” –key_word “GPT robot” –page_num 1 –max_results 1 –days 1 –sort “web” –save_image False –file_format “md” –language “zh”）。您可以通过修改参数来获得其他搜索结果。</p><p>如果以这种方式部署的话，结果会保存在同级目录下新生成的export、pdf_files 和response_file三个文件夹里</p></li></ul><h3 id="三、以docker形式运行"><a href="#三、以docker形式运行" class="headerlink" title="三、以docker形式运行"></a>三、以docker形式运行</h3><ol><li><p>安装docker和docker-compose，可以参考以下链接</p><p><a href="https://yeasy.gitbook.io/docker_practice/install">https://yeasy.gitbook.io/docker_practice/install</a></p><p><a href="https://yeasy.gitbook.io/docker_practice/compose/install">https://yeasy.gitbook.io/docker_practice/compose/install</a></p></li><li><p>找地方放项目根目录下的“docker-compose.yaml”文件，将21行的<code>YOUR_KEY_HERE</code>替换为自己的openai_key</p></li><li><p>在同级目录下在命令行运行</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">docker-compose up -d</span><br></pre></td></tr></table></figure></li><li><p>这样的界面代表一些正常，随后访问<a href="https://127.0.0.1:28460/">https://127.0.0.1:28460/</a> 就可以从网页上打开了! <img src="/./images/docker-compose.png" alt="docker-compose"></p></li></ol><ul><li><p>特别的，如果有改进项目的想法，您可以查看 build.sh、dev.sh、tagpush.sh这三个脚本以及根目录docker目录下文件的作用，相信它们会对你容器化封装项目的思想有进一步提升</p></li><li><p>所有的运行结果都被保存在 Docker 的 volumes 中，如果想以服务的形式长期部署，您可以将这些目录映射出来。默认情况下，它们位于 /var/lib/docker/volumes/ 下。您可以进入该目录并查看 chatpaper_log、chatpaper_export、chatpaper_pdf_files 和 chatpaper_response_file 四个相关文件夹中的结果。有关 Docker volumes 的详细解释，请参考此链接：<a href="http://docker.baoshu.red/data_management/volume.html%E3%80%82">http://docker.baoshu.red/data_management/volume.html。</a></p></li></ul><h2 id="在线部署"><a href="#在线部署" class="headerlink" title="在线部署"></a>在线部署</h2><ol><li>在<a href="https://huggingface.co/">Hugging Face</a> 创建自己的个人账号并登录；</li><li>进入ChatPaper主仓库：<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper">https://huggingface.co/spaces/wangrongsheng/ChatPaper</a> ，您可以在<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper/tree/main">Files and Version</a> 看到所有的最新部署代码；</li><li>[可选]私有化部署使用：点击<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper?duplicate=true">Duplicate this space</a> ，在弹出的页面中将<code>Visibility</code>选择为<code>Private</code>，最后点击<code>Duplicate Space</code>，Space的代码就会部署到你自己的Space中，为了方便自己每次调用可以不用填写API-key，您可以将<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper/blob/5335124d25b1bc4017a2f5c48b0038dfa545bf63/app.py#L845">app.py#L845</a> 修改为您的密钥：<code>default="sk-abcdxxxxxxxx"</code> ，点击保存文件就会立即重新部署了；</li><li>[可选]公有化部署使用：点击<a href="https://huggingface.co/spaces/wangrongsheng/ChatPaper?duplicate=true">Duplicate this space</a> ，在弹出的页面中将<code>Visibility</code>选择为<code>Public</code>，最后点击<code>Duplicate Space</code>，Space的代码就会部署到你自己的Space中，这样就可以完成一个公有化的部署。</li></ol><blockquote><p>注：公有化部署和私有化部署根据你的需求二选一即可！</p></blockquote><h2 id="解析示例"><a href="#解析示例" class="headerlink" title="解析示例"></a>解析示例</h2><details><summary><code>查看解析结果</code></summary><h2>Paper:1</h2><ol><li><p>Title: Diffusion Policy: Visuomotor Policy Learning via Action Diffusion 中文标题: 通过行为扩散的视觉运动策略学习</p></li><li><p>Authors: Haonan Lu, Yufeng Yuan, Daohua Xie, Kai Wang, Baoxiong Jia, Shuaijun Chen</p></li><li><p>Affiliation: 中南大学</p></li><li><p>Keywords: Diffusion Policy, Visuomotor Policy, robot learning, denoising diffusion process</p></li><li><p>Urls: http://arxiv.org/abs/2303.04137v1, Github: None</p></li><li><p>Summary:</p></li></ol><p>(1): 本文研究的是机器人视觉动作策略的学习。机器人视觉动作策略的学习是指根据观察到的信息输出相应的机器人运动动作，这一任务较为复杂和具有挑战性。</p><p>(2): 过去的方法包括使用高斯混合模型、分类表示，或者切换策略表示等不同的动作表示方式，但依然存在多峰分布、高维输出空间等挑战性问题。本文提出一种新的机器人视觉运动策略模型 - Diffusion Policy，其结合了扩散模型的表达能力，克服了传统方法的局限性，可以表达任意分布并支持高维空间。本模型通过学习代价函数的梯度，使用随机Langevin动力学算法进行迭代优化，最终输出机器人动作。</p><p>(3): 本文提出的机器人视觉动作策略 - Diffusion Policy，将机器人动作表示为一个条件去噪扩散过程。该模型可以克服多峰分布、高维输出空间等问题，提高了策略学习的表达能力。同时，本文通过引入展望控制、视觉诱导和时间序列扩散变换等技术，继续增强了扩散策略的性能。</p><p>(4): 本文的方法在11个任务上进行了测试，包括4个机器人操纵基准测试。实验结果表明，Diffusion Policy相对于现有的机器人学习方法，表现出明显的优越性和稳定性，平均性能提升了46.9%。</p><p><img alt="Fig" src="https://gitee.com/chatpaper/chatpaper/raw/master/images/Diffusion Policy: Visuomotor Policy Learning via Action Diffusion-2023-03-08-21-55-53.jpeg" /></p><p>7.Methods:本文提出的视觉动作策略学习方法，即Diffusion Policy，包括以下步骤：</p><p>(1) 建立条件去噪扩散过程：将机器人动作表示为一个含有高斯噪声的源的条件随机扩散过程。在该过程中，机器人状态作为源，即输入，通过扩散过程输出机器人的运动动作。为了将其变为条件随机扩散模型，我们加入了代价函数，它在路径积分中作为条件。</p><p>(2) 引入随机Langevin动力学：将学习代价函数的梯度转换为基于随机Langevin动力学的迭代优化问题。该方法可以避免显示计算扩散过程，并且可以满足无导数优化器的要求，使其受益于渐近高斯性质以及全局收敛性质。</p><p>(3) 引入扩散策略增强技术：使用展望控制技术，结合决策网络，对由扩散产生的动作进行调整，从而增强策略的性能。同时，引入视觉诱导以及时间序列扩散变换，来进一步提高扩散策略的表达能力。</p><p>(4) 在11个任务上进行测试：测试结果表明，该方法相对于现有的机器人学习方法，在机器人操纵基准测试中表现出明显的优越性和稳定性，平均性能提升了46.9%。</p><p>7.Conclusion: </p><p>(1):本文研究了机器人视觉动作策略的学习方法，提出了一种新的机器人视觉运动策略模型 - Diffusion Policy，通过引入扩散模型的表达能力，克服了传统方法的局限性，可以表达任意分布并支持高维空间。实验结果表明，该方法在11个任务上均表现出明显的优越性和稳定性，相对于现有机器人学习方法，平均性能提高了46.9%，这一研究意义巨大。</p><p>(2):虽然本文提出了一种新的机器人视觉动作策略学习方法，并在实验中取得了良好的表现，但该方法的优化过程可能比较耗时。此外，该方法的性能受到多种因素的影响，包括演示的质量和数量、机器人的物理能力以及策略架构等，这些因素需在实际应用场景中加以考虑。</p><p>(3):如果让我来推荐，我会给这篇文章打9分。该篇文章提出的Diffusion Policy方法具有较高的可解释性、性能表现良好、实验结果稳定等优点，能够为机器人视觉动作策略学习等领域带来很大的启发与借鉴。唯一的不足可能是方法的优化过程需要投入更多的时间和精力。</p></details><h2 id="使用技巧"><a href="#使用技巧" class="headerlink" title="使用技巧"></a>使用技巧</h2><p>快速刷特定关键词的论文，不插图的话，每张篇文章需要花一分钟，阅读时间差不多一分钟。</p><p>本项目可以用于跟踪领域最新论文，或者关注其他领域的论文，可以批量生成总结，最大可生成1000（如果你能等得及的话）。<br>虽然Chat可能有瞎编的成分，但是在我的规范化提问的框架下，它的主要信息是保熟的。</p><p>数字部分需要大家重新去原文检查！</p><p>找到好的文章之后，可以精读这篇文章。</p><p>推荐另外两个精读论文的AI辅助网站：<a href="https://typeset.io/">https://typeset.io/</a> 和chatpdf。<br>我的教程： <a href="https://zhuanlan.zhihu.com/p/611874187">强化学徒：论文阅读神器SciSpace(Typeset.io)测评-和AI一起进化</a></p><p>和上面这两个工具的主要优势在于，ChatPaper可以批量自动总结最新论文，可以极大的降低阅读门槛，尤其是我们国人。<br>缺点也很明显，ChatPaper没有交互功能，不能连续提问，但我觉得这个重要性不大~</p><h2 id="常见报错"><a href="#常见报错" class="headerlink" title="常见报错"></a>常见报错</h2><ol><li>pip 安装错误：<br><img src="https://user-images.githubusercontent.com/28528386/224949301-5871610a-dd8e-4c44-b412-174ce593ad3d.png" alt="pip error"></li></ol><p>推荐关掉梯子，使用国内源下载：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">pip install -r requirements.txt -i http://pypi.douban.com/simple --trusted-host pypi.douban.com</span><br></pre></td></tr></table></figure><ol start="2"><li>调用openai的chatgpt api时出现APIConnectionError, 如何解决?<br>参考知乎回答：<br><a href="https://www.zhihu.com/question/587322263/answer/2919916984">https://www.zhihu.com/question/587322263/answer/2919916984</a></li></ol><p>直接在chat_paper.py里加上</p><p>os.environ[“http_proxy”] = “http://<代理ip>:<代理端口>”<br>os.environ[“https_proxy”] = “http://<代理ip>:<代理端口>”</p><p>代理ip和端口需要你在Windows系统里面查找。</p><div style="text-align: center;"> <img src=https://user-images.githubusercontent.com/28528386/224496999-1a8a7946-00aa-4d51-9f18-45bdde4215b9.png width="400" height="300"/></div><ol start="3"><li>API被OpenAI禁了的报错：</li></ol><p><img src="https://user-images.githubusercontent.com/28528386/224464704-80f9b010-14f8-4df0-9635-cdfcb2faea51.png" alt="3222"></p><p>这种情况只能用新号了。另外一定要注意一个号尽量不要多刷，节点一定要靠谱，千万不能用大陆和香港的节点，用了就寄。</p><ol start="4"><li>Https通信错误：<br>![KBVVRL`KI560X~$27GLDQYI](<a href="https://user-images.githubusercontent.com/28528386/229026391-7cfacf76-e18c-4ae3-a8d5-b8736e8dd056.jpg">https://user-images.githubusercontent.com/28528386/229026391-7cfacf76-e18c-4ae3-a8d5-b8736e8dd056.jpg</a>)</li></ol><p>这个报错大概率是节点不够干净。如果有大佬知道具体原因，欢迎挂issues</p><p><a href="https://github.com/kaixindelele/ChatPaper/issues/174">issue174</a>提供的方案是：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">pip install urllib3==<span class="number">1.25</span><span class="number">.11</span></span><br></pre></td></tr></table></figure><h2 id="项目致谢"><a href="#项目致谢" class="headerlink" title="项目致谢"></a>项目致谢</h2><p>本项目三天一千star的时刻，我补一下对这个项目的促成的各位致谢！</p><ol><li>群友和实验室同学的技术支持和大量转发！还有张老板和化老板的出谋划策。</li><li><a href="https://github.com/HouSiyuan2001">Siyuan</a>同学在我开始项目的时候，分享了两个核心函数，节省了很多时间。</li><li><a href="https://github.com/WangRongsheng">rongsheng</a>同学的在线网站，让这个项目可以使得更多的技术小白，可以尝试。</li><li><a href="https://github.com/lukasschwab/arxiv.py">Arxiv</a>的作者提供的好用的arxiv论文下载包。</li><li><a href="https://github.com/pymupdf/PyMuPDF">PyMuPDF</a>提供良好的PDF解析工具。让整个信息流得以打通。</li><li>OpenAI一方面做出了杰出的AI，另外一方面禁了我们国家，搞得我都不知道该怎么写这行。</li><li>感谢Ex-ChatGPT的作者分享的各种ChatGPT的开发细节，开发过程中学习良多，以及现在一直在开发我们的网页版内容。另外给计算机专业的佬们，推荐这款非常强大的开源工具：</li><li>感谢ChatReviewer的作者将他的项目合并到我们的ChatPaper中，使得ChatPaper更加完整。<br><a href="https://github.com/circlestarzero/EX-chatGPT">Ex-ChatGPT</a> 是一个强大的工具平台，能让 ChatGPT 能够调用外部 API，例如 WolframAlpha、Google 和 WikiMedia，以提供更准确和及时的答案。<br>江湖人称 GoogleChat.</li><li>还得感谢GitHub官方，帮我们这个项目列入了<a href="https://github.com/trending">热榜第五</a>，获得了大量的关注！</li><li>后面我们整个项目流程打通，需要感谢同样是中科院的同学们开发的<a href="https://github.com/binary-husky/chatgpt_academic">chatgpt_academic</a>，我们在他们的基础上做了润色部分。以及<a href="https://github.com/nishiwen1214">nishiwen1214</a>的<a href="https://github.com/nishiwen1214/ChatReviewer">ChatReviewer</a>，补齐了我们的审稿和审稿回复。</li><li>感谢<a href="https://github.com/SilenceEagle/paper_downloader">SilenceEagle</a>提供的CCF-A的论文数据库，我们已经离线总结了3w+的论文了。</li><li>感谢里屋社区的开源和整理中文数据集<a href="https://github.com/esbatmop/MNBVC">MNBVC</a>，希望国产中文大模型早日起飞！</li></ol><h2 id="Starchart"><a href="#Starchart" class="headerlink" title="Starchart"></a>Starchart</h2><p><a href="https://star-history.com/#kaixindelele/ChatPaper&Date"><img src="https://api.star-history.com/svg?repos=kaixindelele/ChatPaper&type=Date" alt="Star History Chart"></a></p><h2 id="Contributors"><a href="#Contributors" class="headerlink" title="Contributors"></a>Contributors</h2><a href="https://github.com/kaixindelele/ChatPaper/graphs/contributors"> <img src="https://contrib.rocks/image?repo=kaixindelele/ChatPaper" /></a>]]></content>

<category> chat reviewer </category>

</categories>

<tags>

</tags>

</entry>

<entry>

<title>第一篇文章</title>

<content type="html"><![CDATA[<h1 id="这是我的第一篇文章"><a href="#这是我的第一篇文章" class="headerlink" title="这是我的第一篇文章"></a>这是我的第一篇文章</h1><h2 id="用于测试"><a href="#用于测试" class="headerlink" title="用于测试"></a>用于测试</h2><p><u>下划线演示</u></p><p>文字<strong>加粗</strong>演示</p><p>文字<em>斜体</em>演示</p><p>文本<code>高亮</code>演示</p><p>文本<del>删除</del>线演示</p><p><font size = 5>5号字</font><br><font face="黑体">黑体</font><br><font color=blue>蓝色</font></p><table><tr><td bgcolor=MistyRose>这里的背景色是：MistyRosen，此处输入任意想输入的内容</td></tr></table><h1 id="引用演示"><a href="#引用演示" class="headerlink" title="引用演示"></a>引用演示</h1><blockquote><p> Java<br>二级引用演示<br>MySQL</p><blockquote><p>外键</p><p>事务</p><p><strong>行级锁</strong>(引用内部一样可以用格式)</p></blockquote><p>….</p></blockquote><h1 id="分割线演示"><a href="#分割线演示" class="headerlink" title="分割线演示"></a>分割线演示</h1><hr><hr><h1 id="无序列表演示"><a href="#无序列表演示" class="headerlink" title="无序列表演示"></a>无序列表演示</h1><ul><li>Java</li><li>Python</li><li>…</li></ul><ul><li>Java</li><li>Python</li><li>…</li></ul><ul><li>Java</li><li>Python</li><li>…</li></ul><h1 id="有序列表（注意后面有空格）"><a href="#有序列表（注意后面有空格）" class="headerlink" title="有序列表（注意后面有空格）"></a>有序列表（注意后面有空格）</h1><p>1.<br>2.<br>3.<br>4. </p><h1 id="表格演示"><a href="#表格演示" class="headerlink" title="表格演示"></a>表格演示</h1><table><thead><tr><th>项目标号</th><th>资金</th><th>备注</th></tr></thead><tbody><tr><td>1</td><td>100，000</td><td>无</td></tr><tr><td>2</td><td>200，000</td><td>无</td></tr><tr><td>3</td><td>300,600</td><td>重要</td></tr></tbody></table><h1 id="Butterfly主题外挂标签"><a href="#Butterfly主题外挂标签" class="headerlink" title="Butterfly主题外挂标签"></a>Butterfly主题外挂标签</h1><h2 id="行内文本样式"><a href="#行内文本样式" class="headerlink" title="行内文本样式"></a>行内文本样式</h2><ol><li>带 <u>下划线</u> 的文本</li><li>带 <emp>着重号</emp> 的文本</li><li>带 <wavy>波浪线</wavy> 的文本</li><li>带 <del>删除线</del> 的文本</li><li>键盘样式的文本 <kbd>command</kbd> + <kbd>D</kbd></li><li>密码样式的文本：<psw>这里没有验证码</psw></li></ol><h2 id="行内文本"><a href="#行内文本" class="headerlink" title="行内文本"></a>行内文本</h2><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<span class='p red'>红色</span>、<span class='p yellow'>黄色</span>、<span class='p green'>绿色</span>、<span class='p cyan'>青色</span>、<span class='p blue'>蓝色</span>、<span class='p gray'>灰色</span>。</li><li>超大号文字<br>文档「开始」页面中的标题部分就是超大号文字。</li></ul><span class='p center logo large'>Volantis</span><span class='p center small'>A Wonderful Theme for Hexo</span><h2 id="段落文本"><a href="#段落文本" class="headerlink" title="段落文本"></a>段落文本</h2><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<p class='p red'>红色</p>、<p class='p yellow'>黄色</p>、<p class='p green'>绿色</p>、<p class='p cyan'>青色</p>、<p class='p blue'>蓝色</p>、<p class='p gray'>灰色</p>。- 超大号文字文档「开始」页面中的标题部分就是超大号文字。<p class='p center logo large'>Volantis</p><p class='p center small'>A Wonderful Theme for Hexo</p>## 引用note<div class="note simple"><p>默认提示块标签</p></div><div class="note default simple"><p>default 提示块标签</p></div><div class="note primary simple"><p>primary 提示块标签</p></div><div class="note success simple"><p>success 提示块标签</p></div><div class="note info simple"><p>info 提示块标签</p></div><div class="note warning simple"><p>warning 提示块标签</p></div><div class="note danger simple"><p>danger 提示块标签</p></div><div class="note modern"><p>默认提示块标签</p></div><div class="note default modern"><p>default 提示块标签</p></div><div class="note primary modern"><p>primary 提示块标签</p></div><div class="note success modern"><p>success 提示块标签</p></div><div class="note info modern"><p>info 提示块标签</p></div><div class="note warning modern"><p>warning 提示块标签</p></div><div class="note danger modern"><p>danger 提示块标签</p></div><div class="note flat"><p>默认提示块标签</p></div><div class="note default flat"><p>default 提示块标签</p></div><div class="note primary flat"><p>primary 提示块标签</p></div><div class="note success flat"><p>success 提示块标签</p></div><div class="note info flat"><p>info 提示块标签</p></div><div class="note warning flat"><p>warning 提示块标签</p></div><div class="note danger flat"><p>danger 提示块标签</p></div><div class="note disabled"><p>默认提示块标签</p></div><div class="note default disabled"><p>default 提示块标签</p></div><div class="note primary disabled"><p>primary 提示块标签</p></div><div class="note success disabled"><p>success 提示块标签</p></div><div class="note info disabled"><p>info 提示块标签</p></div><div class="note warning disabled"><p>warning 提示块标签</p></div><div class="note danger disabled"><p>danger 提示块标签</p></div><div class="note no-icon flat"><p>默认提示块标签</p></div><div class="note default no-icon flat"><p>default 提示块标签</p></div><div class="note primary no-icon flat"><p>primary 提示块标签</p></div><div class="note success no-icon flat"><p>success 提示块标签</p></div><div class="note info no-icon flat"><p>info 提示块标签</p></div><div class="note warning no-icon flat"><p>warning 提示块标签</p></div><div class="note danger no-icon flat"><p>danger 提示块标签</p></div><div class="note icon-padding simple"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding simple"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding simple"><i class="note-icon fas fa-car-crash"></i><p>小心开车安全至上</p></div><div class="note red icon-padding simple"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding simple"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding simple"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding simple"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><div class="note icon-padding modern"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding modern"><i class="note-icon fas fa-car-crash"></i><p>小心开车安全至上</p></div><div class="note red icon-padding modern"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding modern"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding modern"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><div class="note icon-padding flat"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding flat"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding flat"><i class="note-icon fas fa-car-crash"></i><p>小心开车安全至上</p></div><div class="note red icon-padding flat"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding flat"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding flat"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding flat"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><div class="note icon-padding disabled"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding disabled"><i class="note-icon fas fa-car-crash"></i><p>小心开车安全至上</p></div><div class="note red icon-padding disabled"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding disabled"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding disabled"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding disabled"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><div class="note no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue no-icon flat"><p>2021年快到了….</p></div><div class="note pink no-icon flat"><p>小心开车安全至上</p></div><div class="note red no-icon flat"><p>这是三片呢？还是四片？</p></div><div class="note orange no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple no-icon flat"><p>剪刀石头布</p></div><div class="note green no-icon flat"><p>前端最讨厌的浏览器</p></div>## 上标标签tip<div class="tip "><p>default</p></div><div class="tip info"><p>info</p></div><div class="tip success"><p>success</p></div><div class="tip error"><p>error</p></div><div class="tip warning"><p>warning</p></div><div class="tip bolt"><p>bolt</p></div><div class="tip ban"><p>ban</p></div><div class="tip home"><p>home</p></div><div class="tip sync"><p>sync</p></div><div class="tip cogs"><p>cogs</p></div><div class="tip key"><p>key</p></div><div class="tip bell"><p>bell</p></div><div class="tip fa-atom"><p>自定义font awesome图标</p></div>## 动态标签1. On DOM load(当页面加载时显示动画)<div class="tip warning faa-horizontal animated"><p>warning</p></div><div class="tip ban faa-flash animated"><p>ban</p></div>2. 调整动画速度<div class="tip warning faa-horizontal animated faa-fast"><p>warning</p></div><div class="tip ban faa-flash animated faa-slow"><p>ban</p></div>3. On hover (当鼠标悬停时显示动画)<div class="tip warning faa-horizontal animated-hover"><p>warning</p></div><div class="tip ban faa-flash animated-hover"><p>ban</p></div>4. On parent hover (当鼠标悬停在父级元素时显示动画)<div class="tip warning faa-parent animated-hover"><p class="faa-horizontal">warning</p></div><div class="tip ban faa-parent animated-hover"><p class="faa-flash">ban</p></div>## 复选列表<div class='checkbox'><input type="checkbox" /> <p>纯文本测试</p> </div><div class='checkbox checked'><input type="checkbox" checked="checked"/> <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p> </div><div class='checkbox red'><input type="checkbox" /> <p>支持自定义颜色</p> </div><div class='checkbox green checked'><input type="checkbox" checked="checked"/> <p>绿色 + 默认选中</p> </div><div class='checkbox yellow checked'><input type="checkbox" checked="checked"/> <p>黄色 + 默认选中</p> </div><div class='checkbox cyan checked'><input type="checkbox" checked="checked"/> <p>青色 + 默认选中</p> </div><div class='checkbox blue checked'><input type="checkbox" checked="checked"/> <p>蓝色 + 默认选中</p> </div><div class='checkbox plus green checked'><input type="checkbox" checked="checked"/> <p>增加</p> </div><div class='checkbox minus yellow checked'><input type="checkbox" checked="checked"/> <p>减少</p> </div><div class='checkbox times red checked'><input type="checkbox" checked="checked"/> <p>叉</p> </div>## 单选列表<div class='checkbox'><input type="radio" /> <p>纯文本测试</p> </div><div class='checkbox checked'><input type="radio" checked="checked"/> <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p> </div><div class='checkbox red'><input type="radio" /> <p>支持自定义颜色</p> </div><div class='checkbox green'><input type="radio" /> <p>绿色</p> </div><div class='checkbox yellow'><input type="radio" /> <p>黄色</p> </div><div class='checkbox cyan'><input type="radio" /> <p>青色</p> </div><div class='checkbox blue'><input type="radio" /> <p>蓝色</p> </div>## 时间轴 timeline<div class="timeline color]"><div class='timeline-item headline'> <div class='timeline-item-title'> <div class='item-circle'><p>时间线标题（可选）[</p></div> </div> </div><div class='timeline-item'> <div class='timeline-item-title'> <div class='item-circle'><p>时间节点（标题）</p></div> </div> <div class='timeline-item-content'><p>正文内容</p></div> </div><div class='timeline-item'> <div class='timeline-item-title'> <div class='item-circle'><p>时间节点（标题）</p></div> </div> <div class='timeline-item-content'><p>正文内容</p></div> </div></div>## 链接卡片 link<div class="tag link"><a class="link-card" title="糖果屋教程贴" href="https://akilar.top/posts/615e2dec/"><div class="left"><img src="https://cdn.cbd.int/[email protected]/image/siteicon/favicon.ico"/></div><div class="right"><p class="text">糖果屋教程贴</p><p class="url">https://akilar.top/posts/615e2dec/</p></div></a></div>## 按钮btns1. 如果需要显示类似「团队成员」之类的一组含有头像的链接<div class="btns circle grid5"> <a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a> </div>2. 或者含有图标的按钮<div class="btns rounded grid5"> <a class="button" href='/' title='下载源码'><i class='fas fa-download'></i>下载源码</a><a class="button" href='/' title='查看文档'><i class='fas fa-book-open'></i>查看文档</a> </div>3. 圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中<div class="btns circle center grid5"> <a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'> <i class='fab fa-apple'></i> <b>心率管家</b> <p class='p red'>专业版</p> <img src='https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_pro.png'></a><a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'> <i class='fab fa-apple'></i> <b>心率管家</b> <p class='p green'>免费版</p> <img src='https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_lite.png'></a> </div>## github卡片1. 用户信息卡片| <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=vue&show_owner=true"/></a> || -- | -- || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=buefy&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=solarized-light&show_owner=true"/></a> || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=onedark&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=solarized-dark&show_owner=true"/></a> || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=algolia&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=calm&show_owner=true"/></a> |2. 仓库信息卡片| <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=vue&show_owner=true"/></a> || -- | -- || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=buefy&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-light&show_owner=true"/></a> || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=onedark&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-dark&show_owner=true"/></a> || <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=algolia&show_owner=true"/></a> | <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=calm&show_owner=true"/></a> |## GitHub徽标1. 基本参数,定义徽标左右文字和图标<object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Butterfly-Theme-orange?logo=&color=orange&link=&"></object><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Hexo-Frame-orange?logo=hexo&color=orange&link=&"></object>2. 信息参数，定义徽标右侧内容背景色，指向链接<object class="ghbdage" style="margin-inline:5px" title="本站使用JsDelivr为静态资源提供CDN加速" standby="loading..." data="https://img.shields.io/badge/JsDelivr-CDN-orange?logo=jsDelivr&color=abcdef&link=https://metroui.org.ua/index.html&"></object>//如果是跨顺序省略可选参数，仍然需要写个逗号,用作分割<object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/GitHub-Source-orange?logo=GitHub&color=orange&link=https://github.com/&"></object>3. 拓展参数，支持shields的API的全部参数内容<object class="ghbdage" style="margin-inline:5px" title="本站采用双线部署，默认线路托管于Vercel" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=brightgreen&link=https://vercel.com/&style=social&logoWidth=20"></object>//如果是跨顺序省略可选参数组，仍然需要写双竖线||用作分割<object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=orange&link=&style=social&logoWidth=20&logoColor=violet"></object>## 网站卡片<div class="site-card-group"><a class="site-card" href="https://xaoxuu.com"><div class="img"><img src="https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/avatar/avatar.png"/><span class="title">xaoxuu</span><span class="desc">简约风格</span></div></a><a class="site-card" href="https://inkss.cn"><div class="img"><img src="https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg"/><span class="title">inkss</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://blog.mhuig.top"><div class="img"><img src="https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png"/><span class="title">MHuiG</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://colsrch.top"><div class="img"><img src="https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg"/><span class="title">Colsrch</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://linhk1606.github.io"><div class="img"><img src="https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png"/></div><div class="info"><img src="https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png"/><span class="title">Linhk1606</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a></div>## 行内图片<div class="site-card-group"><a class="site-card" href="https://xaoxuu.com"><div class="img"><img src="https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/avatar/avatar.png"/><span class="title">xaoxuu</span><span class="desc">简约风格</span></div></a><a class="site-card" href="https://inkss.cn"><div class="img"><img src="https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg"/><span class="title">inkss</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://blog.mhuig.top"><div class="img"><img src="https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png"/><span class="title">MHuiG</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://colsrch.top"><div class="img"><img src="https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg"/><span class="title">Colsrch</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://linhk1606.github.io"><div class="img"><img src="https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png"/></div><div class="info"><img src="https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png"/><span class="title">Linhk1606</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a></div>## 音频<div class="audio"><audio controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div>## 视频1. 100%宽度<div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div>2. 50%宽度<div class="videos" col='2'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div>3. 25%宽度<div class="videos" col='4'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div>## 相册1. gallerygroup 相册图库<div class="gallery-group-main"><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='/img-url' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">name</div> <p>description</p> <a href='/link'></a> </figcaption> </figure><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='/img-url' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">name</div> <p>description</p> <a href='/link'></a> </figcaption> </figure><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='/img-url' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">name</div> <p>description</p> <a href='/link'></a> </figcaption> </figure></div>2. gallery 相册<div class="gallery-container" data-type="data" data-button="" data-limit="10" data-first="10"> <div class="gallery-items">[]</div> </div>## 折叠框<details class="folding-tag" ><summary> 查看图片测试 </summary> <div class='content'> <p><img src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg"></p> </div> </details><details class="folding-tag" cyan open><summary> 查看默认打开的折叠框 </summary> <div class='content'> <p>这是一个默认打开的折叠框。</p> </div> </details><details class="folding-tag" green><summary> 查看代码测试 </summary> <div class='content'> <p>假装这里有代码块（代码块没法嵌套代码块）</p> </div> </details><details class="folding-tag" yellow><summary> 查看列表测试 </summary> <div class='content'> <ul><li>haha</li><li>hehe</li></ul> </div> </details><details class="folding-tag" red><summary> 查看嵌套测试 </summary> <div class='content'> <details class="folding-tag" blue><summary> 查看嵌套测试2 </summary> <div class='content'> <details class="folding-tag" ><summary> 查看嵌套测试3 </summary> <div class='content'> <p>hahaha <span><img src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span></p> </div> </details> </div> </details> </div> </details>## 分栏tab1. Demo 1 - 预设选择第一个【默认】<div class="tabs"><div class="nav-tabs"><button type="button" class="tab active">test1 1</button><button type="button" class="tab">test1 2</button><button type="button" class="tab">test1 3</button></div><div class="tab-contents"><div class="tab-item-content active"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div>2. Demo 2 - 预设选择tabs<div class="tabs"><div class="nav-tabs"><button type="button" class="tab">test2 1</button><button type="button" class="tab">test2 2</button><button type="button" class="tab active">test2 3</button></div><div class="tab-contents"><div class="tab-item-content"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content active"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div>3. Demo 3 - 没有预设值<div class="tabs"><div class="nav-tabs no-default"><button type="button" class="tab">test3 1</button><button type="button" class="tab">test3 2</button><button type="button" class="tab">test3 3</button></div><div class="tab-contents"><div class="tab-item-content"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div>4. Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名<div class="tabs"><div class="nav-tabs"><button type="button" class="tab active">第一个Tab</button><button type="button" class="tab"><i class="fab fa-apple-pay"></i></button><button type="button" class="tab"><i class="fas fa-bomb"></i>炸弹</button></div><div class="tab-contents"><div class="tab-item-content active"><p><strong>tab名字为第一个Tab</strong></p></div><div class="tab-item-content"><p><strong>只有图标没有Tab名字</strong></p></div><div class="tab-item-content"><p><strong>名字+icon</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div>## 诗词标签<div class='poem'><div class='poem-title'>水调歌头</div><div class='poem-author'>苏轼</div><p>丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。<br>明月几时有？把酒问青天。<br>不知天上宫阙，今夕是何年？<br>我欲乘风归去，又恐琼楼玉宇，高处不胜寒。<br>起舞弄清影，何似在人间？</p><p>转朱阁，低绮户，照无眠。<br>不应有恨，何事长向别时圆？<br>人有悲欢离合，月有阴晴圆缺，此事古难全。<br>但愿人长久，千里共婵娟。</p></div></li></ul><h2 id="阿里图标"><a href="#阿里图标" class="headerlink" title="阿里图标"></a>阿里图标</h2><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rat_zi"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rat"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-ox_chou"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-ox"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-tiger_yin"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-tiger"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rabbit_mao"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rabbit"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dragon_chen"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dragon"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-snake_si"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-snake"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-horse_wu"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-horse"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-goat_wei"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-goat"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-monkey_shen"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-monkey"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rooster_you"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rooster"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dog_xu"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dog"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-boar_hai"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-boar"></use></svg><h2 id="特效标签"><a href="#特效标签" class="headerlink" title="特效标签"></a>特效标签</h2><ol><li>flip动画效果。</li></ol><div class='wow animate__zoomIn' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='100' data-wow-iteration='10' ><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次</p></div></div><ol start="2"><li>zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次</li></ol><div class='wow animate__zoomIn' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='100' data-wow-iteration='10' ><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次</p></div></div><ol start="3"><li>slideInRight动画效果，持续5s，延时5s</li></ol><div class='wow animate__slideInRight' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='' data-wow-iteration='' ><div class="note orange icon-padding modern"><i class="note-icon fas fa-car"></i><p><code>slideInRight</code>动画效果，持续<code>5s</code>，延时<code>5s</code>。</p></div></div><ol start="4"><li>heartBeat动画效果，延时5s，重复10次。此处注意不用的参数位置要留空，用逗号间隔。</li></ol><div class='wow animate__heartBeat' data-wow-duration='' data-wow-delay='5s' data-wow-offset='' data-wow-iteration='10' ><div class="note red icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p><code>heartBeat</code>动画效果，延时<code>5s</code>，重复<code>10</code>次。</p></div></div><h2 id="进度条"><a href="#进度条" class="headerlink" title="进度条"></a>进度条</h2><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-red" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-yellow" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-green" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-cyan" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-blue" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-gray" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><h2 id="注释"><a href="#注释" class="headerlink" title="注释"></a>注释</h2><span class='nota' data-nota='可以看到注解内容出现在顶栏'>把鼠标移动到我上面试试</span><h2 id="气泡注释"><a href="#气泡注释" class="headerlink" title="气泡注释"></a>气泡注释</h2><p>最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如CSS的<span class="bubble-content">兄弟相邻选择器</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#71a4e3;">例如 h1 + p {margin-top:50px;}</span></span>，<span class="bubble-content">flex布局</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#ec5830;">Flex 是 Flexible Box 的缩写，意为弹性布局"，用来为盒状模型提供最大的灵活性"</span></span>，<span class="bubble-content">transform变换</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#1db675;">transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。</span></span>，animation的<span class="bubble-content">贝塞尔速度曲线</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#de4489;">贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋</span></span>写法，还有今天刚看到的<span class="bubble-content">clip-path</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#868fd7;">clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。</span></span>属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。</p><h2 id="引用文献"><a href="#引用文献" class="headerlink" title="引用文献"></a>引用文献</h2><p>Akilarの糖果屋(akilar.top)是一个私人性质的博客<span class="hidden-anchor" id="referto_[1]"></span><sup class="reference"><a href="#referfrom_[1]">[1]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Akilarの糖果屋群聊简介</span><span class="reference-title">参考资料</span></span></span>，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架<span class="hidden-anchor" id="referto_[2]"></span><sup class="reference"><a href="#referfrom_[2]">[2]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Hexo中文文档</span><span class="reference-title">参考资料</span></span></span>，Butterfly主题<span class="hidden-anchor" id="referto_[3]"></span><sup class="reference"><a href="#referfrom_[3]">[3]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档(一) 快速开始</span><span class="reference-title">参考资料</span></span></span></p><p>本项目参考了Volantis<span class="hidden-anchor" id="referto_[4]"></span><sup class="reference"><a href="#referfrom_[4]">[4]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">hexo-theme-volantis 标签插件</span><span class="reference-title">参考资料</span></span></span>的标签样式。引入<code>[tag].js</code>，并针对<code>butterfly</code>主题修改了相应的<code>[tag].styl</code>。在此鸣谢<code>Volantis</code>主题众开发者。<br>主要参考内容包括各个volantis的内置标签插件文档<span class="hidden-anchor" id="referto_[5]"></span><sup class="reference"><a href="#referfrom_[5]">[5]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Volantis文档:内置标签插件</span><span class="reference-title">参考资料</span></span></span><br>Butterfly主题的各个衍生魔改<span class="hidden-anchor" id="referto_[6]"></span><sup class="reference"><a href="#referfrom_[6]">[6]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档:标签外挂（Tag Plugins</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[7]"></span><sup class="reference"><a href="#referfrom_[7]">[7]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小弋の生活馆全样式预览</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[8]"></span><sup class="reference"><a href="#referfrom_[8]">[8]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">l-lin-font-awesome-animation</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[9]"></span><sup class="reference"><a href="#referfrom_[9]">[9]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小康的butterfly主题使用文档</span><span class="reference-title">参考资料</span></span></span></p><div class="reference-source"><span class="hidden-anchor" id="referfrom_[1]"></span><a class="reference-anchor" href="#referto_[1]">[1]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://jq.qq.com/?_wv=1027&k=pGLB2C0N">Akilarの糖果屋群聊简介</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[2]"></span><a class="reference-anchor" href="#referto_[2]">[2]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://hexo.io/zh-cn/docs/">Hexo中文文档</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[3]"></span><a class="reference-anchor" href="#referto_[3]">[3]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/21cfbf15/">Butterfly 安装文档(一) 快速开始</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[4]"></span><a class="reference-anchor" href="#referto_[4]">[4]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/v5/tag-plugins/">hexo-theme-volantis 标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[5]"></span><a class="reference-anchor" href="#referto_[5]">[5]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/tag-plugins/">Volantis文档:内置标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[6]"></span><a class="reference-anchor" href="#referto_[6]">[6]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89">Butterfly 安装文档:标签外挂（Tag Plugins</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[7]"></span><a class="reference-anchor" href="#referto_[7]">[7]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://lovelijunyi.gitee.io/posts/c898.html">小弋の生活馆全样式预览</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[8]"></span><a class="reference-anchor" href="#referto_[8]">[8]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://github.com/l-lin/font-awesome-animation">l-lin-font-awesome-animation</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[9]"></span><a class="reference-anchor" href="#referto_[9]">[9]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://www.antmoe.com/posts/3b43914f/">小康的butterfly主题使用文档</a></div>]]></content>

</categories>

<tags>

</tags>

</entry>

<entry>

<title>第二篇文章</title>

<content type="html"><![CDATA[<p>##这是我的第二篇文章<br>##该hexo博客由markdown标记语言编写，并部署在vercel平台加速的博客<br>##该文章面向与网页设计ppt讲解附带简单展示</p><h2 id="下面是网页基础课作业示列"><a href="#下面是网页基础课作业示列" class="headerlink" title="下面是网页基础课作业示列"></a>下面是网页基础课作业示列</h2><h1 id="成都双遗马拉松"><a href="#成都双遗马拉松" class="headerlink" title="成都双遗马拉松"></a>成都双遗马拉松</h1><p>欢迎来到成都双遗马拉松的官方网页！本次比赛将于今年10月1日在成都市双流区举行，届时将有来自全国各地的选手共同参与这一盛大的赛事。</p><h2 id="赛事信息"><a href="#赛事信息" class="headerlink" title="赛事信息"></a>赛事信息</h2><ul><li>日期：2023年10月1日（周日）</li><li>地点：成都市双流区</li><li>起点：双流区政府广场</li><li>终点：成都双流国际机场</li><li>赛道长度：42.195公里</li><li>报名时间：2023年4月1日-2023年8月31日</li><li>报名费用：200元/人</li></ul><h2 id="赛道介绍"><a href="#赛道介绍" class="headerlink" title="赛道介绍"></a>赛道介绍</h2><p>成都双遗马拉松的赛道起点设在双流区政府广场，沿着广场北侧的道路向东南方向前行，经过双流区的多个景点和重要建筑，包括天府双流国际机场、中国西南航空博物馆、双流古镇、东升文化公园等。比赛的终点是成都双流国际机场，选手们可以在这里领取奖牌和完赛证书，还可以参加后续的颁奖仪式和庆祝活动。</p><h2 id="报名方式"><a href="#报名方式" class="headerlink" title="报名方式"></a>报名方式</h2><p>报名方式非常简单，只需要登录成都双遗马拉松官方网站，在报名页面填写个人信息并缴纳报名费用即可。请注意，报名截止时间为2023年8月31日，逾期将无法参赛。同时，为了保证比赛的公平性和安全性，组委会将对所有报名选手进行资格审核和健康体检，不符合条件的选手将无法参加比赛。</p><h2 id="赛事奖励"><a href="#赛事奖励" class="headerlink" title="赛事奖励"></a>赛事奖励</h2><p>本次比赛将设立男女子组别，分别设立前三名奖金和奖品，奖励如下：</p><ul><li>冠军：奖金50000元+奖品</li><li>亚军：奖金30000元+奖品</li><li>季军：奖金20000元+奖品</li></ul><p>此外，还将设立成都市民组别和企业团体组别，为获得优异成绩的选手颁发荣誉证书和奖品。</p><h2 id="赛事注意事项"><a href="#赛事注意事项" class="headerlink" title="赛事注意事项"></a>赛事注意事项</h2><ul><li>比赛过程中，参赛选</li></ul>]]></content>

</categories>

<tags>

</tags>

</entry>

<entry>

<content type="html"><![CDATA[<h1 id="CDDR网页表单和预约界面讲解"><a href="#CDDR网页表单和预约界面讲解" class="headerlink" title="CDDR网页表单和预约界面讲解"></a>CDDR网页表单和预约界面讲解</h1><h2 id="计算机网络技术22102"><a href="#计算机网络技术22102" class="headerlink" title="计算机网络技术22102"></a>计算机网络技术22102</h2><h3 id="表单的讲解"><a href="#表单的讲解" class="headerlink" title="表单的讲解"></a>表单的讲解</h3><p>表单在网页中主要负责数据采集功能。比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。<br>上图所示是一个常见的新用户注册表单。 </p><h3 id="表单的作用"><a href="#表单的作用" class="headerlink" title="表单的作用"></a>表单的作用</h3><p>表单在网页中主要负责数据采集功能。比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。</p><h3 id="表单的组成"><a href="#表单的组成" class="headerlink" title="表单的组成"></a>表单的组成</h3><p>一个表单有三个基本组成部分：</p><h3 id="表单标签："><a href="#表单标签：" class="headerlink" title="表单标签："></a>表单标签：</h3><p>这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。</p><p>表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。</p><p>表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。</p><h1 id="HTML表单及表单元素基本语法"><a href="#HTML表单及表单元素基本语法" class="headerlink" title="HTML表单及表单元素基本语法"></a>HTML表单及表单元素基本语法</h1><h3 id="HTML-表单"><a href="#HTML-表单" class="headerlink" title="HTML 表单"></a>HTML 表单</h3><p>表单是一个包含表单元素的区域。</p><p>表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。</p><p>表单在HTML文档和用户之间，提供了一种交互的方式。利用表单，可以提交信息到Web服务器。</p><p>表单与服务器的交互过程如下：</p><p>利用表单填写好信息以后，点击“提交”按钮，信息就会被浏览器发送到服务器端。当服务器端收到信息后，对这些信息进行一些处理，然后返回信息到浏览器，最终呈现在用户面前。</p><p>表单标签的语法格式:</p><form method="get or post" action="URL"> 表单元素</form> <p>属性method用于指定向服务器发送表单数据时所使用的HTTP方法，可以是get或者post这两种方法中的一种，get是默认方法。属性action指定对表单进行处理的脚本的地址。也就是说，表单提交到服务器后，交由谁来处理，在action属性中指定处理者的URL。</p><p>文本域（Text Fields）<br>文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。</p><p>First name: <input type="text" name="firstname"><br><br>Last name: <input type="text" name="lastname"></p><p>浏览器显示如下：</p><p>注意:表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。</p><p>密码字段<br>密码字段通过标签<input type="password"> 来定义:</p><p>Password: <input type="password" name="pwd"></p><p>浏览器显示效果如下:</p><p>注意:密码字段字符不会明文显示，而是以星号或圆点替代。</p><p>单选按钮（Radio Buttons）<br><input type="radio"> 标签定义了表单单选框选项</p><p><input type="radio" name="sex" value="male">Male<br><br><input type="radio" name="sex" value="female">Female</p><p>浏览器显示效果如下:</p><p>复选框（Checkboxes）<br><input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。</p><p><input type="checkbox" name="vehicle" value="Bike">I have a bike<br><br><input type="checkbox" name="vehicle" value="Car">I have a car </p><p>浏览器显示效果如下:</p><p>提交按钮(Submit Button)<br><input type="submit"> 定义了提交按钮.</p><p>当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:</p><form name="input" action="html_form_action.php" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit"><p>浏览器显示效果如下:</p><p>假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 “html_form_action.php” 的页面。该页面将显示出输入的结果。</p><p>HTML <label> 标签</p><p><label> 标签为 input 元素定义标注（标记）。</p><p>label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。</p><p><label> 标签的 for 属性应当与相关元素的 id 属性相同。</p><p>实例<br>带有两个输入字段和相关标记的简单 HTML 表单：</p><p> <label for="male">Male</label> <input type="radio" name="sex" id="male" /><br><label for="female">Female</label> <input type="radio" name="sex" id="female" /></p>]]></content>

</categories>

<tags>

</tags>

</entry>

</search>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

search.xml

Latest commit

History

search.xml

File metadata and controls