Vue与UserEcharts、DataV的协同

什么是 LinkStack ？

安装

在群晖上以 Docker 方式安装。

docker cli 安装

如果你熟悉命令行，可能用 docker cli 更快捷

# 新建文件夹 linkstack 和 子目录
mkdir -p /volume1/docker/linkstack/data

# 进入 linkstack 目录
cd /volume1/docker/linkstack

# 创建卷
docker volume create \
    --driver local \
    --opt type=none \
    --opt o=bind \
    --opt device=/volume1/docker/linkstack/data \
    linkstack_data

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name linkstack \
   -p 8190:80 \
   -v $(pwd)/data:/opt/app/backend/data \
   -e TZ=Asia/Shanghai \
   -e LOG_LEVEL=info \
   -e PHP_MEMORY_LIMIT=256M \
   -e UPLOAD_MAX_FILESIZE=8M \
   linkstackorg/linkstack:latest

环境变量：

• SERVER_ADMIN (使用邮件， 缺省值为： you@example.com)
• HTTP_SERVER_NAME (服务器域名或者 IP + 端口，缺省值为： localhost)
• HTTPS_SERVER_NAME (服务器域名或者 IP + 端口，缺省值为： localhost)
• LOG_LEVEL (日志级别，缺省值为：info)
• TZ (时区设置，缺省值为： UTC)
• PHP_MEMORY_LIMIT (最大内存限制，缺省值为：256M)
• UPLOAD_MAX_FILESIZE (最大上传文件大小，缺省值为：8M)

docker-compose 安装

也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

version: '3'

services:
  linkstack:
    image: linkstackorg/linkstack:latest
    container_name: linkstack
    restart: unless-stopped
    ports:
      - 8190:80
    volumes:
      - linkstack_data:/htdocs
    environment:
      - TZ=Asia/Shanghai
      - LOG_LEVEL=info
      - PHP_MEMORY_LIMIT=256M
      - UPLOAD_MAX_FILESIZE=8M

volumes:
  linkstack_data:
    driver: local
    driver_opts:
      type: 'none'
      o: 'bind'
      device: '/volume1/docker/linkstack/data'

然后执行下面的命令

# 新建文件夹 linkstack 和 子目录
mkdir -p /volume1/docker/linkstack/data

# 进入 linkstack 目录
cd /volume1/docker/linkstack

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:8190 就能看到设置界面

设置向导

虽然支持多语言，但是没找到中文

接下来是检测环境，因为是采用的 docker 方式部署的，直接跳过就好了

数据库支持 SQLite 和 MySQL，这次老苏选择了 SQLite

接下来创建管理员账号

设置站点的功能，比如是否允许注册，是否需要验证邮件地址等等，可以根据自己的需要进行调整

完成设置后，终于到了主界面

用前面设置的管理员账号登录

看到主界面了

添加链接

Links --> Add new Link

还是以老苏的博客为例

点 Save 保存

再加几个之后

点 View Page 浏览下效果

参考文档