记typora美化----让文章更加优美
前言
昨晚偶然间看到一篇介绍记笔记工具以及如何美化的视频,突发奇想我打算也写一篇记录一下自己的美化过程,并会把自己使用的插件,样式文件等提供在下方,觉得不错得可以直接拿去使用,只希望观众能够一键3连,这对我而言将会是莫大得鼓励。下面快速开始。
如今,写笔记得工具多不胜数,word、语雀等这些都比较常用,接下来我来介绍一款大家经常使用、耳熟能详得神器——Typora。
有人说:有一种爱情是一触即发。看到Typora的第一眼,我就爱上了它。它没有专业软件那么复杂而难以上手的功能,却也没有为了简洁而妥协到难以使用,它的每一寸肌肤都恰到好处,与它相处的每一刻都十分愉悦。
typora这款软件正如以上所说,它简单而强大,并且免费 这里给出下载地址: 点我前去下载Typora
使用说明
Typora使用得是markdown语法,如果此前得你还不会使用markdown记笔记,怎么说 先去入个门吧 很简单。
够日常得基本使用了 Markdown 教程 | 菜鸟教程 我们也可以在文章编辑页面插入HTML语法,奈斯!
定义样式
Typora的定义就是极简,如果你是一位极简用户,完全不需要自定义它的样式,默认就够使用了。而我则算是一位半极简用户,我将定义我的文章样式并且分享出来源文件。当然你也可以根据自己的喜好去修改,不过需要建立在你对HTML、CSS 有一定的了解与使用。下面是我界面的样子
文件下载
我的文件下载地址:https://pan.baidu.com/s/1LmP3Gixxexhn25gelcXG2Q 提取码:kpse 文件详情
base.css.zip ----typora基础样式压缩包
newsprint.css.zip ----主题样式压缩包
pandoc-2.9.2-windows-x86_64.msi ----扩展插件
PicGo-Setup-2.3.0-x64.exe ----一款上传图片到图床的工具
使用说明
1、将上述压缩包通通解压
2、替换Typora的basc.css
路径如下
安装目录\Typora\resources\style
3、替换newsprint.css
路径如下
C:\Users\用户名\AppData\Roaming\Typora\themes
4、将Typora的主题切换为newsprint
重启即可
5、如果后续你想继续改进,只需再这两个文件中修改添加
扩展插件
Typora编辑的格式是md文件,有时我们可能需要把md文件转换成word、html文件。但是Typora暂时无法实现导出为指定格式的文件,所以我们就需要安装pandoc
这个插件 。
使用说明
菜单文件--> 导出-->选择你要导出的文件格式
模板
这里提供一个html的生成模板,在文件-->偏好设置-->导出-->HTML设置。
在head中添加
<meta charset="UTF-8">
<meta name="author" content="Mr.前度">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/imageviewer/0.1.0/viewer.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/imageviewer/0.1.0/viewer.min.js"></script>
在body中添加
<hr>
<b><i>The End~~</i></b>
<br>
<p class="qd-footer">Author:<a href="tencent://message/?uin=2013498006" class="qd-qq">前度</a> | QQ:2013498006 </p>
<!-- | <a href="https://blog.csdn.net/qd2013498006/rss/list" target="_blank" class="qd-csdn">解锁更多文章</a> -->
<style>
.qd-footer:hover,
.qd-qq:hover,
.qd-csdn:hover {
color: rgb(168 54 117);
}
.qd-qq,
.qd-csdn {
text-decoration: none;
color: rgb(90, 94, 97);
}
</style>
<script>
$(function() {
$('img').viewer(options = {
"navbar": false,
"title": false,
"toolbar": false
})
})
</script>
图床配置
在Typora中,它是不保存文件中的图片的,如果你要把这个文件上传或者发给别人,需要把图片一起打包,异常麻烦。所以就采用使用图床的方法来解决这个问题
使用PicGo这个工具,你只需粘贴图片到文件中,这个工具会自动的把图片上传到配置好的图床中。下面看看使用步骤
1、新建一个图床
这里我使用gitee仓库作为存放图片的地址,需要新建图片,并且设置为公开,配置token 这些直接百度的到,路径:在gitee个人页面->【设置】->【私人令牌】->【生成新令牌】即可。生成完成后记得及时保存,不在细说了。
2、安装icGo工具插件 gitee-smart
3、在PicGo中配置图床地址信息
我的gitee仓库目录
4、使用typora测试
出现success字样即代表成功。 就先写这么多吧~~
记typora美化----让文章更加优美的更多相关文章
- TFBOY 养成记 一些比较好多文章。
API解释中文版(简书文章,没事看看): http://www.jianshu.com/p/e3a79eac554f Tensorlfow op辨异:tf.add()与tf.nn.bias_add() ...
- ESP8266开发之旅 进阶篇⑤ 代码规范 —— 像写文章一样优美
1.前言 之前,一直在跟大伙分享怎么去玩蓝牙模块,怎么去玩wifi模块,怎么去玩json,然后有很多小伙伴就留言各种问题或者说直接怼他的代码过来让我看,然后我就一脸懵逼(代码中到处各种abcd ...
- 【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】06.添加QQ交谈链接
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】05.添加GitHub链接
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】04.自定义地址栏logo
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- linux-一篇文章完成lnmp环境的编译安装
lnmp环境搭建 前置条件 操作系统安装:CentOS 6.8 64位最小化安装. 配置好IP.DNS.网关.主机名 配置防火墙,开启80.3306端口 关闭访问墙 service iptables ...
- 记真实自己,炫精彩人生---《爱记》app使用体验
真的有款神器吗,能找到合适的Ta,能秀出自己的新生活,能让自己的心情舒爽,有,体验了下.就是爱记.果粉的福利. [爱记]是集心情记录.分享.评价与交流于一体的工具,TA是你心灵休憩的港湾,也是你记忆放 ...
- 由情感计算带来的惊喜发现——记Rosalind W. PICARD“21世纪的计算”大会主题演讲
W. PICARD"21世纪的计算"大会主题演讲" title="由情感计算带来的惊喜发现--记Rosalind W. PICARD"21世纪的计算& ...
随机推荐
- 这样设计 Java 异常更优雅
转自:lrwinx.github.io/2016/04/28/如何优雅的设计java异常/ 导语 异常处理是程序开发中必不可少操作之一,但如何正确优雅的对异常进行处理确是一门学问,笔者根据自己的开发经 ...
- T-SQL - 习题01_查询每门课都大于80分的学生姓名
时间:2017-09-11 整理:byzqy 题目:用一条SQL语句查询出每门课都大于80分的学生姓名. 最近面试C#开发工程师,碰到上面这个考数据库的题目,自己感觉有点难度,没有思路,现将找到的解决 ...
- 在Raspberry Pi 3B+上安装Windows 10 IoT
下载 进入树莓派下载页面,当前网址https://www.raspberrypi.org/downloads/ 选择Windows 10 IoT Core,当前网址https://docs.micro ...
- Spring笔记(2)
一.AOP简介 1.概念: 面向切面编程(Aspect-Oriented Programming),可以说是OOP(Object-Oriented Programing,面向对象编程)的补充和完善. ...
- 最长回文子序列---DP
问题描述 给定一个字符串s,找到其中最长的回文子序列.可以假设s的最大长度为1000. 解题思路 1.说明 首先要弄清楚回文子串和回文子序列的区别,如果一个字符串是"bbbab", ...
- Java并发编程工具类 CountDownLatch CyclicBarrier Semaphore使用Demo
Java并发编程工具类 CountDownLatch CyclicBarrier Semaphore使用Demo CountDownLatch countDownLatch这个类使一个线程等待其他线程 ...
- OAuth2-简介
1. 简介 OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用.因此OAUTH是安全的. ...
- C#多线程开发-任务并行库04
你好,我是阿辉. 之前学习了线程池,知道了它有很多好处. 使用线程池可以使我们在减少并行度花销时节省操作系统资源.可认为线程池是一个抽象层,其向程序员隐藏了使用线程的细节,使我们可以专心处理程序逻辑, ...
- python 加速运算
原文链接:https://blog.csdn.net/qq_27009517/article/details/103805099 一.加速查找 1.用set而非list import time dat ...
- 20210826 Lighthouse,Miner,Lyk Love painting,Revive
考场 T1 这不裸的容斥 T2 这不裸的欧拉路,先从奇数度点开始走,走不了就传送 T3 什么玩意,暴力都不会 T4 点分树??? 仔细想了一波,发现 T1 T2 都好做,T3 二分答案后可以暴力贪心, ...