URL Pages 开源项目教程

最新推荐文章于 2024-09-09 09:20:48 发布

甄墨疆

最新推荐文章于 2024-09-09 09:20:48 发布

阅读量268

点赞数 5

本文链接：https://blog.csdn.net/gitblog_01012/article/details/141990907

版权

URL Pages 开源项目教程

urlpagesCreate and view web pages stored entirely in the URL 项目地址:https://gitcode.com/gh_mirrors/ur/urlpages

1、项目介绍

URL Pages 是一个创新的在线编辑器，允许用户快速创建和分享可编辑的网页，无需任何托管服务或注册过程。借助 URL 编码技术，用户可以瞬间发布页面，且链接永不失效。这个轻量级的应用只有一个目标：提供一个简单、快捷的方式来分享和编辑代码。

技术解析

URL Pages 的核心在于将整个网页内容编码到 URL 中。当访问页面时，JavaScript 通过 atob、btoa、encodeURIComponent 和 decodeURIComponent 函数进行 Base64 解码与编码。编辑器则负责将 HTML、CSS 和 JavaScript 数据分离并转化为 JSON 字符串再进行编码。为了保持链接的可分享性，可以使用 URL 短网址服务来缩短较长的链接。此外，项目提供了加密功能，通过 Link Lock 利用 AES 在浏览器内对 URL 进行加密，确保共享内容的安全。

2、项目快速启动

安装与运行

克隆项目：

git clone https://github.com/jstrieb/urlpages.git
cd urlpages

启动本地服务器：
```
python -m http.server 8000
```
访问编辑器：打开浏览器，访问 http://localhost:8000。

创建第一个页面

编辑 HTML 内容：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个 URL 页面</title>
</head>
<body>
    <h1>欢迎使用 URL Pages！</h1>
    <p>这是一个简单的示例页面。</p>
</body>
</html>