标签搜索
找到
34
篇与
admin
相关的结果
-
-
如何在PHP中创建加载/启动画面？ 在PHP中创建加载/启动画面需要使用以下步骤：创建一个HTML文件来显示加载/启动画面的设计在PHP文件中使用以下代码：<?php echo '<html> <head> <title>在此输入网页标题</title> <style type="text/css"> /* 在此输入样式表*/ </style> <script type="text/javascript"> /* 在此输入JavaScript代码*/ </script> </head> <body> <div id="loading"></div> <script type="text/javascript"> // 加载后隐藏加载动画 window.onload=function(){ document.getElementById("loading").style.display="none"; }; </script> </body> </html>'; ?>将样式表和JavaScript代码添加到HTML文件的标签中，可以设置加载动画的样式和效果在标签中添加一个名为“loading”的标签，这是我们将要添加加载/启动画面的位置在JavaScript代码部分中，使用window.onload事件来隐藏加载动画，这样当页面完全加载后将不再显示将PHP文件保存为.php扩展名在需要加载/启动画面的页面中，使用include()函数将这个PHP文件作为一个组件导入这样，在每次访问该页面时都会显示一个加载/启动画面，直到页面完全加载完成为止。
-
轻松搭建图床：三种免费方法教程【手把手】 不论是个人博客、社交媒体还是专业网站，图像的存储与分享变得尤为重要。图床，作为一个在线服务平台，提供了图像存储和分享的便利。本文旨在引导技术新手如何自行搭建一个免费的图床。在数字时代，图像成为信息传递的重要媒介。对于个人博客、社交媒体用户或专业网站设计师来说，有效地存储和分享图像是关键。本文将引导技术新手如何自行搭建一个免费的图床，提高工作效率，同时确保图片的在线可访问性和稳定性。什么是图床图床，顾名思义，就是一个可以存放图片的在线服务平台。它让你能够将图片上传到云端，并生成一个链接，这样你就可以在任何地方、任何平台上使用这些图片了。这对于需要在多平台共享图像的用户来说极为重要。为什么需要图床图床最大的好处是它提供了一种高效、稳定且成本低廉的存储和分享图像的方式。特别是对于那些经常需要上传和分享图片的人，使用图床可以极大地提高工作效率。搭建图床的三个方法以下是三种流行且免费的图床搭建方法，每种方法都有各自的优势，适合不同的技术背景和需求。1：GitHub + PicGo + Typora配置 GitHub访问 GitHub 官网，注册或登录账户。点击“New”按钮创建新仓库，用于存储图片。配置 PicGo下载并安装 PicGo，一个图像上传工具。在 PicGo中配置 GitHub 仓库。Github 创建一个 token：进入 Github 主页，右上角点击头像选择 Settings -> Developer settings -> Personal access tokens，最后点击 generate new token；Github 填写基础信息，最后复制生成的 token 并保存。Pingo 配置：打开图床设置-勾选 Github,如图配置。自定义域名可以使用 jsDelivr 为图片访问进行免费加速：https://cdn.jsdelivr.net/gh/用户名/仓库名写文档时，复制 pingo 图片链接，使用即可。使用 Typora 撰写文档时上传图片在 Typora 中撰写 Markdown 文档。粘贴图片时使用 pingo 中的图片地址，PicGo 将自动上传图片到 GitHub 仓库。另外两种方式大同小异，你可以自行设置，这里只提供思路。2：Cloudflare Pages + TelegraphFork 项目访问 Telegraph-Image 项目 并 Fork。配置 Cloudflare Pages访问 Cloudflare Pages，选择创建项目。链接到 Fork 的 GitHub 项目。部署项目使用默认配置开始部署。部署完成后，访问分配的免费域名上传图片。3：Gitee + Git + PicGo安装 Git下载并安装 Git 工具。注册 Gitee 账号并创建仓库访问 Gitee，注册并新建仓库。本地同步代码到 Gitee从本地上传代码到 Gitee 仓库。配置 PicGo在 PicGo 中配置 Gitee 仓库。常见问题及解决方案在搭建和使用图床的过程中，可能会遇到一些常见的问题。以下是这些问题的解决方案：图片上传失败确保网络连接稳定。检查图床服务是否正常。确认图片大小是否符合平台限制。图片链接失效核实图片是否还在图床中。检查图床设置或图片路径是否有更改。图床访问速度慢尝试更换地理位置更近的服务器。优化图片大小和格式。图片大小调整方案在上传图片到图床时，控制图片大小非常重要。以下是一些在线工具，可以帮你轻松调整图片大小：1- 使用在线图片压缩工具TinyPNG：访问TinyPNGCompressJPEG：访问CompressJPEGImageResize：访问ImageResize2- 在线调整图片尺寸BeFunky：访问BeFunkyPicResize：访问PicResize3- 注意图片格式与质量Convertio：访问Convertio注意事项在搭建和使用免费图床时，请注意以下几点：选择稳定的平台：比如 GitHub 或 Gitee。重视隐私和安全：特别是在上传私密或敏感图片时。了解服务的限制：比如流量和存储空间的限制。最后图床是一种极其实用的工具，尤其对于需要频繁使用图片的人来说。无论你的技术水平如何，上面提供的方法都能帮助你轻松搭建起属于自己的图床。希望这份指南能帮你在数字世界中更有效地管理和分享你的图片。
-
网站显示溢出问题如何解决？ 网站显示溢出问题通常可以通过以下几种方式解决：使用CSS属性进行调整：可以使用CSS属性 overflow 来调整溢出内容的显示方式。例如，通过设置 overflow: hidden 可以隐藏溢出的内容，通过设置 overflow: scroll 可以显示滚动条以便查看溢出内容。调整容器大小：如果是容器内部内容溢出，可以通过调整容器的宽度或高度来解决问题，以确保所有内容都能适应容器。使用CSS属性进行文本折行：如果是文本溢出问题，可以使用 word-wrap 属性来控制文本的折行，以避免溢出内容超出容器。使用CSS属性进行多列布局：如果是多列布局导致的溢出问题，可以使用 column-count 和 column-width 等属性来控制内容的分列显示，以避免溢出。使用JavaScript进行动态调整：如果以上方法无法解决问题，可以通过JavaScript来动态计算并调整元素的大小和位置，以适应不同的内容大小。需要根据具体情况选择适合的方法来解决溢出问题。同时，建议使用浏览器开发者工具来调试和查看溢出情况，以便更好地理解和解决问题。
-
【教程】Typecho Joe主题开启并修复壁纸相册不显示问题 转载请注明出处：小锋学长生活大爆炸[xfxuezhang.cn]背景说明 Joe主题本身支持“壁纸”功能，其实就是相册。当时还在网上找了好久相册部署的开源项目，太傻了。 但是网上教程很少，一没说如何开启壁纸功能，二没说开启后为何不显示图片，三没说如何显示自定义图片。 通过层层深扒源码，我已经成功修复并实现了上述问题。所以，这个重任还是由我来吧。接下来将是非常详细的图文教程，小白有手就行。 开启壁纸 进入后台，创建独立页面 标题随便填，最关键的是模板要选“壁纸” 直接发布页面即可 发布后点上面这个提示进去页面 比如我的：http://www.yloadtech.com/index.php/11.html 此时你会看到一直在转圈圈，你也不知道如何去添加图片 修复显示 SSH进入服务器后台，进到Joe主题下面的public目录。这个路径都是一样的，直接复制即可 javascriptcd /var/www/html/usr/themes/Joe/public/ 打开route.php，直接替换里面的两个函数 javascriptvim route.phpfunction _getWallpaperType($self) 改成javascript/ 获取壁纸分类 已测试 √ /function _getWallpaperType($self){header('Content-Type: application/json'); $self->response->setStatus(200); $json = file_get_contents("http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { $self->response->throwJson([ "code" => 1, "data" => $res['data'] ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); }}function _getWallpaperList($self) 改成javascript/ 获取壁纸列表 已测试 √ /function _getWallpaperList($self){header('Content-Type: application/json'); $self->response->setStatus(200); $cid = $self->request->cid; $start = $self->request->start; $count = $self->request->count; $json = file_get_contents("http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid=&start=&count=&from=360chrome"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { // 数据总数 $total = $res['total']; $self->response->throwJson([ "code" => 1, "data" => $res['data'], "total" => $total ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); } } 保存后刷新页面，就可以惊喜的发现能成功显示360壁纸了 自定义图片 那如何让它显示我们自己的图片呢？Joe显示壁纸的代码是固定的，所以我们只需要按照360壁纸的接口来设计我们的服务api就行。 壁纸分类接口 先看壁纸分类，360接口示例： http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome 实际有用的 javascript{"errno": "0", "total": "1", "data": [ { "id": "1", "name": "xxx" } ]} 如果你有服务程序开着，那么就返回这种类型的数据就行。我不想单独再开个监听服务程序，所以后面会讲我的简单方法。 壁纸图片接口 对于根据分类获取图片的360接口： http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid={ 实际有用的： javascript{ "errno": "0", "total": "1884", "data": [{ "id": "1", "url": "http://xfxuezhang.cn/mypics/1/0366_PT1814-2_7E8DB7C0.jpg" },]} 同样的， 如果你有服务程序开着，那么就返回这种类型的数据就行。我不想单独再开个监听服务程序，所以后面会讲我的简单方法。 替换自己的图片 超级简单的方法。直接在网站目录下创建一个文件夹，里面每个子目录就是一个分类，子目录名是cid，分类信息用image_types.json保存，图片信息用image_details_.json保存，而generate.py可以根据子目录自动生成image_details_.json。 举个栗子，我创建了mypics目录 javascriptmkdir /var/www/html/mypics 目录结构： 子目录1中的内容： image_types.json：javascript{"errno": "0", "total": "1", "data": [ { "id": "1", "name": "涂料印花" } ]}generate.py：javascriptimport osimport json指定图片存放的目录pics_directory = "./"遍历pics_directory目录下的子目录for cid in os.listdir(pics_directory):if not os.path.isdir(cid): continue print(f">> 正在处理：") # 构建JSON文件路径 json_file_path = os.path.join(pics_directory, cid, f"image_details_.json") output_file = os.path.join(pics_directory, f"image_details_.json") # 获取子目录下的所有图片文件 image_files = os.listdir(os.path.join(pics_directory, cid)) # 构建JSON数据 json_data = { "errno": "0", "total": str(len(image_files)), "data": [/"} for i, image in enumerate(image_files)] } # 将JSON数据写入文件 with open(output_file, 'w') as json_file: json.dump(json_data, json_file, indent=2) print(f"Generated ")执行generate.py生成image_details_1.json：javascriptpython generate.pyimage_details_1.json：javascript{ "errno": "0", "total": "2", "data": [{ "id": "1", "url": "http://xfxuezhang.cn/mypics/1/0366_PT1814-2_7E8DB7C0.jpg" }, { "id": "3", "url": "http://xfxuezhang.cn/mypics/1/0366_PT1814-2_7E8DB7C0.jpg" },]} 最主要的！还要去修改route.php中的两个函数！ function _getWallpaperType($self) 改为javascript/ 获取壁纸分类 已测试 √ /function _getWallpaperType($self){// 允许所有域的跨域请求 header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); header("Access-Control-Allow-Headers: Content-Type"); header("Access-Control-Max-Age: 86400"); header('Content-Type: application/json'); $self->response->setStatus(200); // $json = file_get_contents("http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome"); $json = file_get_contents("http://xfxuezhang.cn/mypics/image_types.json"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { $self->response->throwJson([ "code" => 1, "data" => $res['data'] ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); }}function _getWallpaperList($self) 改为javascript/ 获取壁纸列表 已测试 √ /function _getWallpaperList($self){// 允许所有域的跨域请求 header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); header("Access-Control-Allow-Headers: Content-Type"); header("Access-Control-Max-Age: 86400"); header('Content-Type: application/json'); $self->response->setStatus(200); $cid = $self->request->cid; $start = $self->request->start; $count = $self->request->count; // $json = file_get_contents("http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid=&start=&count=&from=360chrome"); $json = file_get_contents("http://xfxuezhang.cn/mypics/image_details_.json"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { // 数据总数 $total = $res['total']; // 对数据进行分割 $startIndex = $start; $endIndex = $startIndex + $count; $slicedData = array_slice($res['data'], $startIndex, $count); $self->response->throwJson([ "code" => 1, "data" => $slicedData, "total" => $total ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); } } 改完保存后，去刷新壁纸页面，就可以看到已经顺便变成我们自己的图了 后续修改 之后要调整内容，就只需要在mypics目录下放个子目录，然后手动将这个子目录信息写到image_types.json，然后直接执行generate.py就可以了。 进阶加速方法 图片会占用大量内存，如果资金充足可以买一个CDN。另一种方法是加上缓存。对于Typecho可以用这个插件： GitHub - gogobody/TpCache: 一个 typecho 缓存插件 注意需要开启php-redis，比如我的是php8.1版本： javascriptsudo apt install php8.1-redis 然后安装redis： javascriptsudo apt install redis-server -y 然后就是常规插件的开启方法，大家都会的。
