Typora 主题 艾米莉亚

Typora 主题 艾米莉亚

1 下载主题&更换主题

首先取官网下载purple主题,[主题地址]: http://theme.typora.io/

然后打开Typora,开始更换主题 菜单 -> 主题 -> 打开主题文件夹 将下载好的css文件(你会下载压缩包,里面有.css文件)直接放入即可

2 修改主题

经过上面步骤是没有图片的,需要修改css

1. 之前我们去下载的主题是有图片的,将该图片放到和css同一个文件夹下即可

2. 创建 purple.user.css

   这样我们的修改只会在该文件里面,不想要自定义的时候只要删掉就可以复原了 (但是改都改了,怎么能回头,狗头.jpg)

3. 引入背景,调整大小和相对位置

在purple.user.css创建如下代码

/*这里是调整背景图片的 url记住要相对位置*/
/*看过一些帖子放在html/body/write,都试过会有一些奇奇怪怪的问题,放在content是看官方的
	http://support.typora.io/Backgound/
*/
content {
	background: url(./e.jpg) no-repeat; 
	background-size : 35%;
	background-position: 80% 80%;
}

基本上就完成了,要是喜欢的话,可以设置多个背景图片,调整一下就好了

语法直接参考 css 的 background就可以

3 概览

4 一些问题

1. 为什么侧边栏和我的颜色不一样? 我修改过

   :root {
     /* side bar */
       --side-bar-bg-color: #f9e5ff;
   }
   

2. 代码图片会覆盖掉背景,可不可以调整? 图片不覆盖背景,难道背景覆盖图片

3. 背景挡道我的字体了,看不清,可不可以调整透明度? 试了一下,会把字体透明度一起调了,知道答案的分享一下

4. 代码框可不可以透明?http://support.typora.io/Code-Block-Styles/,这里也许有答案,我也不知道

5. 更多的问题 务必看官网