休闲小屋 - 网页
type: channel
link: https://boke.viphost.vip/index.php/tag/%E7%BD%91%E9%A1%B5/
items: html网页实用代码
items: html实用图片代码
items: 部署在CF的轻量化导航页面，可移动卡片式书签，方便管理
items: 如何解决HTML网页中文显示乱码的方法

html网页实用代码
type: item
date: 2024-11-16T13:33:00+00:00
description: 一、开站时间开始 载入天数...载入时分秒... 载入天数... 二、本页总访问量代码 本页总访问量 次 三、几个节日灯笼代码1、春节快乐灯笼代码 2、国庆快乐灯笼代码 3、五一快乐灯笼代码 4、中秋快乐灯笼代码 5、元旦快乐灯笼代码 四、html代码变cloudflare workers 代码html代码最前面加上addEventListener('fetch', event => { event.respondWith(handleRequest(event.request)) }) async function handleRequest(request) { const html = `最后加上`; return new Response(html, { headers: { 'content-type': 'text/html;charset=UTF-8' }, }); }五、页脚信息全在一行上1、添加footer代码，可进行适当调整 .footer { width: 100%; max-width: 800px; margin: 0 auto; padding: 5px 0; background-color: #f0f0f0; color: #666; font-size: 14px; text-align: center; box-sizing: border-box; }2、网页中添加页脚 载入天数... <span | 本页总访问量 次 | @ws01 v1.0.0 2025

html实用图片代码
type: item
date: 2024-11-16T13:16:24+00:00
description: 实用图片代码1<img src="data:image/svg+xml, <circle cx='50' cy='50' r='45' fill='lightyellow'/><text x='50%' y='50%' font-size='50' text-anchor='middle' alignment-baseline='middle'>🌻</text> " alt="向日葵图案">说明circle 元素用于绘制一个圆形背景，设置在 SVG 的中心位置。cx='50' 和 cy='50' 表示圆心在 (50, 50) 的位置。r='45' 表示圆的半径为 45。fill='lightyellow' 设置圆形的填充色为浅黄色。text 元素用于显示向日葵表情符号，并调整其位置和大小。x='50%' 和 y='50%' 将表情符号放置在圆形的中心。text-anchor='middle' 和 alignment-baseline='middle' 用于确保文本在中心对齐。这样，图片将显示一个浅黄色背景的向日葵表情符号。实用图片代码2data:image/svg+xml, <text y=%22.9em%22 font-size=%2280%22>💠</text>

部署在CF的轻量化导航页面，可移动卡片式书签，方便管理
type: item
date: 2024-09-08T01:41:00+00:00
description: 部署在CF的轻量化导航页面，可移动卡片式书签，方便管理 github项目 Card-Tab 书签卡片式管理，进入管理模式可以自由移动书签位置，添加和删除书签，支持自定义网站分类，支持切换黑暗色主题一、cloudflare workes部署 现用代码 ，nodeseek风格const HTML_CONTENT = ` ws01主页 <link rel="icon" href="data:image/svg+xml, <text y=%22.9em%22 font-size=%2280%22>💠</text> "> WS01の主页 beta + - C+ C- ◑ <!-- 显示日志 --> 名称 地址 选择分类 私密链接 确定 取消 设 置 登 录 载入天数... <span | 本页总访问量 次 | 开源于 @GitHub `; // 服务端 token 验证 async function validateServerToken(authToken, env) { if (!authToken) { return { isValid: false, status: 401, response: { error: 'Unauthorized', message: '未登录或登录已过期' } }; } try { const [timestamp, hash] = authToken.split('.'); const tokenTimestamp = parseInt(timestamp); const now = Date.now(); const FIFTEEN_MINUTES = 15 * 60 * 1000; if (now - tokenTimestamp > FIFTEEN_MINUTES) { return { isValid: false, status: 401, response: { error: 'Token expired', tokenExpired: true, message: '登录已过期，请重新登录' } }; } const tokenData = timestamp + "_" + env.ADMIN_PASSWORD; const encoder = new TextEncoder(); const data = encoder.encode(tokenData); const hashBuffer = await crypto.subtle.digest('SHA-256', data); const expectedHash = btoa(String.fromCharCode(...new Uint8Array(hashBuffer))); if (hash !== expectedHash) { return { isValid: false, status: 401, response: { error: 'Invalid token', tokenInvalid: true, message: '登录状态无效，请重新登录' } }; } return { isValid: true }; } catch (error) { return { isValid: false, status: 401, response: { error: 'Invalid token', tokenInvalid: true, message: '登录验证失败，请重新登录' } }; } } export default { async fetch(request, env) { const url = new URL(request.url); if (url.pathname === '/') { return new Response(HTML_CONTENT, { headers: { 'Content-Type': 'text/html' } }); } if (url.pathname === '/api/getLinks') { const userId = url.searchParams.get('userId'); const authToken = request.headers.get('Authorization'); const data = await env.CARD_ORDER.get(userId); if (data) { const parsedData = JSON.parse(data); // 验证 token if (authToken) { const validation = await validateServerToken(authToke…

如何解决HTML网页中文显示乱码的方法
type: item
date: 2024-03-08T04:00:00+00:00
description: 如何解决HTML网页中文显示乱码的方法 第一：定义网页显示编码。如果不定义网页编码，那么我们浏览网页的时候，IE会自动识别网页编码，这就有可能会导致中文显示乱码了。所以我们做网页的时候，都会用“”来定义网页编码。(我们常见的Unicode码是utf-8) 把文件保存成utf-8的编码，仿着上面的位置，在页面加上中间那行代码，如果还有乱码就把utf-8改成gbk第二：网页存储编码。大家经常会忽略这个问题。我就用建站常用工具Dreamweaver来说吧。我们用DW新建一张默认的编码保存的时候都会保存为两种编码uft8格式或gbk格式，这个可以在Dreamweaver->编辑->首选项->新建文档 进行设置。如果你设置了默认utf8格式，那么网页存储编码就是utf8，同时使用来什么网页显示编码也为utf8，如果不一致就会导致乱码。我这样说明，不知道是否说明了问题。也就是说，我们在遇到乱码问题的时候，是由于编码不一致导致的。这个是html网页的乱码情况的总结，我们举一反三，我们在使用php虚拟主机建站的时候遇到乱码问题的时候，我们也要通过三个因素来考虑解决问题。我总结的三个因素：网页显示编码、网页存储编码、数据库编码网站出现中文显示乱码的时候，请先从这三个方向去考虑解决问题，将事半功倍。