记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世纪的计算& ...
随机推荐
- 面试题:hashcode相等两个类一定相等吗?equals呢?相反呢?
首先如果hashcode相等的话,这两个类也是不一定相等的,如果是反过来的话(通常情况下,如果两个对象的内容相同,两个对象的hashcode也是相同的) hashcode()和equals()的关系: ...
- mfc HackerTools远程线程注入
在一个进程中,调用CreateThread或CreateRemoteThreadEx函数,在另一个进程内创建一个线程(因为不在同一个进程中,所以叫做远程线程).创建的线程一般为Windows API函 ...
- WPF日积月累之文件监测与DataGrid指定Row的颜色
一.概述 关于DataGrid指定Row的颜色,我们可以使用转换器和DataGridRow的Style来实现.对于文件的检测,我们可以使用FileSystemWatcher来实现. 二.Demo Co ...
- 链表LinkedList、堆栈Stack、集合Set
链表LinkedList LinkedList 也像 ArrayList 一样实现了基本的 List 接口,但它在 List 中间执行插入和删除操作时比 ArrayList 更高效.然而,它在随机访问 ...
- ProjectEuler 004题
1 #include<iostream> 2 using namespace std; 3 4 int main() { 5 bool isPalindromic (int num); 6 ...
- easyexcel
导出: package com.example.demo.excel.demo0; import com.alibaba.excel.annotation.ExcelProperty; import ...
- 一个基于activiti审批流程示例,如何与系统整合
前言 目前市场上有很多开源平台没有整合工作流,即使有,也是价格不菲的商业版,来看这篇文章的估计也了解了行情,肯定不便宜.我这个快速开发平台在系统基础功能(用户管理,部门管理-)上整合了工作流,你可以直 ...
- 三.Go微服务--令牌桶实现原理
1. 前言 在上一篇文章 Go微服务: 令牌桶 当中简单的介绍了令牌桶实现的原理,然后利用 /x/time/rate 这个库 10 行代码写了一个基于 ip 的 gin 限流中间件,那这个功能是怎么实 ...
- linux centos7 read 命令
2021-08-24 1. 命令简介 read 命令就是读取控制台输入,会将从键盘输入的数据分割成一个个字段依次存储在 parameter[0] .parameter[1] ......,若是没有指定 ...
- Qt5-调试器安装
这周末正好有空,我好好研究了下如何给Qt安装调试器.我们在windows下一般安装两种Qt版本,一种是基于Visual Stuido编译器的(MSVC),另一种是基于g++的MinGW.使用后者一般调 ...