Linux系统之部署envlinks极简个人导航页

简介: 【4月更文挑战第11天】Linux系统之部署envlinks极简个人导航页

一、envlinks介绍

1.1 envlinks简介

  • envlinks简介

    envlinks是一个极简主义的链接仪表板,仅使用环境变量进行配置,可用作个人书签主页及导航页。

1.2 envlinks特点

  • 快速加载:envlinks极简导航页采用了优化的加载方式,页面加载速度快,用户可以迅速找到自己需要的导航链接,提高了导航的效率。

  • 自定义导航:envlinks极简导航页允许用户自定义导航链接,用户可以根据自己的需求添加、删除或调整导航链接的顺序,个性化使用体验。

  • 界面简洁:envlinks极简导航页的界面设计简洁清晰,没有多余的装饰和复杂的布局,用户可以一目了然地找到所需的导航链接。

  • 快速搜索:当网页书签过多时,可以在首页的搜索框快速检索。

1.3 envlinks使用场景

  • 个人常用网站导航:Envlinks可以作为一个个人常用网站的导航页,用户可以将自己经常访问的网站添加到导航页中,方便快速访问。
  • 工作流程导航:Envlinks可以根据用户的工作流程进行定制,将常用的工具和资源链接添加到导航页中,提高工作效率。
  • 学习和研究导航:对于学生、研究人员或自学者来说,Envlinks可以帮助他们整理和管理学习和研究所需的网站和工具链接,便于快速查找和使用。
  • 团队协作导航:在团队协作中,可以使用Envlinks来共享团队成员常用的工具和资源链接,提高团队协作效率。
  • 活动或项目导航:对于临时性的活动或项目,可以使用Envlinks来集中管理与该活动或项目相关的网站和工具链接,方便参与者查找和使用。
  • 个性化导航页:Envlinks支持用户自定义导航页的背景和样式,用户可以根据自己的喜好和需求进行个性化定制,打造独特的导航页。
  • 公共导航资源:Envlinks的链接可以通过分享或导出分享给其他用户,用户可以共享自己的常用网站和工具链接,或者获取其他用户分享的链接,扩充自己的导航资源。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境,操作系统版本为centos7.6。

hostname 本地P地址 操作系统版本 内核版本 node版本
jeven 192.168.3.166 centos 7.6 3.10.0-957.el7.x86_64 v16.17.0

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境;
2.在centos7.6环境下部署envlinks极简个人导航页。

2.3 Yarn介绍

  • Yarn是一个JavaScript包管理工具,由Facebook开发,旨在提高包的下载速度和稳定性。它可以替代NPM进行包的安装、更新、卸载等操作。

三、检查本地环境

3.1 检查本地操作系统版本

检查本地操作系统版本,当前版本为centos 7.6。

[root@jeven ~]# cat /etc/os-release
NAME="CentOS Linux"
VERSION="7 (Core)"
ID="centos"
ID_LIKE="rhel fedora"
VERSION_ID="7"
PRETTY_NAME="CentOS Linux 7 (Core)"
ANSI_COLOR="0;31"
CPE_NAME="cpe:/o:centos:centos:7"
HOME_URL="https://www.centos.org/"
BUG_REPORT_URL="https://bugs.centos.org/"

CENTOS_MANTISBT_PROJECT="CentOS-7"
CENTOS_MANTISBT_PROJECT_VERSION="7"
REDHAT_SUPPORT_PRODUCT="centos"
REDHAT_SUPPORT_PRODUCT_VERSION="7"

3.2 检查系统内核版本

检查系统内核版本,当前内核版本为3.10.0-957.el7.x86_64。

[root@jeven ~]# uname -r
3.10.0-957.el7.x86_64

3.3 检查系统是否安装yarn

检查系统是否安装yarn

[root@jeven ~]# yarn -v
bash: yarn: command not found...

四、部署Node.js 环境

4.1 下载Node.js安装包

下载Node.js安装包

wget https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.xz

4.2 解压Node.js安装包

解压Node.js安装包

tar -xvJf node-v16.17.0-linux-x64.tar.xz

在这里插入图片描述

4.3 创建软链接

采用创建软链接的方法,使得在任意目录下都可以直接使用node和npm命令。

ln -s /root/node-v16.17.0-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v16.17.0-linux-x64/bin/npm /usr/local/bin/npm

4.4 配置环境变量

  • 在/etc/profile文件中,新增以下两行:
export NODE_HOME=/root/node-v16.17.0-linux-x64/bin/
export PATH=$PATH:$NODE_HOME:/usr/local/bin/
  • 使变量生效
source /etc/profile

4.5 查看node版本

查看node版本,当前npm版本为8.15.0,node版本为v16.17.0。

[root@jeven ~]# npm -v
8.15.0
[root@jeven ~]# node -v
v16.17.0

五、安装yarn工具

5.1 安装yarn

  • 使用npm全局安装yarn
 npm install -g yarn

在这里插入图片描述

5.2 检查yarn版本

检查yarn版本,当前安装yarn版本为1.22.21。

[root@jeven ~]# yarn --version
1.22.21

六、部署envlinks

6.1 下载软件包

在github下载envlinks软件包

 git clone https://github.com/maxhollmann/envlinks.git

6.2 查看源码目录

查看envlinks源码目录

[root@jeven ~]# tree -L 2 ./envlinks
./envlinks
├── babel.config.js
├── docker-compose.yml
├── docker-entrypoint.sh
├── Dockerfile
├── envlinks-jsonnet
│   ├── helpers.libsonnet
│   └── README.md
├── jest.config.js
├── LICENSE
├── package.json
├── package-lock.json
├── public
│   ├── favicon.png
│   ├── global.css
│   └── index.html
├── README.md
├── rollup.config.js
├── scripts
│   └── setupTypeScript.js
├── src
│   ├── App.svelte
│   ├── filter-links.js
│   ├── filter-links.test.js
│   ├── get-links.js
│   ├── get-links.test.js
│   ├── Layout.svelte
│   ├── Links.svelte
│   ├── Link.svelte
│   ├── main.js
│   └── Search.svelte
└── yarn.lock

4 directories, 27 files

6.2 安装相关依赖

  • 进入envlinks源码目录
 cd envlinks/
  • 安装相关依赖
 yarn install

在这里插入图片描述

6.3 添加书签

在envlinks源码目录下,修改.env文件,添加自己的收藏网址信息。

[root@jeven envlinks]# cat  .env
LINKS_TITLE="Test links"

LINK_0_Google=https://google.com icon:magnify
LINK_1_Wikipedia=https://wikipedia.org icon:book-open-blank-variant
LINK_2_Example=https://example.com icon:close
LINK_3_STACKOVERFLOW=https://stackoverflow.com icon:help-circle-outline name:Stack Overflow
LINK_4_EMACS_SE=https://emacs.stackexchange.com icon:help-circle-outline name:Emacs Stack Exchange
LINK_5_PHYSICS_SE=https://physics.stackexchange.com icon:help-circle-outline name:Physics Stack Exchange
#LINK_5_baidu=https://www.baidu.com icon:help-circle-outline name:Physics baidu#添加个人收藏网址信息

LINK_5_NOICON_NAME="Without icon"
LINK_5_NOICON_URL=https://noicon.com/

LINK_4_NoIcon_NoName=https://google.com/?q=noicon+noname

6.4 启动项目

执行以下命令,启动envlinks项目。

yarn start --host 0.0.0.0

在这里插入图片描述

七、访问envlinks首页

访问地址:http://192.168.3.166:5000,将IP地址替换为自己服务器IP地址。如果无法访问,则查看服务器防火墙是否配置,如果是云服务器,则还需配置安全组端口。

在这里插入图片描述

八、总结

envlinks是一个简洁、灵活和高度可定制的链接仪表板。通过环境变量进行配置,用户可以轻松地添加、删除和修改链接,方便快速访问常用网页。envlinks的跨平台特性和便携性使其可以在不同设备和操作系统上使用,满足用户的各种需求。总体来说,envlinks提供了一种简单而有效的方式来组织和访问链接,提升用户的工作效率和使用体验。

相关文章
|
8天前
|
Web App开发 搜索推荐 Unix
Linux系统之MobaXterm远程连接centos的GNOME桌面环境
【10月更文挑战第21天】Linux系统之MobaXterm远程连接centos的GNOME桌面环境
95 4
Linux系统之MobaXterm远程连接centos的GNOME桌面环境
|
9天前
|
运维 监控 Linux
Linux系统之部署Linux管理面板1Panel
【10月更文挑战第20天】Linux系统之部署Linux管理面板1Panel
52 2
Linux系统之部署Linux管理面板1Panel
|
1天前
|
Ubuntu Linux Shell
Linux 系统中的代码类型或脚本类型内容
在 Linux 系统中,代码类型多样,包括 Shell 脚本、配置文件、网络配置、命令行工具和 Cron 定时任务。这些代码类型广泛应用于系统管理、自动化操作、网络配置和定期任务,掌握它们能显著提高系统管理和开发的效率。
|
4天前
|
关系型数据库 MySQL Linux
Linux系统如何设置自启动服务在MySQL数据库启动后执行?
【10月更文挑战第25天】Linux系统如何设置自启动服务在MySQL数据库启动后执行?
37 3
|
6天前
|
运维 监控 Shell
深入理解Linux系统下的Shell脚本编程
【10月更文挑战第24天】本文将深入浅出地介绍Linux系统中Shell脚本的基础知识和实用技巧,帮助读者从零开始学习编写Shell脚本。通过本文的学习,你将能够掌握Shell脚本的基本语法、变量使用、流程控制以及函数定义等核心概念,并学会如何将这些知识应用于实际问题解决中。文章还将展示几个实用的Shell脚本例子,以加深对知识点的理解和应用。无论你是运维人员还是软件开发者,这篇文章都将为你提供强大的Linux自动化工具。
|
7天前
|
消息中间件 Linux RocketMQ
在Red Hat Enterprise Linux 9上使用Docker快速安装并部署
通过以上步骤,你可以在Red Hat Enterprise Linux 9上使用Docker快速安装并部署RocketMQ。这种方法不仅简化了安装过程,还提供了一个灵活的环境来管理和扩展消息队列系统。RocketMQ作为一款高性能的分布式消息系统,通过Docker可以实现快速部署和高效管理。
22 2
|
8天前
|
消息中间件 Linux RocketMQ
在Red Hat Enterprise Linux 9上使用Docker快速安装并部署
通过以上步骤,你可以在Red Hat Enterprise Linux 9上使用Docker快速安装并部署RocketMQ。这种方法不仅简化了安装过程,还提供了一个灵活的环境来管理和扩展消息队列系统。RocketMQ作为一款高性能的分布式消息系统,通过Docker可以实现快速部署和高效管理。
16 3
|
7天前
|
存储 安全 关系型数据库
Linux系统在服务器领域的应用与优势###
本文深入探讨了Linux操作系统在服务器领域的广泛应用及其显著优势。通过分析其开源性、安全性、稳定性和高效性,揭示了为何Linux成为众多企业和开发者的首选服务器操作系统。文章还列举了Linux在服务器管理、性能优化和社区支持等方面的具体优势,为读者提供了全面而深入的理解。 ###
|
8天前
|
Java Linux 网络安全
NIFI在Linux服务区上的部署配置过程是什么?
【10月更文挑战第21天】NIFI在Linux服务区上的部署配置过程是什么?
26 2
|
6月前
|
缓存 Linux 测试技术
安装【银河麒麟V10】linux系统--并挂载镜像
安装【银河麒麟V10】linux系统--并挂载镜像
1526 0