动态个人导航页(Windows,Linux,Docker)

动态个人导航页(Windows,Linux,Docker)

动态个人导航页(Windows,Linux,Docker)

简介

看着大家都在发帖子,我这个咸鱼也来投稿一下。程序的起因是因为家里申请了公网IP,因此购置了一套服务器在家里放着。但是方便操作和记忆,因为写了此导航来可以快速的从内网或者外网访问家里的某些服务

项目仓库:https://github.com/nuanxinqing123/HomeNavigation

演示地址(不符合规定请删除):https://navigation.6b7.org/

Docker部署

docker-compose安装

# 下载二进制文件
sudo curl -L "https://github.com/docker/compose/releases/download/v2.2.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

# 可执行权限应用于二进制文件
sudo chmod +x /usr/local/bin/docker-compose

# 创建软链
sudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose

# 测试是否安装成功
docker-compose --version

docker-compose部署

// 第一步:克隆仓库并进入
git clone https://github.com/nuanxinqing123/HomeNavigation && cd HomeNavigation

// 第二步:运行Docker
# 启动
docker-compose up -d
# 停止
docker-compose down

好了,部署完成。如果需要修改前端的显示内容,直接修改 conf/config.json里面的内容就好了。还有就是启动命令默认是8082端口,大家自行修改一下

Tips:因为版本更新可能会变动json文件。所以推荐更新之前先把原来的json文件修改名字,下载新的json文件之后把原来的内容再拷贝过去

config.json 文件

{
  "Index": {
    // 网站LOGO(支持相对&绝对路径、支持图床外链)
    "Logo": "img/logo.png",
    // 网站ico(支持相对&绝对路径、支持图床外链)
    "Favicon": "img/favicon.ico",
    // 网站标题
    "Title": "Cloud Services"
  },
  "SoftWare": {
    // 程序运行端口(修改后重启生效)      
    "port": "8100",
    // 访问密码(“”留空代表关闭密码访问,实时生效)
    "password": "",
    // 内外网模式【N为内网,W为外网(大写 & 必填)】
    "Mode": ""
  },
  "Data": [
    {
      // 显示顺序(不可以重复)   
      "id": 1,
      // 图标标题
      "title": "我的博客",
      // 图标图片(支持相对&绝对路径、支持图床外链)
      "ico": "img/png/AppStore.png",
      // 外网访问地址(可空)
      "w_link": "https://6b7.org/",
      // 内网访问地址(可空)  
      "n_link": "https://6b7.org/"
    }
  ],
    "Footer":[
      // 页脚网站信息,同上:可以使用 {} 增加显示项目,但是推荐不要超过3个
      {
        "Text": "",
        // TextLink如果不需要可以空着,这样前端就不会渲染 a 标签
        "TextLink": ""
      }
    ],
    "FooterStyle":{
      // Web背景图片(推荐图床外链)
      "Background": "",
      // LOGO下方文字颜色(支持颜色的英文单词和十六进制颜色值)
      "LColor": "#E1DFCD",
      // 图标下方文字颜色(支持颜色的英文单词和十六进制颜色值)
      "SColor": "#E1DFCD",
      // 页脚文字颜色(支持颜色的英文单词和十六进制颜色值)
      "FColor": "#E1DFCD"
    }
}

添加新的项目

新站点

    {
  "id":,
  "title": "",
  "ico": "",
  "w_link": "",
  "n_link": ""
}

新页脚

    {
  "Text": "",
  "TextLink": ""
}

如果需要添加新的站点到页面,请在Data的 [ ] 里面按照如上格式添加。

Tips:所有的 { } 后面都需要添加一个英文逗号,除了最后一个 { }

配置文件说明

以上配置文件是整个程序的所有配置项,由于程序采用JSON文件实时读取的方式,所以修改配置过后均可实时生效(除了端口需要重启生效)。

前端模板说明

模板经过修改,原版模板来自于:http://www.wdmomo.fun:81/home/

-> 加入科技玩家交流群组:点击加入 注意:
1.文中二维码和链接可能带有邀请性质,请各位玩家自行抉择。
2.请勿通过链接填写qq号与密码、银行卡号与密码等个人隐私信息。
3.禁止纯拉人头,拉app注册等信息,发现必小黑屋。
4.同一种信息仅发一次,多发会被删除。
5.文章中源码或APP等,无法保证其绝对安全,需自行辨别。
6.文章关联方不想展示也可以微信站长“socutesheep”删除。
本文由 @☀暖心情 发布。如若转载,请注明出处: 科技玩家 » 动态个人导航页(Windows,Linux,Docker)

给TA买糖
共{{data.count}}人
人已买糖
教程玩家投稿精选文章

  V2P搭建心得体会

2021-12-6 17:03:00

教程玩家投稿精选文章

群晖虚拟机vlw对接傻妞,适用本地虚拟机无公网

2021-12-7 1:06:10

95 条回复 A文章作者 M管理员
贴心提醒
请认真对待作者付出,勿发表无意义言论,触发过滤规则的评论将无法提交,包含敏感词的评论会自动变成待审核状态哦。
  1. 幻念

    辛苦了,学习一下

  2. 84896150

    无尽的折腾

  3. 七年

    瞅瞅瞅瞅,mark一手

  4. woody

    这个好,一直在找非群辉NAS版本

  5. woody

    你好,很好用,但是有个问题请教下, 网站ico 和名字 怎么改?

  6. slimei

    感谢分享,插眼学习

  7. 七年

    感谢分享,插眼学习

  8. 84896150

    优秀,学习一下

  9. 84896150

    太强了,赞一个

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索