前言

昨晚偶然间看到一篇介绍记笔记工具以及如何美化的视频,突发奇想我打算也写一篇记录一下自己的美化过程,并会把自己使用的插件,样式文件等提供在下方,觉得不错得可以直接拿去使用,只希望观众能够一键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>&nbsp;&nbsp;|&nbsp;&nbsp; QQ:2013498006 </p>
<!-- &nbsp;&nbsp;|&nbsp;&nbsp; <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美化----让文章更加优美的更多相关文章

  1. TFBOY 养成记 一些比较好多文章。

    API解释中文版(简书文章,没事看看): http://www.jianshu.com/p/e3a79eac554f Tensorlfow op辨异:tf.add()与tf.nn.bias_add() ...

  2. ESP8266开发之旅 进阶篇⑤ 代码规范 —— 像写文章一样优美

    1.前言     之前,一直在跟大伙分享怎么去玩蓝牙模块,怎么去玩wifi模块,怎么去玩json,然后有很多小伙伴就留言各种问题或者说直接怼他的代码过来让我看,然后我就一脸懵逼(代码中到处各种abcd ...

  3. 【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮

    博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...

  4. 【博客美化】06.添加QQ交谈链接

    博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...

  5. 【博客美化】05.添加GitHub链接

    博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...

  6. 【博客美化】04.自定义地址栏logo

    博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...

  7. linux-一篇文章完成lnmp环境的编译安装

    lnmp环境搭建 前置条件 操作系统安装:CentOS 6.8 64位最小化安装. 配置好IP.DNS.网关.主机名 配置防火墙,开启80.3306端口 关闭访问墙 service iptables ...

  8. 记真实自己,炫精彩人生---《爱记》app使用体验

    真的有款神器吗,能找到合适的Ta,能秀出自己的新生活,能让自己的心情舒爽,有,体验了下.就是爱记.果粉的福利. [爱记]是集心情记录.分享.评价与交流于一体的工具,TA是你心灵休憩的港湾,也是你记忆放 ...

  9. 由情感计算带来的惊喜发现——记Rosalind W. PICARD“21世纪的计算”大会主题演讲

    W. PICARD"21世纪的计算"大会主题演讲" title="由情感计算带来的惊喜发现--记Rosalind W. PICARD"21世纪的计算& ...

随机推荐

  1. 如果服务器数据更新了,CDN的数据是怎么及时更新的

    A:cdn一般用来存静态资源.拿网站来说,当用户访问网站时静态资源从cdn加载.cdn向后段源服务器请求资源并缓存,这个请求过程是周期性的,自动的,称为回源. 当你更新了一个文件,现在正巧还没到cdn ...

  2. plsql developer中各个window的作用【转】

    转载自,原文链接: -程序窗口(program window) :可以执行 sql,sqlplus 相关的语句,例如存储过程,方法,一般用来开发程序用的. -测试窗口(test window):一般是 ...

  3. Java程序设计学习笔记(六) — 网络编程

    时间:2016-5-8 02:03 --网络编程        网络传输实际上就是进行数据传输.    一.传输的步骤:        1.对对方IP地址进行定位.        2.将数据打包发送到 ...

  4. Flink的CheckPoint

    Checkpoint checkpoint是Flink容错的核心机制.它可以定期的将各个Operator处理的数据进行快照存储(Snapshot). 如果Flink程序出现宕机,可以重新从这些快照中恢 ...

  5. Flink Data transformation(转换)

    Flink Data transformation 算子学习 1.Source:数据源,Flink在流处理和批处理上的source大概有4类: 基于本地集合的source.基于文件的source.基于 ...

  6. Git(GitHub)配合TortoiseGit使用

    1.首先下载安装配置Git 安装请参照 https://www.cnblogs.com/xueweisuoyong/p/11914045.html 配置请参照 https://www.jianshu. ...

  7. tensorflow saver简介+Demo with linear-model

    tf.train.Saver提供Save和Restore Tensorflow变量的功能,常用于保存.还原模型训练结果,这在自己的训练和迁移学习中都很有用. 训练.保存脚本: import tenso ...

  8. JDK、JRE、JVM的基本介绍

    一 .Java三大版本 JavaSE 标准版(桌面程序.控制台开发-) JavaWE 嵌入式开发(手机.家电-) JavaEE 企业开发(web端.服务器开发-) 二.JDK.JRE.JVM区别 JD ...

  9. Microsoft Remote Desktop 通过 .rdp 文件登录

    最近在淘宝上买了「市场洞察」子账号,说是子账号,其实是需要登录到他们的 Windows 服务器上才能用的.并且子账号也是 5-6 个人共用的,且不说远程服务器很老又有延迟,经常是我想添加一个监控店铺或 ...

  10. openswan IPSec专栏目录锦集

    为了方便查阅现有的文章,特准备一个目录页供后续查询使用 专栏序言 1. 基础知识 openswan任务调度基础知识之信号 2. openswan环境搭建 openswan框架和编译时说明 opensw ...