LinkStack:优雅的外观,强大的功能,完美地融合了书签管理与分享

简介: 发现有趣GitHub项目LinkStack,它创建了一个个性化页面,用于分享多个链接,类似Linktree,但更灵活,允许用户自托管。项目已获2k星。通过Docker Compose部署简单,包括创建docker-compose.yml文件,启动服务,复制持久化目录并挂载。配置涉及语言选择、数据库设置、账号创建和系统配置。支持添加、删除链接,自定义主题,以及上传背景图。LinkStack是管理多链接的有效工具,有望进一步发展。

最近在浏览 GitHub 时发现了一个非常有趣的项目。通常情况下,当我们想在社交媒体或其他平台分享我们的个人博客网址或代码仓库等链接时,只能分享一个链接。但是,这个项目让我们能够通过简单的配置生成一个可以分享多个链接的炫酷页面。这个项目就是 LinkStack。今天我想和大家分享如何使用 Docker Compose 部署和使用它。

项目介绍

官方地址:https://linkstack.org/

github地址:https://github.com/LinkStackOrg/LinkStack

效果图

_20240516231039.jpg

博主地址:http://linkstack.xiuji.mynatapp.cc

LinkStack是一个独特的平台,提供了一个高效的解决方案,用于在线管理和分享链接。我们的平台提供了一个类似Linktree的网站,允许用户克服社交媒体平台只能添加一个链接的限制。

通过LinkStack,用户可以轻松链接到他们自己的定制页面,并为他们的关注者提供一个方便的位置,以便访问他们需要的所有链接。LinkStack与其他链接管理平台的不同之处在于其灵活性,允许用户将其链接托管在自己的网络服务器或网络托管提供商上。这为用户提供了对其在线存在的完全控制,并确保他们的链接易于访问。

此外,LinkStack允许其他用户注册并创建自己的链接,使其成为管理多个链接的理想解决方案,适用于企业和组织。通过我们友好的管理面板,管理和访问其他用户的链接变得很容易。

该项目目前在github已有2k star

_20240516214325.jpg

项目部署与配置

第一步:创建docker-compose.yml 文件

首先,我们创建一个部署目录linkstack,并在该目录下创建一个docker-compose.yml文件,内容如下:

docker-compose.yml

version: "3.8"
services:
  linkstack:
    hostname: 'linkstack'
    image: 'linkstackorg/linkstack:latest'
    environment:
      TZ: 'Asia/Shanghai'
      LOG_LEVEL: 'info'
      PHP_MEMORY_LIMIT: '256M'
      UPLOAD_MAX_FILESIZE: '8M'
      # 首次启动的时候注释掉数据卷,启动之后将容器中的/htdocs复制到宿主机中,在放开注释
      #    volumes:
      #      - './data:/htdocs'
    ports:
      - '8180:80'
      - '8190:443'
    restart: always

第二步:启动服务

在docker-compose.yml 的同级目录下执行以下命令,启动容器:

docker-compose up -d

第三步:复制持久化目录并挂载

启动之后使用以下命令查询容器id

docker ps -a | grep linkstack

_20240516215446.jpg

通过容器id将容器中的/htdocs目录复制到我们的部署目录下

 docker cp 1cb617f61144:/htdocs ./data

修改data目录的权限

chmod -R 777 data

修改docker-compose.yml文件,将我们之前注释掉的数据挂载卷放开,并重启服务

_20240516215851.jpg

停止服务

docker-compose down

启动服务

docker-compose up -d

配置服务

启动服务之后我么在浏览器中输入并访问 http://192.168.10.171:8180/

  • 配置语言

_20240516220617.jpg

  • 配置数据库

如果你有mysql数据库的话先创建一个linkstack数据库,并配置,没有mysql的话可以直接使用SQLite,我此处使用的是mysql

_20240516220818.jpg

_20240516221416.jpg

  • 配置账号

_20240516221633.jpg

  • 配置系统配置信息

_20240516221952.jpg

到此,我们就通过的页面的配置了我们的主要信息,如果你还想修改或者详细配置的话可以通过编辑挂在目录下的.env文件进行修改或者配置,配置完记得重启服务。

_20240516222835.jpg

_20240516222707.jpg

使用服务

我们此处只演示下添加链接、配置主题和分享的功能,其它配置及功能家人们可自行研究

  • 登录服务

使用我们配置的账号和密码登录服务

_20240516223022.jpg

_20240516223312.jpg

  • 添加链接

_20240516223957.jpg

  • 配置主题

系统提供了三种主题可供我们选择

_20240516224800.jpg

_20240516224948.jpg

效果如下

_20240516225026.jpg

我们还可以通过光网下载一些别的主题导入进来使用

_20240516225240.jpg

_20240516225411.jpg

如果你对现有的背景图不满意的话也可以自己上传背景图
_20240516230052.jpg

总结

总的来说,linkstack是一个优秀的开源项目,为用户提供了方便快捷的书签管理和分享功能。相信随着时间的推移,linkstack会变得越来越完善,成为更多人的首选工具。

目录
相关文章
|
8月前
|
测试技术 UED Python
App自动化测试:高级控件交互技巧
Appium 的 Actions 类支持在移动应用自动化测试中模拟用户手势,如滑动、长按等,增强交互性测试。ActionChains 是 Selenium 的概念,用于网页交互,而 Actions 专注于移动端。在Python中,通过ActionChains和W3C Actions可以定义手势路径,例如在手势解锁场景中,先点击设置,然后定义触点移动路径执行滑动解锁,最后验证解锁后的元素状态。此功能对于确保应用在复杂交互下的稳定性至关重要。
|
20天前
|
机器学习/深度学习 人工智能 自然语言处理
DiffSensei:AI 漫画生成框架,能生成内容可控的黑白漫画面板,支持多角色和布局控制
DiffSensei 是一个由北京大学、上海AI实验室及南洋理工大学共同推出的AI漫画生成框架,能够生成可控的黑白漫画面板。该框架整合了基于扩散的图像生成器和多模态大型语言模型(MLLM),支持多角色控制和精确布局控制,适用于漫画创作、个性化内容生成等多个领域。
86 18
DiffSensei:AI 漫画生成框架,能生成内容可控的黑白漫画面板,支持多角色和布局控制
|
2月前
|
编解码 前端开发 UED
网页设计中图标的重要性及其两种主要形式:传统网页图标与字体图标。传统图标视觉效果丰富但文件较大
本文探讨了网页设计中图标的重要性及其两种主要形式:传统网页图标与字体图标。传统图标视觉效果丰富但文件较大,字体图标体积小且易于维护,但视觉表现较简单。文章还介绍了它们的实际应用案例及使用时的注意事项,旨在帮助设计师根据项目需求选择合适的图标形式,提升网页的美观性和用户体验。
42 7
|
6月前
|
UED
软件开发常见流程,好的用户体验,智能引导助手,介绍软件相关操作,会画个键盘,对键盘的相关键进行标注,效果动态展示图怎样画????弄一个图标,相关介绍
软件开发常见流程,好的用户体验,智能引导助手,介绍软件相关操作,会画个键盘,对键盘的相关键进行标注,效果动态展示图怎样画????弄一个图标,相关介绍
|
5月前
|
C# 开发者 Windows
全面指南:WPF无障碍设计从入门到精通——让每一个用户都能无障碍地享受你的应用,从自动化属性到焦点导航的最佳实践
【8月更文挑战第31天】为了确保Windows Presentation Foundation (WPF) 应用程序对所有用户都具备无障碍性,开发者需关注无障碍设计原则。这不仅是法律要求,更是社会责任,旨在让技术更人性化,惠及包括视障、听障及行动受限等用户群体。
101 0
|
7月前
|
JavaScript 数据安全/隐私保护 开发者
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
推荐开源图片编辑器,基于fabric.js和Vue开发,适合海报、Logo等设计场景。拥有4.4K GitHub Stars,特性包括自定义字体、素材、模板,支持插件扩展、右键菜单及快捷键。提供图片滤镜、裁剪、拖拽、PSD导入、水印设置和分类素材管理。适用于非专业设计者,易于二次开发。
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
|
7月前
|
编解码 前端开发 JavaScript
带您一步步构建一个基本的动态新闻网站,包括页面布局、样式设计以及交互效果的实现
【6月更文挑战第14天】构建动态新闻网站实战项目,涉及页面布局、样式设计和交互实现。首页采用顶部导航栏、轮播图和新闻列表布局;新闻列表页按分类显示新闻,详情页展示完整内容并可添加相关推荐和评论。设计注重色彩搭配、字体选择和布局间距,实现轮播图效果、导航栏交互和响应式设计,提升用户体验。该项目有助于锻炼HTML和CSS技能,理解网页设计实际应用。
227 1
|
8月前
|
前端开发 JavaScript
扁平化菜单功能制作
扁平化菜单功能制作
扁平化菜单功能制作
文字处理技术:与布局相关的功能
文字处理技术:与布局相关的功能
104 0
|
存储 人机交互 UED
网站导航设计方法总结
网站导航设计攻略
1019 0