首页 > 资讯 > > 内容页

如何让小宇宙播客 show notes 行间距变小?

2023-05-28 16:16:15 哔哩哔哩

本文因为知识含量低,并不尝试进行任何教学,只是一个解决问题的过程和思路复盘。

我在使用小宇宙 app 的时候,出于做了多年新媒体的职业敏感,发觉那些优秀的播客节目,除了在最重要的音频质量上下足功夫外,也没有放过单集的 show notes 等细节。


(资料图片仅供参考)

然而,小宇宙的编辑器说实在的,很朴实,只有最基本的功能,包括只能用二级标题做更高一级的大标题、引用、列表、粗体、斜体、添加链接和图片,以及添加时间点。

虽然这样可以让大部分的播客 show notes 保持统一的简洁,但也确实让人很难大展拳脚。

不过,让我动了研究一下这个编辑器的主要原因,还是它那固定的行间距。如果我没有使用引用或列表格式,通常情况下,在撰写单集的时间点时,界面真的会很丑。

然而我却发现,不止一个播客在这一点能够做到无视行间距的存在。

我也想要,所以我开始想办法解决这个行间距的问题。

1 求助搜索引擎

如果别人能够实现这个需求,或许他们也是在网上看到的经验分享,就像你第一次想要排版一个好看的微信公众号版面,在搜索引擎一搜,就会有无数人分享经验来教你。

至少作为一个自食其力自给自足的 I 人,我是这么想的。

可惜,搜索引擎并帮不到我,就连比搜索引擎还万能的小红书都没有任何相关的帖子。

2 求人不如求己

虽然没有找到方法,但是我相信,那么多人能做到的,那我也一定可以。

在小宇宙更新一档播客节目,有两个途径,一个是通过 RSS 订阅链接进行同步更新,另一个就是直接上传音频到小宇宙的服务器。

通过 RSS 订阅链接进行更新的运营者,可能可以从源头上解决这个问题,但像我这种没有搞服务器的,只能尝试钻研一下小宇宙的编辑器了。

由于之前刚学习了如何用 HTML 和 CSS 给 Obsidian 改界面,而且微信公众号第三方编辑器也是用 HTML 的原理进行美化排版,所以我第一步就是想到了用 HTML 来试试这个方法是否也能套用到小宇宙的编辑器上。

所以,我就先在播客单集 show notes 找一个间隙,添加了一个代表空行的<br>在中间,并进行更新。

在审核通过了之后,我发现,原本写着<br>的地方,确实变成了一个空行,而不是「<br>」这段字符,这说明,在小宇宙编辑器上书写 HTML 确实是可行的。

3 实践

使原本单调乏味的 HTML 变得更美观,通常是经过 CSS 进行设定,有三种方法,内联样式、内部样式和外联样式。

我之前在 Obsidian 上修改外观,使用的就是直接修改外部 CSS 文件,也就是所谓的「外部样式表」方法——先在 CSS 文件中对样式进行了定义,HTML 再直接根据这个定义对页面外观进行设置。

但是,我并无法通过编辑器修改到小宇宙的 CSS 文件,所以我只能通过「内联样式」对 HTML 进行修改,并且内联样式的设定优先级也是三者中最高的,可以无视外部 CSS 文件的设定。

那么,我首先尝试直接修改行间距,也就是——

无效。

我打开 Chrome 开发者工具,发现自己犯了一个很想当然的错误。

原来我看到的行间距,并不是通过 line-height 行间距设置的,而是小宇宙设置了每段文字有 20 像素的 margin-bottom,换句话说就是每一段文字下方固定有 20 像素的空白,形成了行间距的假象。

而且每一段文字是用的 div 标签,而不是 p 标签。

清楚了这个设置之后,我再次尝试——

失败。

我再定睛一看,发现原来小宇宙是给这些 div 块加了名为「paragraph」的 class 属性,再在样式中设定「paragraph」的 margin-bottom 值为 20 像素。

尽管说内联样式的优先级是最高的,但我直接在小宇宙编辑器上书写,也只不过是在原有的 div 块上添加一个新 div 块,并定义这个新块的 margin-bottom 值为 0 像素。

也就是说,不管我怎么修改新 div 块的 margin-bottom,都不影响原 div 块的 20px 下边缘,原本该在的 20 像素空白边还是会在。

而我并没办法使用内联样式修改「paragraph」的 CSS 值,至少目前我的了解是这样的。

就在我多次尝试,每次尝试都要等待一次漫长的审核,实在是受不了之后,我突然灵光一动,把已经实现了我想要的效果的 show notes 页面,复制链接到网页端打开,再用开发者工具查看。

结果发现,实际上并没有那么复杂。

我在用小宇宙编辑器撰写 show notes 时,每次换行都是直接用回车键,导致生成的每一段文字都是一个 div 块或 p 块,而块与块之间就会默认有 20 像素的行间距。

而别人是如何做到没有行间距的呢?

答案就是,不要换行,把文字都放在同一个块里。

换句话说,我那些分好的行,每行就是一个块,每个块之间就会有 20 像素的间隔,但是别人因为不换行,所有文字只在一个块里,这个块还是有 20 像素的间隔。这 20 像素的间隔不作用在块里面的文字里,而是起到跟下一个块的分界作用。

至于为什么在手机端看到的 show notes 页面时,又是分好行的样子呢?

原来,诀窍就藏在我最开始测试是否能使用 HTML 的 <br> 里。

每行文字分段的时候,不要用回车键手动换行,而是使用 <br>,让编辑器识别到 <br> 后自动换行。

测试,成功。

页面终于变成了我想要的样子,不过,还有一个问题,就是如果通过小宇宙的 RSS 链接托管到其他播客平台,而那些平台的 show notes 却并不支持 HTML,比如苹果播客,就会出现下面这种状况。

所以这只能当一个临时的解决办法,可能最终要让 show notes 变得好看、容易阅读,还是得弄个服务器。

那么,有机会我们再解决这个问题吧。

x 广告
最近更新

如何让小宇宙播客 show notes 行间距变小?

2023-05-28

刘松仁主演的电视剧新水浒传_刘松仁主演的电视剧|天天要闻

2023-05-28

dn100法兰标准尺寸图 dn250法兰标准尺寸

2023-05-28

琴音袅袅,鼓声铿锵,徜徉“云之上”闻见东方美 世界今头条

2023-05-28

首届中国黄河桨板赛开赛 环球快资讯

2023-05-28

翻译在线 energypolicy翻译

2023-05-28

广西防东铁路西湾跨海双线特大桥连续梁全部完成合龙-今日热文

2023-05-28

环球观点:甘露聚糖是什么东西(甘露聚糖是什么)

2023-05-28

华硕K40INseries 华硕k40inseries-世界资讯

2023-05-28

1—4月我国外汇市场累计成交80.29万亿元 涉外经济活动呈回升向好态势

2023-05-28

美国众议院议长麦卡锡:我们还没有就债务上限达成协议,仍有一些事情未解决。 天天新视野

2023-05-28

环球观天下!慈美志合服务队开展残健融合系列服务

2023-05-28

连她都被骂丑,这次我真的不服

2023-05-28

沙面在哪个地铁站出口 沙面在哪个地铁站

2023-05-27

排骨的做法大全家常_茶鸡蛋的做法大全|微头条

2023-05-27

80岁老人与保姆生孩子的电视剧叫什么名字_80多岁老人与保姆生子

2023-05-27

每日短讯:赠券活动被恶意侵入倒卖?广东茶饮品牌茶救星球回应:已报警

2023-05-27

【环球报资讯】苹果一般几月份出新机_苹果什么时候出新机

2023-05-27

【世界播资讯】售价45.89万元 沃尔沃XC60峡湾版上市

2023-05-27

企业所得税怎么申报实操_企业所得税怎么申报 焦点热闻

2023-05-27

Arbitrum链上智能合约创建总量突破250万,锁仓总量超50亿美元

2023-05-27

精神图腾永不磨灭 深度体验路虎卫士110 75周年传奇版

2023-05-27

健壮男子柔道部游戏_健壮男子柔道部

2023-05-27

恋爱辅助器 漫画全集72

2023-05-27

速递!steam无法添加好友不符合要求_为什么我的Steam不符合添加好友的功能要求

2023-05-27

天天速读:海上石油开发再添利器!万吨海上油气平台来了

2023-05-27

【速看料】电脑上彻底删除的文件怎么恢复正常_电脑上彻底删除的文件怎么恢复

2023-05-27

中信银行郑州分行“适老化”金融服务有温度 当前观察

2023-05-27

皖新传媒 稳扎稳打锐意创新 引领出版转型升级

2023-05-27

雪莱的名言(雪莱的名言?)|当前动态

2023-05-27

sitech(site) 全球快消息

2023-05-27

【天天报资讯】贵阳留住11万高校毕业生

2023-05-27

西游记第十回感受50(西游记第十回感受)

2023-05-27

神开股份:公司无实际控制人是由于股权结构较为分散所致|观热点

2023-05-27

注意!下周四儿童节,北京部分游乐场周边将成交通热点_环球微资讯

2023-05-27

湖南湘江新区天源社区举行长者趣味运动会暨黄手环公益活动 环球聚焦

2023-05-27

小小音乐家们在浪漫的法式花园空间里,演奏起曼妙的世界乐章 前沿资讯

2023-05-27

天天精选!造梦西游3袁洪爆率图 造梦西游3袁洪易爆点

2023-05-26

全球百事通!粉红丝带时尚力量公益节暨525中国爱乳日颁奖盛典在杭举行

2023-05-26

罗马诺:贝林厄姆与皇马合同有效期至2029年,薪水将逐年提升

2023-05-26

宋都股份股票异动 回应称不存在应披露而未披露重大信息_每日聚焦

2023-05-26

孙献离任博时基金财务负责人 吴慧峰接任

2023-05-26

央视国窖1573广告视频(国窖1573广告词)-世界视点

2023-05-26

蓝帆外科两款全新电动腔镜吻合器在巴西获批上市|环球通讯

2023-05-26

活力共聚,挥杆高球 | 茶活力赞助2023年上海楚商高尔夫球会五月例赛完美收杆

2023-05-26

电竞持续发力,能否打开品牌营销新思路?

2023-05-26

父亲手机满屏求职信息 看哭女儿

2023-05-26

武汉英力特环保设备有限公司(关于武汉英力特环保设备有限公司介绍)

2023-05-26

蛇圣耳机怎么样

2023-05-26

环球观速讯丨农业银行:截至2022年末乡村振兴领域贷款余额达7.31万亿元

2023-05-26

环球快看点丨特朗普怒了:这叫干预选举,这样的事在我国前所未见!

2023-05-26

天天快资讯丨保山学院今年录取名单最新消息体育分数线

2023-05-26

凯迪拉克GT4 9K分辨率的超大连屏,5月28日震撼上市!

2023-05-26

【新甘肃云·融媒集萃】天祝:建设宜居宜业和美乡村

2023-05-26

全球时讯:新手炒股注意哪些要领?注意事项有哪些?

2023-05-26

全球简讯:100GB数据泄露 特斯拉存在的问题超乎想象:多起刹车事故等问题

2023-05-26

两市融资余额减少9.53亿元

2023-05-26

环球热讯:灌篮高手财富排行榜,樱木花道第十清田信长第二,第一名财富惊人

2023-05-26

今日和阿衰类似的漫画_和阿姨做 世界信息

2023-05-26

今日最新更新内容 一男两女街头起争执 原配被丈夫第三者联手关车里:太欺负人了

2023-05-26

练歌软件下载_在线练歌 世界热推荐

2023-05-26

【时快讯】tbc血精灵任务线-魔兽世界血精灵任务线

2023-05-26

世界短讯!骑马与砍杀拿破仑战争中文版下载_骑马与砍杀拿破仑战争

2023-05-26

二六三会成为牛股吗 环球百事通

2023-05-26

手机视频过大怎么导入电脑_手机上的视频过大怎么传到电脑上-世界讯息

2023-05-26

观热点:毕业论文是什么时候开始写的_毕业论文是什么

2023-05-26

“数实融合” 开启未来——数字化助力贵州实体经济高质量发展观察

2023-05-26

焦点速递!魔兽世界tbc爆发宏怎么写(tbc怀旧服爆发宏编写方法)

2023-05-25

一汽丰田5款明星车型联袂智领上市,商品力全线猛增

2023-05-25

东北证券邓利军:未来继续看好“中特估”板块投资机会

2023-05-25

加拿大专家:国债流动性堪忧 美国面临国债市场可能崩溃的威胁

2023-05-25

[闵行]康城实验学校:陶冶人生 艺享生活——闵行区第十八届学生艺术节陶艺比赛活动_世界快报

2023-05-25

世界消息!招行白金卡额度 招行白金卡额度最低多少

2023-05-25

注意了!这几种充电方式,容易让手机坏得更快 每日热点

2023-05-25

小榄哪家男科医院实力强?中山医大 --做*的男人!|时讯

2023-05-25

风暴眼|独家文件揭秘南宁停车费事件隐情:72亿贷款质押为何秘而不宣?

2023-05-25

脸上的斑可以祛掉吗_脸上斑能去掉吗

2023-05-25

环球热点评!p2p怎么啦(p2p怎么用)

2023-05-25

石油梦工厂什么时候出 公测上线时间预告 全球独家

2023-05-25

环球最新:维拉的欧会杯小组潜在对手:尤文、里尔和沃尔夫斯堡

2023-05-25

天天微头条丨中国创业成功人士名单公示_中国创业成功人士名单

2023-05-25

制止餐饮浪费|外卖包装应让消费者有更多选择|全球看点

2023-05-25

浙商证券:给予盐湖股份买入评级,目标价位30.95元-天天视点

2023-05-25

世界今头条!各项工作准备就绪静待全球来客 2023中关村论坛今晚启幕

2023-05-25

环球热资讯!炜怎么读 炜怎么读拼音

2023-05-25

​Snowflake一季度营收6.236亿美元

2023-05-25

中超最佳阵容:三镇奇兵成本土戴帽第一人 克雷桑独造三球

2023-05-25

《正义联盟:奥德赛》达克赛德的终极计划,多元宇宙之战即将开始|世界看点

2023-05-25

数据分析软件哪个最好用_统计软件有哪些

2023-05-25

越狱第二季剧情介绍电视猫_越狱第二季剧情介绍 速读

2023-05-25

当前报道:暮雪居(关于暮雪居介绍)

2023-05-25

发票用途有哪些分类(纸的分类与用途有哪些) 世界百事通

2023-05-25

无锡新能源汽车充电有优惠吗?

2023-05-25

张良点金:晚间黄金现价或1971入场空。

2023-05-25

环球新动态:江铃汽车:江铃重汽已暂停生产和销售,坚定新能源转型

2023-05-25

strip是什么意思英语翻译成中文_STRIP是什么意思 全球速读

2023-05-24

天天速递!太平洋证券领罚单,近两年研究人员“流失”明显

2023-05-24

世界消息!2023年浙江理工大学在职研究生报考条件及报考流程

2023-05-24

【天天新视野】美枪击案循环往复 幸存者和受害者家属深陷恐惧与悲伤

2023-05-24

众生药业:用于治疗肝癌、胃癌等恶性肿瘤的一类创新药ZSP1241、用于治疗恶性肿瘤的一类创新药ZSP1602两个创新药肿瘤项目目前正开展I期临床试验

2023-05-24

陕西渭南:让每个残障孩子都有学上

2023-05-24

OPPO Reno 10系列今天发布:全系标配长焦镜头、首发2499元起-环球热门

2023-05-24

看热讯:多地打响“房价保卫战”!业主抱团护盘,抵制低价地块入市,喊出“拒绝抛售”

2023-05-24

MSI季中赛历届奖金变化

2023-05-24

当前滚动:昆明国资:网络媒体传播“昆明城投专家会议纪要”等为不实消息

2023-05-24

环球今热点:比亚迪推出首款集成刀片电池的储能系统“比亚迪魔方”

2023-05-24

中润光能: 太阳电池片营收占比超九成,最大订单来自竞争对手_环球快看点

2023-05-24

正泰电器(601877)5月24日主力资金净卖出2917.14万元

2023-05-24

世界微速讯:涨停雷达:PMMA个股异动 双象股份触及涨停

2023-05-24

世界即时:水军是什么意思饭圈_水军是什么意思

2023-05-24

成都先导(688222.SH):成都先导全球药物研发生产基地(一期)项目计划建成覆盖靶点到临床前的全方位、一体化的药物研发生产基地

2023-05-24

中国式现代化的长三角实践 “芯屏汽合”看合肥:科创之城跑出“黑马”速度

2023-05-24

环球最资讯丨新规出台,铁路运输服务质量再上新台阶

2023-05-24

【世界速看料】最高法核准!湖北、山东、河南三省强奸未成年人罪犯被执行死刑

2023-05-24

义务教育不得通过考试或变相考试选拔学生 天天实时

2023-05-24

期颐之年读音_期颐

2023-05-24

抖音重点治理虚假摆拍招工诈骗

2023-05-24

小区海绵化,一年节水1.69万吨

2023-05-24

华尔街严阵以待 为美国债务违约风险做准备_环球观点

2023-05-24

全球观热点:蒙脱石散婴幼儿能吃吗_蒙脱石散幼儿能吃吗

2023-05-24

祝你前程似锦下一句押韵_祝你前程似锦下一句

2023-05-24

最初的心_对于最初的心简单介绍 环球视讯

2023-05-24

今日最新!音乐倒放软件电脑版_可以倒放音乐的软件

2023-05-24

每日热门:ppt演讲者模式怎么设置能看到备注(ppt演讲者模式怎么设置)

2023-05-24

5月23日晚间重要公告集锦

2023-05-23

荣耀 618大促开启!Magic 5 系列手机直降 500 元

2023-05-23

全球热资讯!记者:拜仁想让德雷森出任临时CEO至2024或2025年

2023-05-23

资讯:5月23日河南济源钢铁螺纹钢价格下调

2023-05-23

天天微动态丨安全海南 | 海南开展燃气重大事故隐患排查专项工作

2023-05-23

解剖屎山,寻觅黄金之第二弹

2023-05-23

ARK方舟基金再度增持Palantir股票

2023-05-23

2023年铅酸电池行业投资分析:铅酸电池投融资环境紧张|环球时讯

2023-05-23

全球讯息:中基协_关于中基协的介绍

2023-05-23

全球热门:重磅政策为新能源汽车下乡铺路

2023-05-23

环球今亮点!我国启动2023年珠峰综合科学考察

2023-05-23

2023重庆南岸中小学招生政策_全球热消息

2023-05-23

最新:中外歌手齐聚一台唱响幸福新生活!第24届南宁国际民歌艺术节闭幕式“大地飞歌·2023”精彩上演

2023-05-23

上证指数跌近1%,大金融、中字头、人工智能概念跌幅靠前_焦点播报

2023-05-23

皇氏集团:布局光伏业务是公司乳业的产业延伸并非跨界-全球最资讯

2023-05-23

行业轮动加快 知名基金经理二季度调仓忙

2023-05-23

天天快讯:两支总部在乌克兰的俄民兵组织称已袭占俄一边境村庄,俄:正实施打击

2023-05-23

天天快看点丨ST红太阳(000525)5月23日9点33分触及涨停板

2023-05-23

普门科技:5月22日融券卖出2.24万股,融资融券余额6029.75万元

2023-05-23

ST大集:延边新合作所持0.21%股份被司法划转至中铁信托

2023-05-23

凉面的做法 家常_凉面的家常作法_实时

2023-05-23

垂緌饮清露拼音_垂緌饮清露 今日热文

2023-05-23

政府投资基金重在“精” 全球快资讯

2023-05-23

高质量发展调研行丨擦亮数字产业“滨江品牌”-环球快资讯

2023-05-23

广东金融学院副校长易行健:金融行业的变化对金融人才培养提出新的挑战 今日热讯

2023-05-23

【全球聚看点】碘化汞厚膜的制备科学及其X射线阵列探测技术研究

2023-05-23

每日简讯:数码相机和单反的区别图片_数码相机和单反的区别

2023-05-22

世界热推荐:西藏自治区生态环境厅与中国环境监测总站签订合作框架协议

2023-05-22

美国陷入危机之中,三家银行即将暴雷,瑞典成为冤大头!|当前播报

2023-05-22

送老婆礼物前十件排名浪漫(送老婆礼物) 每日热门

2023-05-22

注意!盘面出现重要变化——道达投资手记

2023-05-22

商宋文化源远流长 环球快消息

2023-05-22

世界百事通!洋河股份(002304.SZ):目前省内外海、天、梦销售占比基本持平,且省外份额不断提升

2023-05-22

第六次大宗出售!英政府减持NatWest股份,持股降至38.69% 独家焦点

2023-05-22

生育保险要怎么使用?生育保险2023年新规是什么?

2023-05-22

环球信息:美邦科技将于5月25日北交所上市

2023-05-22

数读中东欧博览会“成绩单”:开放的中国充满活力_天天播报

2023-05-22

即时焦点:@高中生:我想借给你勇气和坚持

2023-05-22

环球关注:涨停雷达:电网设备个股异动 迦南智能触及涨停

2023-05-22

热点在线丨街头快打最后一关boss怎么打 街头快打

2023-05-22

售3.39万起 金杯T30/T32新增车型上市|全球热议

2023-05-22

环球热文:国网重庆市电力公司副总经理刘欣宇一行到秀山三峰公司调研

2023-05-22

环球滚动:墙面处理工艺流程

2023-05-22

成师附校学子参加成都市青少年电子信息技能创新大赛校内初赛

2023-05-22

让他三尺又何妨的典故_让他三尺又何妨

2023-05-22

乡村振兴,要有“田秀才”也要有“乡创客”-新资讯

2023-05-22

冲锋衣面料材质哪种好_冲锋衣面料哪种好

2023-05-22

环球观天下!明月何时照我还的前一句是什么 出自元代谁的《琵琶记》

2023-05-22

今年新增托位数7万个,河南省加快建设普惠性托育机构

2023-05-22

当前聚焦:江西省泰和县发布暴雨黄色预警

2023-05-22

河南旅游注重文创融合

2023-05-22

福州一小区树修剪成光干,市民直呼“太难看”!|焦点滚动

2023-05-22

全球今日讯!连续4年财务造假,涉专网通信,天价罚单来了!

2023-05-22

20-30万的suv排行榜2019前十名_20到30万的SUV前十名推荐 观速讯

2023-05-22

【天天速看料】《后浪》任天真的一个无心之举,促使赵力权黑化,好兄弟反目成仇

2023-05-21

网虫网咖小虫店_网虫网 环球新动态

2023-05-21

天天观焦点:潮河两畔、万人角逐!2023密云生态马拉松鸣枪开跑

2023-05-21

【报资讯】花鸭借款逾期15天会不会上征信

2023-05-21

网贷分期怎么算逾期78万会有什么后果?

2023-05-21

妈妈英语怎么读_妈妈英语如何读|全球快消息

2023-05-21

柯镇恶经典台词无耻之徒_柯镇恶经典台词|天天报资讯

2023-05-21

安徽滁州一小区内有人高空抛下粪便详细内容 天天观察

2023-05-21

手机b站下载视频传到电脑 手机b站视频传到电脑-世界通讯

2023-05-21

快报:格力手机没了?公司回应了

2023-05-21

世界即时:雷山县气象台发布大风蓝色预警信号【Ⅳ/一般】【2023-05-21】

2023-05-21

“高三六班”微信群牵出1.6亿赌博案

2023-05-21

实战模拟!广东启动第五次全国经济普查综合试点

2023-05-21

天天快报!馄饨与云吞的区别 馄饨与云吞有什么不同吗

2023-05-21

环球热讯:荒野大镖客2有什么玩法(荒野大镖客2有意思的玩法)

2023-05-21

天天热点!8+ 128GB +5000毫安!红米note11限时特惠30元

2023-05-21

如何测试自己鼠标dpi_怎么测试鼠标DPI|精彩看点

2023-05-21

世界热推荐:2022儿童口红十大品牌排行榜_儿童口红哪个牌子好

2023-05-21

伊卡尔迪:5年前我们历经艰难后重返欧冠,现在祝国米决赛好运

2023-05-20

环球看点!清徐这里的露营地开营啦~

2023-05-20

双休日沈城温度适宜 适合出去逛一逛

2023-05-20

早读:养得好情绪,拥有好福气-世界观点

2023-05-20