NAS部署个人主页!开源,高自由度,简单易用,分分钟搭建
大家好,又见面了~
不知道屏幕前的各位有没有搭建个人主页?最近一直在翻相关的项目,终于是找到一个感觉不错的!总结来说,它就是一个可以高度自定义的个人链接聚合页。

页面内容基本都支持自定义,咱们可以把各种社交平台链接添加到上面,并且自带后台,方便修改。

部署流程
代码如下
version: "3.3"
services:
linkstack:
image: linkstackorg/linkstack:latest
container_name: linkstack
hostname: linkstack
environment:
- TZ=Asia/Shanghai
- LOG_LEVEL=info
- PHP_MEMORY_LIMIT=400M
- UPLOAD_MAX_FILESIZE=16M
volumes:
- linkstack_data:/htdocs
ports:
- '8819:80' # http 冒号左侧端口可改
- '8820:443' # https 冒号左侧端口可改
restart: unless-stopped
volumes:
linkstack_data:
主要环境变量,想要配置就改好加到上面
- SERVER_ADMIN (电子邮件,默认为you@example.com)
- HTTP_SERVER_NAME=你的域名 # 做反代就填上你的域名,下同 例:link.xxx.com
- HTTPS_SERVER_NAME=你的域名
- LOG_LEVEL (日志级别,默认为info)
- TZ (时区,默认为UTC)
- PHP_MEMORY_LIMIT (内存限制,默认为256M)
- UPLOAD_MAX_FILESIZE (最大上传限制,默认为8M)
威联通用户:
老样子,打开Container Station,点击【应用程序】进行创建

创建完毕后,以上文代码,本地Web端应输入 NAS_IP:8819 ,即可访问
其它平台:
ssh进入后台,输入以下指令
# 在我们习惯存放docker的目录下创建文件夹
mkdir -p /root/docker/data/linkstack
# 进入创建的文件夹
cd /root/docker/data/linkstack
# 创建docker-compose.yml文件夹
vim docker-compose.yml
会出现一个弹窗,将上面的代码复制粘贴进去,英文输入状态下按"i"即可进行修改

修改完毕后,按下“esc”,再同时按下“shift和:”,英文状态输入“wq”并回车,即可保存
接着输入以下命令:
理论上现在 Web端输入 http://ip:8819 也可进行访问
反向代理
可参考这两篇
使用NPM做反代,这里得选择https,端口号也注意,其它没什么改动

整个部署到这儿便完成啦,觉得不错的朋友记得点赞、收藏、关注
后续为使用介绍,咱们继续
初始引导
首次登陆界面,这个默认自动根据时间切换白天夜间,选择语言中没有中文,这个先别急。保持默认,点击【NEXT】

点击【NEXT】

数据库支持 SQLite 和 MySQL,我选择第一个,咱们要是部署了MySQL数据库,可以进行填写。继续点击【NEXT】

输入邮箱、密码、名称之类,邮箱和密码会作为后续登陆凭证。点击【NEXT】

这一页面可以默认,后续可以在控制台修改
是否允许注册
是否要验证邮箱(注册时)
是否把你的页面设置为主页
项目名字

点击【Finish setup】
初始HOME界面如下图所示,点击【Log in】,登陆进去看看

右上角有更新选项,可以选择手动或自动更新,最新版本为v4.7.7。我选的自动更新


使用教程
主要是配置相关,管理用户、账户设置、安全设置、注册相关那些就不罗嗦了

先改中文,按照下图位置,点击【Confgi(配置)】,拉到最底选择'zh',等待页面缓冲完毕即可


格局调整改完中文后,主页面很丑,我们要进入后台进行调整,主要是把下图红框内容去掉。

依然是配置界面,进行首页修改,不要选择默认。

下拉找到页脚链接,可以把【显示页脚】和【在用户页面上显示信用】关掉

当然有需要的话可以在此页面进行内容编辑,也支持重定向、单独显示隐藏;左侧栏管理菜单的页脚页面,点进去可以编辑条款、隐私、联系的内容

站点定制
下图才是默认的真正首页,但咱们在上一步操作改掉了;访问IP后面加上home并回车就能跳转,图内一些注释可以看看

上传图片,修改首页信息并保存

刷新后会得到以下界面,大伙可以对比变化

到这儿基本收拾个大概,接下来进行首页内容填充

添加链接
预定义网站:有成品的图标样式,选择对应平台,命名并输入URL保存即可
自定义链接:自主命名并填写URL,=保存的时候支持启用网站图标
其它选项顾名思义,大伙可以自行试验

点击左侧【个性化】-【链接】,可以查看并编辑所有的链接;自定义链接可以再点击小齿轮进行自定义设置

支持CSS

编辑保存后返回,继续下拉会有页面图标设置,仅需将我们的对应主页URL粘贴并保存即可

这两项结合,会实现如下效果:

哔哩哔哩自定义链接,我胡乱编辑了一下;网站图标因网络情况而异,显示可能会有延时,我第一次部署完隔天打开后才正常显示

外观
基于上面步骤,加点喜欢的东西上去

效果如下


选择主题
可以去网站下载主题,也支持自定义背景;上传后选择主题,即可更换

自定义背景

下载和上传主题,擅长的朋友可以自制主题,还可上传到库里分享

另外配置中用编辑器就可以修改环境变量,一旁的高级配置也支持编辑,让我们自定义个人网站配置

还有一些其它项目也都挺好玩,比如下面的开启维护模式

生深层次的编辑还请各位自行研究了~
本篇到此结束,感谢观看!


Creat_wu
校验提示文案
雲苏
校验提示文案
kuenshow
校验提示文案
羊刀仙
校验提示文案
剑轻吟
校验提示文案
防污型针式高压绝缘子
校验提示文案
雲苏
校验提示文案
nambartim
校验提示文案
kuenshow
校验提示文案
nambartim
校验提示文案
雲苏
校验提示文案
雲苏
校验提示文案
剑轻吟
校验提示文案
防污型针式高压绝缘子
校验提示文案
Creat_wu
校验提示文案
羊刀仙
校验提示文案