typora如何更换背景

__momo__

已于 2023-11-02 09:43:42 修改

阅读量992

点赞数 1

分类专栏： Tools 文章标签： css 前端 html

于 2023-02-24 22:04:59 首次发布

本文链接：https://blog.csdn.net/yaoyao_chen/article/details/129209470

版权

Tools 专栏收录该内容

17 篇文章

订阅专栏

要为Typora的特定主题添加背景图片，首先需要在themes文件夹下的image目录放入PNG图片，然后编辑相应主题的.css文件，在#write样式中设置background-image,background-size,background-repeat,background-position等属性来调整图片显示效果，如需透明度，可调整opacity属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要在typora特定主题下加入背景图片，需要改主题的css文件，具体步骤如下：

打开typora文件夹，在themes文件夹下创建image目录
将png格式图片移到image目录当中
打开目前所用主题的.css文件，在#write{}中加入背景图片配置

#write {
    /* background: #131b29; */
    background-image: url(./image/IMAGENAME.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    /* color: #a9aaab; */
    margin: 0 auto;
    max-width: 860px;
    padding: 30px;
    padding-bottom: 100px;
    /* position: static; */
    /* width: 100%; */
    opacity: 0.7;
}

加入背景图片：background-image: url(./image/IMAGENAME.png);
如果想要图片repeat，则background-repeat: repeat
图片若想放在顶部，则background-position: top;
透明度调整，opacity: 0.7;，0-1之间，1表示不透明，0表示透明。
想要完整图片，则background-size: 100%;
其他按照原配置就好。