私有云平台 Java开发手册 caching emacs path webkit History.js vue实例 npm安装vue bootstrap后台管理系统模板 react视频教程 河南普通话 多店版微信商城 nginx默认端口号 java时间戳 wordpress本地建站 linux全局搜索文件 idea格式化代码设置 mysql自然连接 python最大值 python中的for循环 python中def的用法 windows搭建python开发环境 linux配置python环境 java泛型 java开发入门 java遍历set linux系统安装教程图解 linux系统启动过程 图吧导航怎么样 隐藏虚拟键 vbs表白代码 c语言代码表白 infopath下载 winterboard movavi 小米9截屏 pro换肤 透视网格工具怎么取消 操作系统安装
当前位置: 首页 > 学习教程  > 编程语言

Typora 主题 艾米莉亚

2020/12/5 10:01:34 文章标签:

Typora 主题 艾米莉亚 1 下载主题&更换主题 首先取官网下载purple主题, [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dUpM723N-1607133407923)(images/image-20201205 092613307.png)] 然后打开Typora,开始更换主题 菜单 -> 主题 …

Typora 主题 艾米莉亚

1 下载主题&更换主题

首先取官网下载purple主题,

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dUpM723N-1607133407923)(images/image-20201205在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
092613307.png)]

然后打开Typora,开始更换主题

菜单 -> 主题 -> 打开主题文件夹

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uObyvcg0-1607133407926)(images/image-20201205092837470.png)]

将下载好的css文件直接放入即可

2 修改主题

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x2VEhioB-1607133407928)(images/image-20201205093250521.png)]

  1. 创建 purple.user.css

    这样我们的修改只会在该文件里面,不想要自定义的时候只要删掉就可以复原了

    (但是修改都修改了,怎么能回头,狗头.jpg)

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

在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 概览

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0IbaraRa-1607133407932)(images/image-20201205094104612.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oOITkXPa-1607133407935)(images/image-20201205094545336.png)]

4 一些问题

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

    :root {
      /* side bar */
        --side-bar-bg-color: #f9e5ff;
    }
    
  2. 代码图片会覆盖掉背景,可不可以调整? 图片不覆盖背景,难道背景覆盖图片

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

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

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

  6. 更多的问题 务必看官网或者github


本文链接: http://www.dtmao.cc/news_show_450128.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?