Nolanjdc/阿东公告带CSS样式修改教程

1,232次阅读
没有评论


怎么修改公告

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

朗读分享

赞 · 5赞赏

Nolanjdc/阿东公告带CSS样式修改教程Nolanjdc/阿东公告带CSS样式修改教程

版权属于:



 
评论(没有评论)
验证码