Nolanjdc公告带CSS样式修改教程

怎么修改公告

nolanjdc的公告部分就是一般的html,需要通过json转义写入config.json文件的"Announcement"部分

公告示例

下面是我自己用的html代码,引用了我自己的css样式,要是仅修改文字,可以按照底下的模版修改。

如果需要其他css,也可以直接写<style>来写入。

<link rel="stylesheet" href="https://www.aobacore.com/css/style-card.css"><div class="card"><h1>狐东自动挂豆</h1> <br><red>本项目脚本收集于互联网。为了您的财产安全,请关闭京东免密支付。</red><h2>(京东-设置-支付设置-支付验证设置)</h2> <a class="button" href="https://wpa.qq.com/msgrd?v=3&uin=这里修改成机器人QQ号码&site=qq&menu=yes" target="_blank">添加Q机器人</a><br><h2>机器人QQxxxx,添加后发送[查询]来查看个人信息</h2></div>

模版说明

如果直接引用样式模版,第一行和第二行不可以删除

支持两种文字大小

<h1>标题,加粗

<h2>正文

支持如下颜色文字,文字大小同<h2>

<red>红色

<blue>蓝色

<yellow>黄色

<green>绿色

<orange>橙色

插入图片,将这一行放在第2行以后的任意位置,其中 height="高度数值" width="宽度数值" 可以被删除

<a href="点击图片访问的网址"><img src="图片地址" alt="悬停文字" height="高度数值" width="宽度数值"></a>

例子:

<a href="https://www.jd.com"><img src="https://dss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/799358883_-1374987367_121_121.jpg" alt="狗东直达" height="130" width="130"></a>

支持如下按钮

<a class="button" href="链接" target="_blank">文字</a>

换行使用<br>

使用方法

在上述模版基础上修改完成后,将其合并成一行(重点!)

合并方法:可以直接将代码全选,然后复制到浏览器地址栏中

然后来https://www.sojson.com/yasuo.html进行转义

使用普通转义不可压缩(重点!)

然后将转义好的代码复制到

/root/nolanjdc/Config.json的"Announcement"项,替换原有公告

保存后使用 docker restart nolanjdc 重启nolanjdc

效果图

打赏
0 条评论
发表一条评论