动态个人导航页(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

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

    收藏一下,有空整来玩玩

  2. 1917178470

    看看,膜拜一下

  3. LAzySleep

    继续加油哦,争取发表更多优秀帖子

  4. 哈哈哈132

    收藏一下

  5. 1874

    看看,膜拜一下

  6. LAzySleep

    感谢分享,谢谢楼主,赞

  7. seatom

    继续加油哦,争取发表更多优秀帖子

  8. seatom

    感谢分享,谢谢楼主,赞

  9. seatom

    又学习到了,写的非常好😁

  10. 无18799

    收藏一下

  11. 萝卜头

    谢谢,分享学习了

  12. LAzySleep

    又学习到了,写的非常好😁

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