目 录CONTENT

文章目录

GITHub项目之littlelink-custom(精美的个人主页)

Celia
2023-04-07 / 2 评论 / 0 点赞 / 104 阅读 / 1,840 字 / 正在检测是否收录...

定制化个人主页

GITHUB项目:主页
已经建好的demo

功能(机翻)

  • LittleLink Custom为在线管理和共享链接提供了独特的解决方案。我们的平台提供了一个类似于 Linktree的网站,让用户可以克服在社交媒体平台上只能添加一个链接的限制。通过链接到您的 LittleLink 自定义页面,用户可以在一个方便的位置轻松访问他们需要的所有链接。

  • 我们的平台允许用户在他们自己的网络服务器或网络托管提供商上托管他们的链接,确保轻松访问和控制他们的在线状态。此外,其他用户可以注册并创建自己的链接,这使其成为希望管理多个链接的企业和组织的理想解决方案。

  • 我们的平台还包括一个管理面板,使用户能够轻松访问其他用户的链接,使其成为希望管理多个链接的企业和组织的理想解决方案。总体而言,LittleLink Custom 为简化在线状态提供了高效且用户友好的解决方案。

关于

  • LittleLink Custom是LittleLink Admin的一个分支,其既定目标是使管理面板更易于使用和设置,以供没有经验的用户和初次使用的用户使用,并添加了许多围绕个人用户 LittleLink 页面的自定义主题的自定义功能。

  • LittleLink Custom 的开发是为了简化 LittleLink 和 LittleLink Admin 的使用和设置,适用于编码经验最少或网络托管知识有限的个人。该项目的设计方式允许将LittleLink 自定义目录的实现拖放到Web 主机的根目录中,从而无需进行源代码操作或处理复杂的终端命令。

  • 除了用户友好的设置过程外,此分支还提供了许多增强用户体验的自定义功能,包括根据操作系统或浏览器主题设置自动应用的深色模式,以及用于美观响应式设计的浅色不显眼的CSS 动画. 这些和其他小的变化结合起来,提供了一个实质性的功能集,使LittleLink Custom 与其他分支区分开来。

演示

尝试现场演示 LittleLink 页面及其所有功能
这是网站的完整演示,具有登录和注册功能。请随时注册您的帐户并试用 LittleLink Custom 的所有功能。

img

特征

功能 LittleLink 定制 LittleLink 管理员¹ 小林克
创建一个包含 30 多个按钮的链接页面 ✔️ ✔️ ✔️
免代码设置 ✔️ ✔️
订购链接 ✔️ ✔️
计算点击次数 ✔️ ✔️
管理用户、页面和链接 ✔️ ✔️
自动暗模式检测 ✔️ ✖️²
通过拖放排列链接 ✔️
按钮悬停动画 ✔️
自定义链接选项 ✔️
个人用户的社交分享预览 ✔️
有新版本更新通知 ✔️
内置 SMTP 服务器 ✔️
用于编辑文本的可视化 HTML 编辑器 ✔️
不用命令行设置 ✔️
自定义主题支持 ✔️
内置更新程序 ✔️
支持 Font Awesome 的按钮编辑器 ✔️
外部分析支持 ✔️
能够自定义主页 ✔️

如果您在浏览器或操作系统中的首选主题设置为深色,则所有 LittleLink 自定义页面都会自动应用深色模式主题。

img

轻量级 CSS 动画
img

自定义主题

使用主题自定义 LittleLink Custom 实例的外观。主题使您只需单击几下即可更改网站的外观。用户可以提交自己制作的主题供大家下载使用。

通过设计自己的主题做出贡献。您可以在下面阅读有关贡献的更多信息。

alt text 1 alt text 2
alt text 3 alt text 4

您可以在此处找到所有可用的主题: littlelink-custom.com/themes

如何添加主题

  • 如何将主题添加到您的 LittleLink 自定义实例您可以将下载的主题添加到管理面板上的 LittleLink 自定义实例。导航到“主题”选项卡并滚动到页面底部。

  • 现在单击选择文件并选择您下载的主题 zip 文件。现在点击“上传主题”,您现在应该可以选择您上传的主题了。

设想主题由用户为用户制作。

如果您对 CSS 有所了解,请考虑制作您自己的主题并将其添加到公共目录中。一切都记录在专用的 GitHub 存储库中。

github.com/JulianPrieber/llc-themes/tree/main/contributing

内置按钮编辑器的无限按钮组合

使用您想要的多种颜色创建自定义背景颜色和渐变。

img

内置更新程序

img

安装

  • 下载安装步骤:

  • 下载最新版本的 LittleLink Custom 并将文件夹“littlelink-custom”或该文件夹的内容放在您网站的根目录中。就是这样!无需编码,无需命令行设置,即插即用。

浏览第一个设置页面:
首次访问您的实例时,您将看到第一个设置页面。

img

DOCKER

img

  • LittleLink Custom的官方 docker 版本。这个 docker 镜像是一个易于设置的解决方案,包含运行 LittleLink Custom 所需的一切。

  • LittleLink Custom 的 docker 版本保留了原始版本的所有功能和自定义选项。

这个 docker 基于Alpine Linux,一个设计小巧、简单和安全的 Linux 发行版。Web 服务器运行Apache2,这是一款免费的开源跨平台 Web 服务器软件。docker 自带PHP 8.0以实现高兼容性和性能。

使用 docker 就像拉取和部署一样简单。

docker pull julianprieber/littlelink-custom

DOCKERHUB:镜像位置

DOCKER安装方式

创建储存卷

docker volume create llc

修改一些内容然后执行

docker run --detach \
    --name littlelink-custom \
    --hostname littlelink-custom \
    --env HTTP_SERVER_NAME="www.example.xyz" \               # 改成自己的域名
    --env HTTPS_SERVER_NAME="www.example.xyz" \            # 改成自己的域名
    --env SERVER_ADMIN="admin@example.xyz" \
    --env TZ="Europe/Berlin" \
    --env PHP_MEMORY_LIMIT="512M" \
    --env UPLOAD_MAX_FILESIZE="16M" \
    --publish 80:80 \
    --publish 443:443 \
    --restart unless-stopped \
    --mount source=llc,target=/htdocs \
    julianprieber/littlelink-custom\

Docker Compose

version: "3.8"

services:

  littlelink-custom:
    hostname: 'littlelink-custom'
    image: 'julianprieber/littlelink-custom:latest'
    environment:
      TZ: 'Europe/Berlin'
      SERVER_ADMIN: 'youremail@gmail.com'
      HTTP_SERVER_NAME: 'yourdomain.com'
      HTTPS_SERVER_NAME: 'yourdomain.com'
      LOG_LEVEL: 'info'
      PHP_MEMORY_LIMIT: '256M'
      UPLOAD_MAX_FILESIZE: '8M'
    volumes:
      - '/opt/docker/configs/littlelink/config/.env:/htdocs/.env:rw'
      - '/opt/docker/configs/littlelink/config/advanced-config.php:/htdocs/config/advanced-config.php:rw'
      - '/opt/docker/configs/littlelink/config/img:/htdocs/img:rw'
    ports:
      - '8088:80'
      - '8090:443'
    restart: unless-stopped
    networks:
      - 'mariadb'
      - 'misc'
      - 'redis'
networks:
  misc:
    external: true
    name: 'misc'
  mariadb:
    external: true
    name: 'db-mariadb'
  redis:
    external: true
    name: 'db-redis'
0

评论区