1.镜像仓库搜索：kodcloud/kodbox:latest
2.创建启动容器
/wjian （自定义文件夹）
/var/www/html （容器配置文件夹）
类型：读写
3.容器端口配置：
本地端口不要和容器端口冲突，自定义。
4.启动容器 输入容器IP+端口 进行登录
5.配置相关信息
1.第一步:环境检测默认就行，直接点击下一步。
2.第二步：也是默认，然后点击确定。（说明：SQLte内存数据库开发和小型数据，MySQL大型数据，需要自己搭建）。
6.设置管理员账号和密码
设置完密码，点确定进入登录界面
部署可道云教程结束。
相关设置：
【填入下面CSS代码】
这里修改了很多界面美化、优化效果
/*----------------分享页底部信息和白条---------------- */
.common-footer .footer-content {
display: none
}
.app-wap-small .share-page-main div.content-box {
height: 100%;
}
.page-model-login .common-footer, .install-box .common-footer {
display: none;
}
.mb-20 {
display: none;
}
/*不显示桌面官方信息按钮 */
#app.app-desktop .taskbar-right .taskbar-item {
display: none;
}
/*不显示桌面更换壁纸的风车 */
#app.app-desktop .random-wallpaper {
display: none;
}
/*手机端不显示左上角桌面菜单 */
.app-wap-small .menuBar .menu-group-submenu {
display: none;
}
/*免费版按钮隐藏 */
li.license-free.ripple-item.hover-animate-ignore {
background-color: #fff!important;
display: none!important;
}
/*关于按钮隐藏 */
li.copyright-show.ripple-item {
display: none!important;
}
/*列表样式间距 */
.app-wap-small .frame-main-explorer .bodymain .file-list-list {
width: 99%!important;
margin-left: 5px;
margin-right: auto;
margin-top: 6px;
}
/*列表页文件右边...位置对齐 */
@media(max-width: 736px) {
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .item-menu {
right: 7px!important;
}}
/*手机端顶部导航条颜色 */
.app-wap-small .menuBar {
background: linear-gradient(
30deg, #3fa9f7, #348fd5)!important;
}
/*电脑端左边导航条颜色 */
.menuBar {
background-color: #348fd5!important;
background-image: linear-gradient(
180deg, #176caf 0, rgba(20,58,213,0) 37%)!important;
}
.menuBar .logo {
background-color: rgba(0,0,0,0)!important;
}
/*树形菜单去掉二级展开箭头 */
.frame-main-explorer .frame-left .ztree ul.level0 a.level1 span.button.switch {
display: none!important;
}
/*树形菜单类目左边空开间距 */
.ztree li span.tree_icon {
margin-left: 6px!important;
}
/*树形菜单删除【与我协作】【收藏夹】菜单 */
.level1.tree-node.menu-default-tree {
display: none!important;
}
/*树形菜单首页下的子文件夹左移 */
.frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch {
margin-left: -26px!important;
}
/*----------------右侧文件四周线条边框去掉---------------- */
.file-continer .file.file-focus {
border-color: #eee0!important;
}
.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 {
border-color: #3972a100!important;
}
/*PC端指向文件名-重命名按钮背景调整 */
.file-list-icon .file .title-rename {
background: rgb(255 255 255 / 90%)!important;
}
/*属性-版本-隐藏底部购买信息 */
.file-panel .panel-history .bottom-tips {
display: none!important;
}
/*登录页隐藏【客户端下载】按钮 */
.client-download {
display: none!important;
}
/*----------------手机端顶部对齐整体调整------------------- */
@media(max-width: 736px) {
.app-wap-small .menu-show-parent.frame-main-explorer.frame-main div.menu-show-toggle .btn {
margin-left: 7px!important;
}}
@media(max-width: 736px) {
.app-wap-small .frame-main-explorer .frame-header .header-content .header-address {
left: 46px!important;
}}
@media(max-width: 736px) {
.menuBar .logo img {
margin-left: 4px!important;
}}
@media(max-width: 736px) {
.app-wap-small .menuBar .menu-group-user {
margin-right: 7px!important;
}}
@media(max-width: 736px) {
.app-wap-small .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm {
margin-right: 2px!important;
}}
@media(max-width: 736px) {
.menuBar .menu-group-user .avata {
box-shadow: 1px 1px 2px rgb(0 0 0 / 0%)!important;
margin-top: -2px!important;
}}
/*----------------手机端LOGO调整------------------- */
@media(max-width: 736px) {
.app-wap-small .menuBar .logo a {
margin-top: 0px!important;
}}
@media(max-width: 736px) {
.menuBar .logo a {
width: 110%!important;
}}
/*----------------切换大小图标按钮点击时没有背景灰框------------------- */
@media(max-width: 736px) {
.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 {
background: #fff0!important;
}}
/*----------------手机端搜索按钮位置调整------------------- */
@media(max-width: 736px) {
.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 {
margin: 0px 4px 0px 0px!important;
}}
/*----------------手机端顶部弹出框架对齐------------------- */
@media(max-width: 736px) {
.app-wap-small .menuBar .dropdown-menu {
margin-top: 0px!important;
}}
@media(max-width: 736px) {
.app-wap-small .menuBar .menu-dropdown-notice {
margin-right: -52px!important;
}}
@media(max-width: 736px) {
.app-wap-small .menuBar .menu-dropdown-notice .menu-arrow {
right: 68.5px!important;
}}
/*----------------手机端站内消息通知改色------------------- */
@media(max-width: 736px) {
.menuBar .menu-dropdown-notice .header {
background: #f7ba29!important;
color: #fff!important;
}}
@media(max-width: 736px) {
.menuBar .menu-dropdown-notice .header span.remove i {
color: #725206!important;
}}
/*----------------手机端搜索框与图标对齐------------------- */
@media(max-width: 736px) {
.app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-right .search-box {
left: 10px!important;
right: 10px!important;
}}
/*----------------字体大小调整------------------- */
.app-wap-small .frame-main-explorer .bodymain .file-continer.file-list-list .file .file-content-main .title-item.title-type-name .title-continer {
font-size: 14px;
}
/*----------------树形菜单展开目录线条透明------------------- */
.frame-left .ztree ul:before, .frame-left .ztree ul:after {
background: rgb(0 0 0 / 0%)!important;
}
/*----------------树形菜单隐藏二级子目录------------------- */
.frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch {
display: none;
}
/*----------------隐藏【每页500条】框架------------------- */
@media(max-width: 736px) {
.app-wap-small .frame-main-explorer .file-page .my-page-box {
display: none!important;
}}
/*----------------电脑端隐藏【列表】【分栏】模式------------------- */
@media screen and (min-width: 1024px) {
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
display: none!important;
}}
/*----------------外部盘的底部警告提示隐藏------------------- */
.bodymain .folder-tips {
display: none!important;
}
/* -------------隐藏升级弹窗------------- */
.dialog-copyright, .check-version-dialog {
display: none!important;
}
/* -------------视频时间戳错位修复------------- */
.file-list-icon .file .meta-info .play-time {
right: 0!important;
top: 100%!important;
}
/* -------------修改代码后的错误弹窗------------- */
.kui-notify .kui-notify-box .kui-notify-item {
display: none!important;
删掉其他文件包，只保留【个人空间】
在绿联NAS上面部署可道云kodbox
https://www.zzssp.com/archives/kodcloud-kodbox
评论