查看: 18|回复: 0

[教程] 在绿联NAS上面部署可道云kodbox网盘

[复制链接]

6

主题

0

回帖

40

积分

管理员

积分
40
发表于 昨天 19:49 | 显示全部楼层 |阅读模式
在绿联NAS上面部署可道云kodbox网盘

1.镜像仓库搜索:kodcloud/kodbox:latest
image-LLrK.png

​2.创建启动容器
/wjian (自定义文件夹)
/var/www/html (容器配置文件夹)
类型:读写
image-dnho.png

3.容器端口配置:
本地端口不要和容器端口冲突,自定义。
image-cqoo.png

4.启动容器 输入容器IP+端口 进行登录
image-uAeF.png

5.配置相关信息
1.第一步:环境检测默认就行,直接点击下一步。
2.第二步:也是默认,然后点击确定。(说明:SQLte内存数据库开发和小型数据,MySQL大型数据,需要自己搭建)。
image-DRty.png

6.设置管理员账号和密码
image-Lrxv.png

设置完密码,点确定进入登录界面
image-DzWi.png

部署可道云教程结束。

相关设置:
image-ndoo.png

image-CiPx.png

【填入下面CSS代码】
这里修改了很多界面美化、优化效果

  1. /*----------------分享页底部信息和白条---------------- */
  2. .common-footer .footer-content {
  3.     display: none
  4. }

  5. .app-wap-small .share-page-main div.content-box {
  6.     height: 100%;
  7. }

  8. .page-model-login .common-footer, .install-box .common-footer {
  9. display: none;
  10. }

  11. .mb-20 {
  12.     display: none;
  13. }

  14. /*不显示桌面官方信息按钮 */
  15. #app.app-desktop .taskbar-right .taskbar-item {
  16. display: none;
  17. }

  18. /*不显示桌面更换壁纸的风车 */
  19. #app.app-desktop .random-wallpaper {
  20.     display: none;
  21. }

  22. /*手机端不显示左上角桌面菜单 */
  23. .app-wap-small .menuBar .menu-group-submenu {
  24.     display: none;
  25. }

  26. /*免费版按钮隐藏 */
  27. li.license-free.ripple-item.hover-animate-ignore {
  28.     background-color: #fff!important;
  29.     display: none!important;
  30. }

  31. /*关于按钮隐藏 */
  32. li.copyright-show.ripple-item {
  33.     display: none!important;
  34. }

  35. /*列表样式间距 */
  36. .app-wap-small .frame-main-explorer .bodymain .file-list-list {
  37.     width: 99%!important;
  38.     margin-left: 5px;
  39.     margin-right: auto;
  40.     margin-top: 6px;
  41. }

  42. /*列表页文件右边...位置对齐 */
  43. @media(max-width: 736px) {
  44. .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu {
  45.     right: 7px!important;
  46. }}

  47. /*手机端顶部导航条颜色 */
  48. .app-wap-small .menuBar {
  49.     background: linear-gradient(
  50. 30deg, #3fa9f7, #348fd5)!important;
  51. }
  52. /*电脑端左边导航条颜色 */
  53. .menuBar {
  54.     background-color: #348fd5!important;
  55.     background-image: linear-gradient(
  56. 180deg, #176caf 0, rgba(20,58,213,0) 37%)!important;
  57. }
  58. .menuBar .logo {
  59.     background-color: rgba(0,0,0,0)!important;
  60. }

  61. /*树形菜单去掉二级展开箭头 */
  62. .frame-main-explorer .frame-left .ztree ul.level0 a.level1 span.button.switch {
  63. display: none!important;
  64. }

  65. /*树形菜单类目左边空开间距 */
  66. .ztree li span.tree_icon {
  67.     margin-left: 6px!important;
  68. }

  69. /*树形菜单删除【与我协作】【收藏夹】菜单 */
  70. .level1.tree-node.menu-default-tree {
  71.     display: none!important;
  72. }

  73. /*树形菜单首页下的子文件夹左移 */
  74. .frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch {
  75.     margin-left: -26px!important;
  76. }

  77. /*----------------右侧文件四周线条边框去掉---------------- */
  78. .file-continer .file.file-focus {
  79.     border-color: #eee0!important;
  80. }
  81. .bodymain .file-continer .file.file-focus.file-icon-edit, .bodymain .file-continer .file.file-focus.context-menu-active, .bodymain:focus .file-continer .file.file-focus, .bodymain .file-continer-main:focus .file-continer .file.file-focus {
  82.     border-color: #3972a100!important;
  83. }

  84. /*PC端指向文件名-重命名按钮背景调整 */
  85. .file-list-icon .file .title-rename {
  86.     background: rgb(255 255 255 / 90%)!important;
  87. }

  88. /*属性-版本-隐藏底部购买信息 */
  89. .file-panel .panel-history .bottom-tips {
  90.     display: none!important;
  91. }

  92. /*登录页隐藏【客户端下载】按钮 */
  93. .client-download {
  94.     display: none!important;
  95. }

  96. /*----------------手机端顶部对齐整体调整------------------- */
  97. @media(max-width: 736px) {
  98. .app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn {
  99.     margin-left: 7px!important;
  100. }}

  101. @media(max-width: 736px) {
  102. .app-wap-small .frame-main-explorer .frame-header .header-content .header-address {
  103.     left: 46px!important;
  104. }}

  105. @media(max-width: 736px) {
  106. .menuBar .logo img {
  107.     margin-left: 4px!important;
  108. }}

  109. @media(max-width: 736px) {
  110. .app-wap-small .menuBar .menu-group-user {
  111.     margin-right: 7px!important;
  112. }}

  113. @media(max-width: 736px) {
  114. .app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm {
  115.     margin-right: 2px!important;
  116. }}

  117. @media(max-width: 736px) {
  118. .menuBar .menu-group-user .avata {
  119.     box-shadow: 1px 1px 2px rgb(0 0 0 / 0%)!important;
  120.     margin-top: -2px!important;
  121. }}

  122. /*----------------手机端LOGO调整------------------- */
  123. @media(max-width: 736px) {
  124. .app-wap-small .menuBar .logo a {
  125.     margin-top: 0px!important;
  126. }}

  127. @media(max-width: 736px) {
  128. .menuBar .logo a {
  129.     width: 110%!important;
  130. }}

  131. /*----------------切换大小图标按钮点击时没有背景灰框------------------- */
  132. @media(max-width: 736px) {
  133. .app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm> .btn:active, .app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm> .btn:focus {
  134.     background: #fff0!important;
  135. }}

  136. /*----------------手机端搜索按钮位置调整------------------- */
  137. @media(max-width: 736px) {
  138. .app-wap-small .frame-main-explorer .frame-header .header-right .search-box .start-search, .app-wap-small .frame-main-explorer .frame-header .header-right .search-box .search-more, .app-wap-small .frame-main-explorer .frame-header .header-right .search-box .search-clear {
  139.     margin: 0px 4px 0px 0px!important;
  140. }}

  141. /*----------------手机端顶部弹出框架对齐------------------- */
  142. @media(max-width: 736px) {
  143. .app-wap-small .menuBar .dropdown-menu {
  144.     margin-top: 0px!important;
  145. }}

  146. @media(max-width: 736px) {
  147. .app-wap-small .menuBar .menu-dropdown-notice {
  148.     margin-right: -52px!important;
  149. }}

  150. @media(max-width: 736px) {
  151. .app-wap-small .menuBar .menu-dropdown-notice .menu-arrow {
  152.     right: 68.5px!important;
  153. }}

  154. /*----------------手机端站内消息通知改色------------------- */
  155. @media(max-width: 736px) {
  156. .menuBar .menu-dropdown-notice .header {
  157.     background: #f7ba29!important;
  158.     color: #fff!important;
  159. }}

  160. @media(max-width: 736px) {
  161. .menuBar .menu-dropdown-notice .header span.remove i {
  162.     color: #725206!important;
  163. }}

  164. /*----------------手机端搜索框与图标对齐------------------- */
  165. @media(max-width: 736px) {
  166. .app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-right .search-box {
  167.     left: 10px!important;
  168.     right: 10px!important;
  169. }}

  170. /*----------------字体大小调整------------------- */
  171. .app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer {
  172.     font-size: 14px;
  173. }




  174. /*----------------树形菜单展开目录线条透明------------------- */
  175. .frame-left .ztree ul:before, .frame-left .ztree ul:after {
  176.     background: rgb(0 0 0 / 0%)!important;
  177. }
  178. /*----------------树形菜单隐藏二级子目录------------------- */
  179. .frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch {
  180.     display: none;
  181. }

  182. /*----------------隐藏【每页500条】框架------------------- */
  183. @media(max-width: 736px) {
  184. .app-wap-small .frame-main-explorer .file-page .my-page-box {
  185.     display: none!important;
  186. }}

  187. /*----------------电脑端隐藏【列表】【分栏】模式------------------- */
  188. @media screen and (min-width: 1024px) {
  189. .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  190.     display: none!important;
  191. }}

  192. /*----------------外部盘的底部警告提示隐藏------------------- */
  193. .bodymain .folder-tips {
  194.     display: none!important;
  195. }

  196. /* -------------隐藏升级弹窗------------- */
  197. .dialog-copyright, .check-version-dialog {
  198.     display: none!important;
  199. }

  200. /* -------------视频时间戳错位修复------------- */
  201. .file-list-icon .file .meta-info .play-time {
  202.     right: 0!important;
  203.     top: 100%!important;
  204. }

  205. /* -------------修改代码后的错误弹窗------------- */
  206. .kui-notify .kui-notify-box .kui-notify-item {
  207.     display: none!important;
复制代码

image-XPKN.png

image-GDJc.png

删掉其他文件包,只保留【个人空间】
image-XATc.png



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

两袖清风QQ : 125318845 、QQ群:605379989 、E-mail :125318845@qq.com 。

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|苏ICP备2025181899号-4|苏公网安备32080402000559号

QQ客服返回顶部