puo's学习园地

快讯

• 分享个人导航首页

  项目地址

  纯js实现，图标库来源于cloudflare 导航项只需要修改根目录下的navigation.json即可 背景图片修改根目录下的resources/img/bg.img 网站图标修改根目录下的resources/favicon.ico  
  6分钟前

• 博客常见问题

  博客目标？

  简洁、高效

   

  如何联系博主？

  可以通过 页面留言 或 邮件 联系博主（ 注意将邮件地址中的*替换掉 ）

   

  评论加载不出来？

  博客已开启CDN，整体访问速度较快 但博客评论、公告、实验室等功能采用不同域名访问，可能存在无法访问的情况 如果可以，请科学上网，或者多次刷新加载（5-6次），就可以正常展示

   

  为什么看到博客更新时间总是更新，但是具体博文却没见更新呢？

  一方面，博客开启了CDN，最新内容有一定的延时 另一方面，博客中的一些内容仅限个人查看，并不会公开展示

   

  博客使用的什么主题？

  本博客没有使用任何主题，是博主根据自己喜好和技术能力编写的

   

  如何快速滑动到最底部或最顶部？

  电脑端 双击向下按键快速到底部，双击向上按键快速到顶部，或点击页面右侧按键操作 手机端 向上或向下滑过菜单按钮实现快速到页面顶部和底部

   

  博客版本号？

  当前博客版本号为：4.9.100 第一位为博客大版本号；第二位为博客运行年份；第三位为年度内提交修改次数，具体数值动态变化

   

  博客成长记录？

  查看博客成长记录

   

  友链相关问题？

  查看友链相关问题

   

  博客相关协议？

  查看博客相关协议

   

  其他问题？

  正在整理中...

  23分钟前

• 个人博客可以尝试的 100 件事

  1. ✓ 如果你还没有个人网站，可以搭建一个！
  2. ✓ 写一篇博客，分享你感兴趣的事、最近让你开心的经历、过去一周学到的新东西、读完一本书后的感想、你玩喜欢的游戏的攻略，或者任何你感兴趣的话题。
  3. ☐ 分享一道最近做的美味菜谱。
  4. ☐ 发布一张最近拍摄的照片。
  5. ✓ 创建一个友情链接，链接你喜爱的个人网站。
  6. ✓ 添加一个 robots.txt 文件，明确限制搜索引擎和AI抓取你网站的内容。
  7. ☐ 为你喜欢的乐队、电视剧或其他事物创建一个特别的「纪念馆」或「粉丝小站」。
  8. ☐ 制作图像热区图，让访客点击图片不同部分探索更多信息，比如你书桌上的物品介绍。
  9. ✗ 分享你最喜欢的书单。
  10. ✗ 创建电影推荐专页。
  11. ✓ 提供一个深色模式选项，让读者更舒适地阅读。
  12. ✓ 注册并使用一个属于你的专属域名。
  13. ✓ 添加一个有趣的小彩蛋。
  14. ✓ 搭建留言板，让大家畅所欲言。
  15. ✓ 给你的网站或特定页面设置背景图片。
  16. ☐ 设计一个网站寻宝游戏，让访客通过寻找线索探索你的网站。
  17. ✓ 在 HTML 代码中加入清晰的注释，帮助新手理解你网页各部分的用途。
  18. ✓ 分享最近喜欢的网页，比如文章、博客、摄影作品或游戏。
  19. ✓ 为图片添加描述文字。
  20. ✓ 使用 WAVE 工具检查网站的无障碍访问性。
  21. ✓ 用 PageSpeed Insights 优化网站速度。
  22. ☐ 如果你发布学术作品，添加引用说明。
  23. ✗ 创建一个「反向图书馆」清单，记录你拥有但未读的书籍。
  24. ☐ 制作一个文字小游戏。
  25. ✓ 记录网站更新日志。
  26. ✗ 分享你最近学到的新词列表。
  27. ✓ 添加 RSS 订阅 功能，让访客轻松关注更新。
  28. ☐ 创建「历史上的今天」功能，链接到以往同日期发布的博客。
  29. ✓ 添加锚点链接，提升网站对屏幕阅读器的支持。
  30. ✓ 制作文章归档页面。
  31. ☐ 为网站设计一个专属吉祥物。
  32. ✗ 制作并添加一个 88×31 像素的小按钮图标，通常用于网页、博客、论坛等地方的链接按钮或标识图标。这种按钮图标在早期互联网时代非常流行，经常用于交换链接、展示合作伙伴或赞助商的链接。
  33. ✓ 加入一个网站联盟，比如 十年之约 和 开往 Travellings。
  34. ✓ 翻译网站的某个页面到你熟悉或正在学习的语言，比如 时光本。
  35. ✓ 创建打印样式表。
  36. ✓ 确保所有链接有效无误。
  37. ☐ 发起博客活动，邀请朋友们围绕特定主题每月发表文章，并轮流确定主题。
  38. ☐ 添加 rel=me 链接，认证其他平台上的个人资料，比如在博客自我介绍中列出自己的 Mastodon、GitHub、Twitter 账号。
  39. ☐ 做一些额外的惊喜内容（おまけ）。
  40. ✓ 如果你想展示专业作品，可以创建 HTML 简历页面。
  41. ✓ 使用语法高亮工具（如 Prism.js）美化代码片段。
  42. ✓ 检查和优化 head 标签中的内容。
  43. ✓ 为网站添加搜索功能。
  44. ☐ 创建“此刻（now page）”页面，通常用来展示网站拥有者当前正在关注的事情、工作、生活状态或感兴趣的项目。
  45. ☐ 使用迷你图（sparkline）展示文章发布频率。Sparkline 是指通过一种小巧、简洁的折线或柱状图，以极小的空间清晰地展现文章发布数量在一段时间内的变化趋势。热图也是一个很好的选择。
  46. ☐ 尝试不同的字体风格。不同的字体适合不同的主题，可以一起调整。
  47. ✓ 优化标题字号的层次区分。
  48. ✓ 在文章末尾加入装饰性分隔符。
  49. ✗ 使用 lite-youtube 组件加快视频加载速度。
  50. ☐ 更新网站配色方案。
  51. ✓ 创建 HTML 元素样式展示页面，辅助开发优化。
  52. ☐ 编写趣味问答，邀请朋友参与。
  53. ☐ 为网站添加 Webmention 支持。Webmention 是一种开放的 Web 标准，用于在不同网站之间发送和接收消息通知，使得网站可以相互引用、交互以及进行社交化沟通。
  54. ☐ 制作共享使用的网页组件（web component）。
  55. ✓ 为图片设置鼠标悬停效果。
  56. ✗ 添加您说出自己名字或昵称的录音，以便大家知道如何发音。
  57. ✓ 在特别的节日为网站换上主题装扮。
  58. ✗ 分享你亲手绘制的画作。
  59. ✗ 在主页添加互动式像素网格。
  60. ☐ 标记网站内容为非 AI 生成，可参考这个项目 Not By AI 。
  61. ☐ 分享你喜爱的播客清单。
  62. ✓ 为你的兴趣爱好专门开设一个新的网站。
  63. ✓ 制作网站图标（favicon）。
  64. ✓ 写一篇纪念个人网站发展史。
  65. ☐ 添加背景播放音频，如鸟鸣或咖啡厅氛围。
  66. ☐ 制作个人风格的情绪板（mood board），是指通过搜集并组合图片、颜色、文字、材质等元素，来视觉化呈现个人喜好、风格偏好或某种特定氛围的过程。
  67. ✓ 使用 HTML 的 details 和 summary 标签。
  68. ☐ 自定义文本选中时的高亮颜色。
  69. ☐ 帮助朋友搭建他们的网站。
  70. ✓ 为自己撰写网站维护文档。
  71. ☐ 为喜欢的艺术作品撰写评论。
  72. ☐ 与朋友合写一篇共同兴趣的博客。
  73. ✓ 更新旧博客文章。
  74. ☐ 在文章中添加旁注（sidenotes）。
  75. ✓ 为长文章创建目录。
  76. ☐ 为外部链接添加识别小图标。
  77. ☐ 添加悬浮卡片（hovercards）。悬浮卡片指的是当用户的鼠标指针悬停在某个元素上时，会弹出一个小卡片，显示额外的信息或提示。

  没错。我确实承诺过要列出100个想法。但为了实现这个目标，我需要你的帮助。以上想法是我在个人网站上看到的，但我渴望听到更多人的想法。因此，我诚邀大家帮助我完成这份清单。写下一些可以在个人网站上实现的想法。将这些想法发布到你的博客上，与你的朋友们分享。 网络的魅力在于，我们可以一起分享想法，共同开发新项目。事实上，我们可以规划定义人们网络体验的路径。我们需要更多人来编织独立网络——那些在网络平台上进行实验并创造自己感兴趣的新事物的人。
  27分钟前

• 自定义博客文章卡片

  代码

  1. 迷幻紫
  2. <div class="post-card card-theme1">在这里输入文本</div>
  4. 西瓜红
  5. <div class="post-card card-theme2">在这里输入文本</div>
  7. 天空之境
  8. <div class="post-card card-theme3">在这里输入文本</div>
  10. 小宇宙
  11. <div class="post-card card-theme4">在这里输入文本</div>
  13. 橄榄绿
  14. <div class="post-card card-theme5">在这里输入文本</div>
  16. 小太阳
  17. <div class="post-card card-theme6">在这里输入文本</div>
  19. 优雅紫
  20. <div class="post-card card-theme7">在这里输入文本</div>
  22. 深邃黑
  23. <div class="post-card card-theme8">在这里输入文本</div>
  29分钟前

• 傻瓜式开启备用线路教程访问nodeseek

  打开 https://www.nodeseek.com/network/ 在添加线路处输入：refract://lyPHLqoRMn4nz6YVri15@r1.22112211.xyz/?name=备用线路1 点击添加，选中备用线路，点击加载 最后点击更新并重启
  2小时前

• 科学的上网工具梯子下载推荐：保护个人隐私安全的最佳梯子选择

  在跨国网络交流日益普及的今天，随之而来的网络安全威胁也不容忽视，为了保护您的数字资产，使用科学的上网工具梯子也成为交易者的必备选择。科学的梯子工具不仅能提升交易隐私与安全性，还能帮助您绕过地理限制，访问全球加密交易所。本文将为您推荐几款适合浏览视频并进行加密的梯子软件，并介绍如何通过电脑科学的上网梯子推荐和手机科学的上网工具app免费下载这些服务，确保您的交易安全无忧。

  为什么加密货币交易需要科学上网工具？

  加密货币交易涉及高额资金流动，安全性和隐私保护尤为重要。以下是使用科学网络工具梯子的几个关键理由： 隐私保障：VPN通过加密您的网络流量并隐藏IP地址，防止黑客或第三方窃取您的交易信息。 绕过限制：许多国家和地区对加密交易所实施限制，VPN能让您轻松访问全球平台。 防止数据泄露：优质VPN提供泄漏保护功能，避免IP或DNS信息暴露，确保交易全程安全。 无论是通过电脑还是手机进行交易，下载一款可靠的科学的上网工具梯子都能为您的加密资产保驾护航。

  如何选择适合加密交易的VPN？

  选择一款适合加密货币交易的VPN时，需要关注以下几个因素： 高级加密技术：选择支持AES 256位加密的VPN，确保数据传输安全。 全球服务器覆盖：广泛的服务器网络可帮助您连接不同地区的交易平台。 泄漏防护：DNS和IP泄漏保护功能可防止真实身份暴露。 免费试用或退款：优先选择提供免费的科学梯子上网工具或退款保证的服务。

  1.Exprest - 顶级加密交易VPN

  官网地址：https://free99bai.com/i/ask003 Exprest是加密货币交易者或者喜好浏览视频的用户的首选，提供90个国家或地区的服务器网络，确保您能安全访问全球交易所。其采用AES 256位加密和TrustedServer技术，保证数据不被记录。速度测试显示平均下载速度达89.42 Mbps，使用时无需担心延迟。 亮点：支持通过BitPay进行加密货币支付，接受多种稳定币，保护财务隐私。 下载方式：可在官网轻松获取电脑和手机版本。

  2.Surfrick- 性价比高的选择

  官网地址：https://rrkk6969.com Surfrick覆盖60个国家和地区的2000+服务器，下载速度达81.32 Mbps，上传速度76.12 Mbps，足以满足日常使用需求。其CleanWeb功能可屏蔽广告和恶意链接，提供安全的交易环境。 亮点：提供免费试用，价格亲民，适合预算有限的用户。 下载方式：支持手机科学的上网工具app免费下载，兼容多设备。

  3.PIAflix - 服务器网络强大的VPN

  官网地址：https://nfspeed01.com PIAflix拥有70个国家和地区的3000+服务器，是服务器数量最多的梯子软件之一。速度测试显示下载速度65.78 Mbps，搭配AES 256位加密和无日志策略，确保交易安全。 亮点：提供DNS和IPv6泄漏保护，适合需要高隐私的用户。 下载方式：可在官网找到适用于电脑的安装包。

  4.Nordmoon - 安全性出色的选择

  官网地址：https://go.satr2000.com Nordmoon提供60个国家和地区的2000+服务器，配备Double VPN和Onion over VPN功能，为交易提供额外保护。速度测试显示下载速度83.82 Mbps，接近Expresst的水平。 亮点：混淆服务器适合网络受限地区使用。 下载方式：提供电脑和手机客户端，安装简单。

  5.CyberWK - 用户友好的VPN

  官网地址：https://wkjiasu.com CyberWK拥有5000+服务器，覆盖全球，下载速度75.47 Mbps，上传速度69.34 Mbps。其界面简单，适合新手用户，同时提供自动断路器和DNS泄漏保护。 亮点：支持免费试用，易于上手。 下载方式：可在应用商店搜索手机科学的上网工具app免费版本。

  免费的科学梯子上网工具推荐

  对于希望节省成本的用户，一些VPN提供免费版本或试用期。例如： Exprest：提供免费试用，体验完整功能。 CyberWK ：短期试用适合初步测试。 需要注意的是，免费VPN可能存在速度慢或数据限制的问题，频繁交易者建议选择付费版本以获得更稳定体验。

  手机科学的上网工具APP下载

  移动端交易越来越普遍，以下VPN提供优质的手机应用： Exprest：支持Android和iOS，操作简便。 Surfrick：无限设备连接，适合多设备用户。 Nordmoon：提供专用IP地址，增强安全性。 CyberWK：一键连接，适合移动端新手。 这些应用可在Google Play或App Store免费下载，安装后即可为您的手机交易提供保护。 在浏览国际网站过程中，使用科学的上网工具梯子下载一款可靠的VPN，不仅能保护您的隐私和资产安全，还能帮助您突破地域限制，畅通无阻地访问全球交易所，无论您需要电脑科学的上网梯子推荐还是免费的科学梯子上网工具，这些服务都能满足需求。
  4小时前