查看原文
其他

手把手教你用墨滴DIY个性主题

瓜牛就是蜗牛 瓜牛笔记
2024-09-21

起因是这样的... ...

想着可能很多人有这个需求,那干脆水一篇文章详细介绍一下如何DIY墨滴主题。

先别急着走,你不需要懂代码(我就完全不懂),也不需要懂Markdown(实际上我是用上墨滴之后才听说Markdown这个词的),只需要一些生活常识就可以了。


为什么要DIY主题?

墨滴大家应该不陌生,在墨滴首席宣传官 @668 的宣传下,很多人包括我的公众号文章排版都用上了墨滴漂亮的主题。

链接直达:手把手教你用墨滴做公众号排版

为什么还要DIY主题呢?

我个人的理由是:官方大部分主题对图片的处理非常不利于阅读,比如下图左边这种文字和图片的排版,都混在一起了。右边这种图片加了阴影的阅读起来就要好很多,但是图片加了阴影的主题我又不喜欢。

想要这个就不能要那个,想要那个就不能要这个,但我都想要啊,怎么办?之前我一直忍着,直到 @书海纵游 的这篇文章出现:

链接直达:用墨滴编辑器编辑文章如何两端对齐和修改字体

从此,心中就播下了一颗躁动的种子,直到忍无可忍,那就无须再忍。

手把手教你DIY主题

看下面的内容之前,请先看完上面的两篇文章,特别是第二篇文章,确保你已经有了一个自定义主题。


就拿前面提到的图片加阴影来举例。

1、先找一个图片有阴影的主题

比如,主题“极简黑”的图片就是有阴影的,切换到“极简黑”主题,然后在主题CSS里找到“图片”,如下图。

在“图片”下面有一些参数,不需要懂代码,根据英文字面意思也知道大概意思,比如下图红框中的就是阴影和倒圆角,这就是对图片的样式处理。

2、复制需要的代码

把上面提到的这2行你需要的代码复制下来,可以粘贴在记事本里,留待后续使用。

3、在自定义主题里粘贴代码

切换到自定义主题,CSS里同样找到“图片”,把上面的代码粘贴进去,如下图。

现在,自定义主题里的图片已经加上阴影效果了,大功告成!

是不是比你想象的还要简单呢?

更进一步

你会发现主题CSS是由一段一段组成的,每一段都可以单独编辑。


根据这个思路,你可以将自定义主题弄成如下这种杂交样式:

官方主题A的“一级标题”样式+

官方主题B的“引用”样式+

官方主题C的“图片”样式+

... ...

只需会使用复制粘贴命令就足够了。

考虑到有些朋友甚至连复制粘贴的操作都嫌麻烦,能点一下就绝不点两下。那干脆把我目前正在用的完整主题代码(也就是你看到的这篇文章的效果)发出来,你只需复制一次,再粘贴一次就行,步骤已经精简到极限了。

完整代码见下面的腾讯文档:(按住下面图片不要松手,然后弹出的菜单选择扫一扫)



继续滑动看下一个
瓜牛笔记
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存