准备面试的时候太无聊了,感觉Typora的界面开始让人眼花

说明: 娱乐所作 非详细教程 可操作性很低

开始看动漫ing~ 斗罗真好看,决定找点图做个斗罗大陆的主题,开始图片放了很多,后来发现简洁才是王道,于是留下三哥和小舞姐(真是自虐 /(ㄒoㄒ)/~~
主页成品图:

  • 准备工作:准备好图片多大无所谓,可以直接自己去调整
  • 抠图,打算使用自己的背景色所以使用png格式的图片,于是顺手找了个还算好用的自动抠图网站
  • typora 使用的是electron 开发的,本质上就还是个浏览器,图片过大肯定影响渲染速度,需要去压缩一下图片的大小: 图片大小压缩。压缩完之后,效果不错两张图大约都是49k左右
  • 接下来打开主题文件,从头开始写也太费时间了,直接用了自己最喜欢的一个主题的css 文件,下面这个小朋友。
  • 打开Typora 想要改一下标题样式还有代码块的样式,给点色彩啥的。他们可太白了。之前还稍微修改了一点基础配置里面的样式,基本最后调整的时候都注释了。
  • 改代码:
  • 之前看新拟态UI还挺好看的,github上面找了个别人的设计,用了一个悬浮和阴影的样式,感觉不错。
  • 然后去找个配色,配置一下标题的样式和整体的颜色配色网站
  • 最后打算背景使用个肌理素材图片,(虽然最后感觉有一点点的不协调),
  • 设置背景图,background 属性设置在content标签上面就可以,不知道样式设置在哪里的,可以直接打开开发者模式然后去看一下id class 或者标签,css选择器选一下就行了。
  • background是可以直接在一个 content 上面直接设置多个图片的,所以直接把图全放在一起然后使用属性定位一下位置就好了。
  • 然后就是实际使用到的主编辑部分的设置,想要背景图可以透出来一点点于是修改了一下透明度,其他的标签看不过去的也修改了一下,然后右键出来的菜单给了个马卡龙线性渐变的色。

验收成品


哈哈哈花里胡哨~~~~

怎么能,不给罗云熙留给位置:

满血复活 接着学习


Typora主题——无聊时候的消遣之作相关推荐

  1. Typora 主题 艾米莉亚

    Typora 主题 艾米莉亚 1 下载主题&更换主题 首先取官网下载purple主题,[主题地址]: http://theme.typora.io/ 然后打开Typora,开始更换主题 菜单 ...

  2. Typora主题下载

    1.0前言 Typora有很多主题可以使用,默认的主题很少,想要自己的主题更加个性化,可以去添加更多的主题来优化自己的使用体验 2.0下载主题 2.1 找到Typora主题的网站 1.打开一个typo ...

  3. Typora主题推荐及资源

    作为自己最喜欢的一款笔记软件,使用typora记笔记是真的没话说,支持导入导出功能,可以将笔记导出为word或pdf文档等.对人来说一款好看的主题在记笔记或者写作时候能带给作者美的享受以及审美的满足感 ...

  4. Markdown笔记利器:Typora主题-最美的模板

    全文阅读:Markdown笔记利器:Typora主题-最美的模板| 连享会主页 目录 0. 前言 1. 如何安装主题? 2. 有哪些好看的主题? 2.1 网页风/极简风 2.2 学术风 2.3 个性风 ...

  5. 添加Typora主题皮肤

    到官网下载喜欢的主题皮肤,比如[vue风格] https://theme.typora.io 下载压缩包 打开 typora 主题皮肤文件夹 将解压后文件夹中的 vue文件夹 和 vue.css 复制 ...

  6. Windows更换系统字体、Typora主题等外观配置

    文章目录 前言 更换系统字体 更换Typora主题 前言 最近改换了windows作为生产力工具,感觉一些外观上的设置看起来不是很习惯,照着原来Mac改换了一些内容,小记一下. 更换系统字体 字体这方 ...

  7. Typora主题代码更改(引用块颜色, 标题样式和颜色, 行内代码样式)

    Typora主题库中的主题总有自己不喜欢的部分 所以自己在github主题的基础上做了一些更改 打开主题文件夹 首先需要找到需要更改的文件的位置 文件→偏好设置→外观→主题→打开主题文件夹 给gith ...

  8. Typora~Typora 主题下载安装(百度网盘)

    一.下载Typora主题 点击下载Typora主题,密码:af4s 二.安装Typora主题 打开设置 选择偏好设置 打开主题文件夹 把压缩包中的主题复制到Typora主题文件夹中 三.Typora主 ...

  9. 修改 Typora 主题样式

    操作步骤: 打开 Typora 主题文件夹:文件 – 偏好设置 – 外观 – 主题 – 打开主题文件夹(File – Preference – Appearance – (Themes) Open T ...

最新文章

  1. 融于心而表于行 之 磁盘的管理方式
  2. oracle loop index,oracle index 聚集因子
  3. aws 性能_AWS上的应用程序自动扩展–选项和对性能的影响
  4. 设计模式之单例模式-C++
  5. idea2020.01的git下的Local Changes消失的问题
  6. java中一个char_java 中一个char包含几个字节
  7. pip安装第三方库以及版本
  8. 前牙正常覆盖是多少_深覆合和深覆盖两者怎么区分?花两分钟进来了解一下
  9. hdu 1754 线段树 水题 单点更新 区间查询
  10. java数组实验心得体会_JAVA实验报告心得
  11. WEBOS——第一次感觉云计算离我们如此之今
  12. 小学计算机绘图体会,辅导小学生电脑绘画的几点做法
  13. TestCenter测试管理工具功能详解四(I)
  14. 全面认识MOS管,一篇文章就够了
  15. 关于wish平台收款方式的比较,哪个更好?
  16. python 实现串口发送数据
  17. ASEMI整流桥GBP406~GBP410,GBP406参数,GBP410图片
  18. 精彩回顾|「源」来如此 第六期 - 开源经济与产业投资
  19. 2018宁夏高考计算机类,2018宁夏高考艺术类分数线公布
  20. android+连接隐藏wifi,SSID隐藏后手机如何连接?手机连接隐藏ssid无线网络教程

热门文章

  1. CS231n课程笔记翻译7:神经网络笔记 part2
  2. 四柱排盘系统--记录软件开发过程
  3. 使用.Net对图片进行裁剪、缩放、与加水印
  4. 推荐系统实践-利用用户标签数据(4)
  5. 计算机恢复点不开怎么办,W7系统还原打不开怎么处理
  6. 根据文件字节流判定文件类型
  7. 世界顶级计算机专家排名,世界前1000名顶级计算机科学家名单出炉,美国616人,中国呢?...
  8. 自己搜集的一些资料(只是一些链接而已)
  9. 盘点国内23款备受关注的企业级服务工具
  10. 分享116个JS特效动画效果,总有一款适合您