找到
16
篇与
分享
相关的结果
- 第 2 页
-
typecho joe主题美化 手机侧边栏图标颜色修改 AI摘要：美化Typecho Joe主题手机侧边栏图标颜色，通过修改原代码中的字体颜色和图标样式实现，具体步骤包括修改首页、栏目、页面和推荐的代码。效果图 000056图片 修改教程 目录:Joe-master/module/header/slideout.php1.首页 原代码 <span>首页</span>改代码 <span><font color="#ff8900" style="font-weight:600;"> <i class="fa fa-home"></i> 首页</font></span>000050图片 000051图片 2.栏目 原代码 <span>栏目</span>改代码 <span><font color="0909f7b" style="font-weight:600;"> <i class="fa fa-mail-reply-all"></i> 栏目</font></span>000052图片 000053图片 3.页面 原代码 <span>页面</span>改代码 <span><font color="#f709f7b" style="font-weight:600;"> <i class="fa fa-window-restore"></i> 页面</font></span>000054图片 000055图片 4.推荐 原代码 <span>推荐</span>改代码 <span><font color="#66ff00b" style="font-weight:600;"> <i class="fa fa-thumbs-o-up"></i> 推荐</font></span> 很抱歉这个推荐的代码页面没有截屏！
-
社会主义核心价值观-代码 AI摘要：本文介绍了社会主义核心价值观的代码实现，包括HTML代码，展示了国家、社会和个人层面的价值观内容，强调践行这些价值观对国家富强、社会和谐和个人全面发展的意义。效果图 000043图片 演示地址 代码 HTML代码 - <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>社会主义核心价值观</title> <link href="http://api.xunjinlu.fun/css/shehuizhuyihexinjiazhiguan.css" rel="stylesheet"> <style> body { font-family: 'Noto Sans SC', Arial, sans-serif; margin: 0; padding: 0; background-color: #ffffff; color: #333; display: flex; justify-content: center; align-items: center; min-height: 100vh; flex-direction: column; } .container { max-width: 800px; padding: 20px; background-color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border: 3px solid #d32f2f; border-radius: 10px; } h1 { color: #d32f2f; text-align: center; margin-bottom: 20px; font-size: 2.5em; } h2 { color: #b71c1c; margin-top: 20px; margin-bottom: 10px; border-bottom: 2px solid #b71c1c; padding-bottom: 5px; font-size: 1.8em; } p { line-height: 1.8; margin-bottom: 15px; font-size: 1.2em; } .values { display: flex; justify-content: space-around; margin-top: 20px; margin-bottom: 20px; flex-wrap: wrap; /* 允许内容换行 */ } .values div { text-align: center; width: 30%; background-color: #fbe9e7; border: 2px solid #b71c1c; border-radius: 10px; padding: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom: 20px; /* 增加块之间的间距 */ transition: transform 0.3s; } @media (max-width: 768px) { .values div { width: 100%; /* 在手机界面上每个块占据整个行 */ } } .footer { text-align: center; padding: 15px; margin-top: 20px; color: #fff; background-color: #d32f2f; border-top: 3px solid #b71c1c; border-radius: 0 0 10px 10px; font-size: 1.2em; } .footer p { margin: 5px 0; } .footer small { display: block; margin-top: 10px; font-size: 0.9em; color: #f0f0f0; } </style> </head> <body> <div class="container"> <h1>社会主义核心价值观</h1> <p>社会主义核心价值观是中国共产党在新时期提出的重要指导思想，是社会主义现代化建设的重要精神<a href="/"target="_blank" style="color:#17202a;text-decoration: none;">支</a>柱。每个公民应当积极践行社会主义核心价值观，共建美好社会。</p> <h2>核心价值观内容</h2> <div class="values"> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">国家层面</a></h3> <p>富强、民主、文明、和谐</p> </div> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">社会层面</a></h3> <p>自由、平等、公正、法治</p> </div> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">个人层面</a></h3> <p>爱国、敬业、诚信、友善</p> </div> </div> <h2>应用和意义</h2> <p>社会主义核心价值观是每个公民应当遵循的道德准则，有助于推动国家富强，社会和谐，个人全面发展。通过践行这些价值观，我们可以共同为实现中华民族伟大复兴的中国梦贡献力量。</p> <div class="footer"> <p>践行社会主义核心价值观，共建美好未来</p> <small>© 2024 尋鯨錄 <br> <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #f0f0f0;text-decoration: none;">滇ICP备2023007716号-1</a> <br> <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" style="color: white; text-decoration: none;"> <img src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png" alt="公安备案图标" style="vertical-align: middle; height: 15px; width: auto; margin-right: 5px;">公安备案号：滇公网安备53032202530370号</a> </small> </div> </div> </body> </html> 演示地址
-
Typecho 文章生成 AI 摘要 （ AISummary ） AI摘要：发现Typecho插件AISummary，解决原版问题，支持免费API调用，提供改版插件下载。 前段时间在寻找博客ai插件的时候发现了两款适用于typecho插件（AISummary 和 AIContentSummary），发现大多数博主都是用的AISummary，所以话不多说接下来看效果图： 效果图 000040图片 Github 开源地址 AISummary ：https://github.com/idealclover/AISummary-Typecho AIContentSummary ：https://github.com/Rockytkg/AIContentSummary AISummary AISummary的原版本个人感觉有一点点小问题，可能是跟我的其他插件有冲突，每次点击发布文章都需要加载半天，还加载不出来$[经典表情]::(流泪) 所以，这篇文章是一个小改的AISummary插件 打开插件下的 Plugin.php 文件 找到大约 223 行。 // $apiUrl = rtrim($options->apiUrl, '/') . '/v1/chat/completions'; 原代码，注释掉，然后添加下一行代码 $apiUrl = $options->apiUrl; 这里改变的原因就是原版插件只可以调用MoonShot Kimi Chat，不过Kimi只有新人15元免费，后面都需要收费（）直到后面发现了智谱清言的 GLM-4-Flash 模型是完全免费的。） MoonShot Kimi Chat API KEY 注册地址： https://platform.moonshot.cn/ 智谱清言 BigModel智谱AI大模型开放平台链接： https://maas.aminer.cn/ GLM-4-Flash免费调用： 智谱AI首个免费API，零成本调用大模型，支持128K上下文。 修改后的插件配置 kimi Chat 模型名：moonshot-v1-8k 密钥：sk-9rvpKLaC5jPszkxdinwlSC6hHon*********** API地址：https://api.moonshot.cn/v1/chat/completions 智谱清言 模型名：glm-4-flash 密钥：95ee48bda0293d818967561af0d9e0.3whX********* API地址：https://open.bigmodel.cn/api/paas/v4/chat/completions 两个都是可以使用 最后没有动手能力的，可以直接下载改版插件 插件下载-改版
-
宝塔面板-开心版 AI摘要：宝塔面板开心版更新，修复多个插件安装错误，优化授权机制和本地插件使用，新增自动登录功能。支持Centos、Ubuntu、Debian、Fedora等系统安装。宝塔图片 话不多说先看效果图 000038图片 000039图片 开新版更新记录 内容如下 Node项目：未安装插件时报错而不是显示未安装 SSH系统账号管理：未安装插件时报错而不是显示列表为空 入侵防御：未安装插件时报错而不是显示未安装 PHP网站安全：未安装插件时报错而不是显示未安装 优化授权机制，修复监控版本防火墙时不时失效问题！ 更新已知的插件版本 修复已知的bug 优化本地列表：云端列表连不上的时候会优先读取本地列表而不会出现商店无法使用但无法安装新插件 优化本地插件：云端连不上以及插件无法安装的时候，本地已经安装的插件可以正常打开使用而不会走云端 现在开始全新安装或者掉登录无需重新执行升级脚本或者去登录，直接重启面板会自动生产随机号码自动登录（已经把代码写在了授权文件里了，相当于再也不用登录了） 警告提示 宝塔官网 安装命令 Centos安装命令： yum install -y wget && wget -O install.sh http://io.bt.sb/install/install_6.0.sh && sh install.shUbuntu Deepin安装命令： wget -O install.sh http://io.bt.sb/install/install-ubuntu_6.0.sh && sudo bash install.shDebian安装命令： wget -O install.sh http://io.bt.sb/install/install-ubuntu_6.0.sh && bash install.shFedora安装命令: wget -O install.sh http://io.bt.sb/install/install_6.0.sh && bash install.sh 通用安装命令： if [ -f /usr/bin/curl ];then curl -sSO http://io.bt.sb/install/install_panel.sh;else wget -O install_panel.sh http://io.bt.sb/install/install_panel.sh;fi;bash install_panel.sh通用安装命令，基本适用上面的几个系统！ 通用升级命令 Linux面板 9.2.0 升级企业版命令（所有官方版 / 开心版 包括低版本 都可以执行这个升级到 9.2.0 开心版）： curl https://io.bt.sb/install/update_panel.sh|bash 最后感谢ADS的无偿贡献
-
聚光灯效果-HTML AI摘要：本文介绍了如何使用HTML和CSS实现聚光灯效果，通过设置背景渐变和裁剪路径，使文字产生动态的聚光灯效果。效果图 000032图片 代码 HTML+CSS - html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>HTML+CSS — 聚光灯</title> <link rel="stylesheet" href="index.css" /> </head> <body> <h1>Happy Birthday</h1> </body> </html> css * { padding: 0; margin: 0; } body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; } h1 { position: relative; /* 1rem=16px */ font-size: 8rem; color: #333; } h1:after { content: 'Happy Birthday'; position: absolute; top: 0; left: 0; /* 透明色 */ color: transparent; background-image: linear-gradient(to right, #c23616, #192a56, #00d2d3, yellow, #6d214f, #2e86de,#4cd137, #e84118); /* 背景绘制区域，值为text时，给文字设置镂空效果，前提必须是文字颜色为透明色 */ background-clip: text; /* 谷歌浏览器私有属性 */ -webkit-background-clip: text; /* 使用裁切方法创建元素的可显示区域 circle表示裁切一个圆形 100px表示圆的直径 0%和50%表示圆心位置 直径和圆心两组值中间用at隔开*/ clip-path: circle(100px at 0% 50%); -webkit-clip-path: circle(100px at 0% 50%); animation: move 5s infinite; } @keyframes move { 0% { clip-path: circle(100px at 0% 50%); -webkit-clip-path: circle(100px at 0% 50%); } 50% { clip-path: circle(100px at 100% 50%); -webkit-clip-path: circle(100px at 100% 50%); } 100% { clip-path: circle(100px at 0% 50%); -webkit-clip-path: circle(100px at 0% 50%); } }
