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会变得越来越完善,成为更多人的首选工具。

目录
相关文章
|
28天前
|
编解码 前端开发 UED
网页设计中图标的重要性及其两种主要形式:传统网页图标与字体图标。传统图标视觉效果丰富但文件较大
本文探讨了网页设计中图标的重要性及其两种主要形式:传统网页图标与字体图标。传统图标视觉效果丰富但文件较大,字体图标体积小且易于维护,但视觉表现较简单。文章还介绍了它们的实际应用案例及使用时的注意事项,旨在帮助设计师根据项目需求选择合适的图标形式,提升网页的美观性和用户体验。
33 7
|
2月前
|
数据采集 监控 安全
厂区地图导航制作:GIS技术与路径导航算法融合
在智能化、数字化时代,GIS技术为厂区的运营管理带来了革命性变化。本文探讨了如何利用GIS技术,通过数据采集、地图绘制、路径规划、位置定位和信息查询等功能,打造高效、精准的智能厂区地图导航系统,提升企业的竞争力和管理水平。
84 0
厂区地图导航制作:GIS技术与路径导航算法融合
好的设计,文本-------------------字体嵌入,图形化管理技术,当你搜索,或者关注某个具体的地方,可以引入一种使用图形进行外标,比如方框,以更快找到该内容
好的设计,文本-------------------字体嵌入,图形化管理技术,当你搜索,或者关注某个具体的地方,可以引入一种使用图形进行外标,比如方框,以更快找到该内容
|
6月前
|
编解码 前端开发 JavaScript
带您一步步构建一个基本的动态新闻网站,包括页面布局、样式设计以及交互效果的实现
【6月更文挑战第14天】构建动态新闻网站实战项目,涉及页面布局、样式设计和交互实现。首页采用顶部导航栏、轮播图和新闻列表布局;新闻列表页按分类显示新闻,详情页展示完整内容并可添加相关推荐和评论。设计注重色彩搭配、字体选择和布局间距,实现轮播图效果、导航栏交互和响应式设计,提升用户体验。该项目有助于锻炼HTML和CSS技能,理解网页设计实际应用。
210 1
|
7月前
|
前端开发 JavaScript
扁平化菜单功能制作
扁平化菜单功能制作
扁平化菜单功能制作
html+css实战179-快捷导航布局-内容
html+css实战179-快捷导航布局-内容
109 0
html+css实战179-快捷导航布局-内容
|
JavaScript 前端开发 Java
从零开始实现放置游戏(九)——实现后台管理系统(7)地图选择控件
前面做了地图怪物的添加,删除,查询等功能。但添加怪物的时候,需要选择怪物所在地图。前几张的源代码中,我忘了把这部分改回去,所以如果想要成功添加,需要自己改一下html界面,手动填写怪物所在地图的ID。然而,我们配置的时候,地图ID并不是固定的,而是数据库自增的。所以这里最好做成一个弹窗,点击后弹出一个地图列表,让我们手动选择怪物所在地图。   本章我们就实现这样一个弹窗控件,实现对地图的选择。后面如果有选择怪物,选择装备等需求,都可照猫画虎。
从零开始实现放置游戏(九)——实现后台管理系统(7)地图选择控件
|
缓存 定位技术 开发工具
百度地图开发-与地图的交互功能 06
百度地图开发-与地图的交互功能 06
237 0
文字处理技术:与布局相关的功能
文字处理技术:与布局相关的功能
102 0
|
存储 人机交互 UED
网站导航设计方法总结
网站导航设计攻略
1013 0