CMS自定义导航及界面修改
7 个月前

注意事项

1、以下文件路径均以转码程序路径为参考,比如我安装在了/home文件夹,那从/home/express-ffmpeg开始按路径找文件。
2、目前程序最新版安装默认模板projectz,且以后可能会主要针对该模板开发功能,请尽量使用该模板。
3、如果想使用其它模板,可前往【CMS设置】切换模板,目前可用其它模板名称为supercms、light,由于开发时间问题,这2个模板可能部分功能来不及支持,所以会开发的可以参考projectz模板对其进行相关修改,模板文件夹路径为views/supercms和views/light。

projectz模板修改

提示:注意在20200523版本中该模板名称为projectx,从20200608开始,该模板创新命名为projectz,且适配中英繁切换。

导航文件路径config/navbar.js,默认参数:

module.exports = {
    navbar: [{
        cntitle: '热门视频',
        tctitle: '熱門視頻',
        entitle: 'Hottest',
        href: '/hots'
    }, {
        cntitle: '试试手气',
        tctitle: '試試手氣',
        entitle: 'Random',
        href: '/random'
    }, {
        cntitle: '发现更多',
        tctitle: '發現更多',
        entitle: 'Discover',
        href: '/discover'
    }]
}

你可以在导航上加入分类,比如我的分类,音乐分类,链接为xx.com/category/音乐,那么相对于地址的绝对路径/category/音乐

比如我直接添加3个分类,参考如下:

module.exports = {
    navbar: [{
        cntitle: '音乐',
        tctitle: '音樂',
        entitle: 'Music',
        href: '/category/音乐'
    }, {
        cntitle: '电影',
        tctitle: '電影',
        entitle: 'Film',
        href: '/category/电影'
    }, {
        cntitle: '动漫',
        tctitle: '動漫',
        entitle: 'Anime',
        href: '/category/动漫'
    }, {
        cntitle: '热门视频',
        tctitle: '熱門視頻',
        entitle: 'Hottest',
        href: '/hots'
    }, {
        cntitle: '试试手气',
        tctitle: '試試手氣',
        entitle: 'Random',
        href: '/random'
    }, {
        cntitle: '发现更多',
        tctitle: '發現更多',
        entitle: 'Discover',
        href: '/discover'
    }]
}

参数详解:

中文导航名称:cntitle: '发现更多',
繁体导航名称:tctitle: '發現更多',
英文导航名称:entitle: 'Discover',
导航相对路径:href: '/discover'

修改期间注意下标点符号,不然运行会出错,修改后,使用命令pm2 reload all重启程序生效。

样式截图

关于页面修改可参考下方的supercms模板修改。

supercms模板修改

首页修改

请输入图片描述

(1)处样式在views/supercms/cmslayout.jade文件中修改。
(2)处样式在后台cms设置处的站点标题设置。
(3)处样式在views/supercms/index.jade文件中修改,包括热门电影、剧集、资讯等信息。
首页背景图为public/assets/img/bg.jpg,自行替换即可。

页脚修改

请输入图片描述

该处样式在views/supercms/cmslayout.jade文件中修改,具体位置从70多行footer.footer处开始。

个人页面修改

### 示例图

该页面样式在views/supercms/user.jade文件中修改。

注册页面修改

### 示例图

该页面样式在views/supercms/cmsreg.jade文件中修改。

其他页面修改

提示:以下页面没基础的别乱改,直接默认即可。

### 示例图

热门页面样式在views/supercms/hots.jade文件中修改。
随机看看页面样式在views/supercms/random.jade文件中修改。
发现页面样式在views/supercms/discover.jade文件中修改。
直播页面样式在views/supercms/lives.jade文件中修改。
资讯页面样式在views/supercms/articles.jade文件中修改。
图集页面样式在views/supercms/imageslist文件中修改。

projectx模板修改