个人导航页 – HomeNavigation

共计 1572 个字符，预计需要花费 4 分钟才能阅读完成。

演示图

介绍

程序的起因是因为家里申请了公网 IP，因此购置了一套服务器在家里放着。但是方便操作和记忆，因为写了此导航来可以快速的从内网或者外网访问家里的某些服务，通知导航页面也支持密码访问，登录一次之后便会生成 Cookie，默认 30 天有效期。通过密码来阻挡外人访问页面

演示地址：https://navigation.6b7.org/

Docker 部署

// 第一步：创建映射文件夹并进入
mkdir HNconfig && cd HNconfig
 
// 第二步：下载配置文件
wget https://ghproxy.com/https://github.com/nuanxinqing123/HomeNavigation/blob/master/conf/config.json
 
// 第三步：运行 Docker image
docker run -itd --name HomeNavigation -v $PWD:/conf -p 8082:8100 nuanxinqing123/home_navigation:1.6

好了，部署完成。如果需要修改前端的显示内容，直接修改 HNconfig/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": ""},"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": "",
      // 页脚文字颜色 (支持颜色的英文单词和十六进制颜色值)
      "AColor": ""
    }
}

  添加新的站点

新站点

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

  新页脚

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

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

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

配置文件说明

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

项目仓库

Github：https://github.com/nuanxinqing123/HomeNavigation

下载地址：https://github.com/nuanxinqing123/HomeNavigation/releases

了解更多信息，请前往我的仓库查看