Markdown(博客园)的内容如何使用样式?

发布于 2022-09-11 14:51:16 字数 1312 浏览 13 评论 0

问题描述

毋庸置疑, 用markdown写文章速度真的是非常快。但是有时候想要修改它的默认样式, 我一般通过style进行修改, 但是发现反而变得麻烦了。比如, 我想把自带的h4修改成这样

clipboard.png

那么我就要设置很多的style样式

问题出现的环境背景及自己尝试过哪些方法

目前我的解决方法是,一个个地编写css样式

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<div style="width: 400px; background-color: #548254;padding:5px 15px;border-radius: 8px;">
    <font color="#FFF"><h3>
        一、Moment.js
    </h3></font>
</div>

<div style="width: 200px; background-color: #885c5c;padding:1px 30px;margin-top: 15px;border-radius: 8px;">
    <font color="#FFF"><h4>
        1.1 概念
    </h4></font>
</div>

<font color="green"><h3>二、xxxx</h3></font>

<font color="#9a4141"><h4>2.1 xxxx</h4></font>

你期待的结果是什么?

网上查了一下没有发现好的解决方法。我是用有道云笔记的markdown编辑文本编写后发到博客园上的。想着能否有一种方法可以像html一样定义一个class,然后在标签div...中引入.
例如:

.title{
    padding: 5px 30px;
    background-color: #12b7f5;
}

<div class="title">我是Markdown</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浴红衣 2022-09-18 14:51:16

博客园可以设置css样式的,可以去设置里面去找

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文