程序猿，你真的会使用Typora吗？

1.聊聊我和Typora的故事

1.1初识typora

我是在今年的这个7月份，接触的这个typora，主要是因为写这个Markdown，然后这个typora可以对于他进行一个即时的渲染；

但是当时并没有体会到他的好用，仍然使用的是这个csdn自带的编辑器（因为当时我还不知道这个csdn里面的这个MD编辑器就是可以直接可以把我们的markdown导入进来的，后来才知道这个csdn里面的这个MD就是我们的markdown的语法）；

Markdown使用~~pandoc插件安装_vscode pandoc-CSDN博客

1.2初识typora+图床

然后是经由这个学长的这个介绍：我了解到了这个图床这个秘密武器，确实typora基本上解决了我们的所有的这个问题，科普一下，这个图床主要是用来对于我们的这个文章里面的这个图片进行存储，就是没有这个之前，我们写的文章图片是保存在本地的，其他的认识看不到的，但是我们设置这个图床之后相当于就是我们在网上给这个图片找了个家；

任何人都可以访问这个“家”，这样的话，所有的人都可以看到这个图片，我自己是使用的这个gitee搭建的这个图床，中间也是走了很多的这个弯路，但是搭建成功之后是真的好用（大家如果遇到问题的话可以@下面的这个文章的作者，我当时就是找他解决的这个遇到的各种问题，新手的话，还是需要一定的这个成本的）；

图床和markdown

1.3爱不释手

现在这个typora已经成为了我的生活和学习里面不可缺少的一个组成部分，主要是因为他真的太好用了，我其实使用typora只有不到半年的时间，就对他产生了很强的依赖，下面的这个是一位交大的学长的推荐，他也是我当时了解这个typora的引路人，我当时第一次了解这个软件就是这个学长介绍的，他的这个b站上面也有很多的这个干货，大家可以关注下，相信他的内容会让你喜欢的；

上海交大学长的推荐的高效神器，你知道几个？？

2.typora进阶使用

2.1你的Typora界面

2.2高手的Typora界面

2.3感慨

曾几何时，我就是那个小白，看到别人的这个typora玩的这么溜，页面如此花哨，相比之下，觉得自己黯然失色，不过不要怕，从今天开始，你也可以成为上面的第二种样式设计；

3.Typora到底是什么

实际上这个Typora就是一个浏览器。之前我也不知道，是因为我们的这个调试模式没有开启；

3.1偏好设置

3.2开启调试模式

3.3检查元素

一旦开启这个调试模式，我们右键，就会有这个检查元素的这个选项（开启之后需要重启一下这个才会生效）；

而此时，你就会发现，我们的这个typora上面的内容就是一堆css写出来的：只要你足够强大，你就可以对于这个源代码进行修改，你可以直接修改，也可以在我们的配置文件里面修改，下面的这个就是直接修改的；

3.4配置文件修改

点进去之后，你就可以对于这个里面的css进行修改了，他们那些炫酷的这个界面就是对于这个css进行了修改；

而炫酷这个模式的设计设计前端的这个内容，我们可以直接使用现成的，下面的这个vue.css就是我下午找的这个现成的样式代码，直接使用；

把那两个文件夹放进去之后，我们就可以去重启typora找到下面的这个vue主题查看我们的页面效果，秒变炫酷：（没有导入上面的vue和css之前你的这个typora里面是没有这个vue试图选项的，导入之后就会生效）；

文件获取方式：（下面的这个是我第一次使用网盘进行分享，大家看一下是否有效，无效可以私信或者进行评论我）

链接：百度网盘

提取码：cjvj