typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)

简介: typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)

typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)


31.png

32.png


☺ 以下是使用博客园的markdown的效果(不过我强迫症还是手动修改了,旁边带★是原先)☺:

typora 基本使用和漂亮的主题样式

一、typora 基本使用

ps:文字排版,使用markdown nice 可以一键复制到公众号、知乎:https://editor.mdnice.com/

注意细节:标识符的激活,就是靠空格

(1)快捷键:1-6个#(或ctr+1-6) 分别是1-6级标题:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

★ 原先的六级标题:33.png

(2) 快捷键: ctr+ b 加粗 ctr + i 倾斜 反斜杆的标记作用: 标记

(3) 链接: 链接标题 中括号[ ]+小括号() 百度

★ 原先的链接:34.png


(4)区块引用和区块嵌套:> 区块嵌套 > >

区块引用

区块嵌套

★ 原先的块嵌套:35.png


(5) 无序列表 -

(6) 快速插入代码块:~~~(三个或三个以上的~)回车

// FileName: HelloWorld.java
public class HelloWorld {
  // Java 入口程序,程序从此入口
  public static void main(String[] args) {
    System.out.println("Hello,World!"); // 向控制台打印一条语句
  }
}

(7)分割线: --- (三个-或以上) 回车


二、漂亮的主题样式

  • 哈哈哈,可以自定义的(很简单的)
1、首先发现美:就是看到写的样式好看,网站也好,别人的博客也好,右键找到它使用的样式,然后哦漂亮的样式你值得拥有
2、可以直接拿别人分享的漂亮样式即可:比如我的漂亮样式(typora的主题是dark.css,稍微自定义修改成为自己喜欢的样子)
3、补充右键检查选择样式时,要善于利用ctr+f 搜索,以及找到后,觉得大小或者边距可以调整一下(直接在浏览器的开发者模式style中修改属性值,这样可以直接看到效果,喜欢了再修改到样式文件中)

三、如何更改typora主题样式

  • 具体步骤:文件 -》 偏好设置 -》 外观 -》打开主题文件 -》将dark.css(样式文件) 粘贴到thems下 -》重启(因为typora没有设置一个重启选项(那就是默认重启方式---关闭再打开))


36.png


37.png38.png


四、如何修改博客园等博客的markdown样式(以上也看到我手动改后的效果啦,so easy)

(接下来我以修改六级标题样式为例)

1、鼠标光标移动到六级标题上,然后右键,检查


39.png


2、复制-》复制选择器


40.png


3、管理-》设置-》页面定制css:—》保存


41.png

42.png

4效果如上所示:


目录
相关文章
|
5月前
【Typora】markdown神器之Typora无限使用安装与基本操作教程
【Typora】markdown神器之Typora无限使用安装与基本操作教程
209 3
|
15天前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
128 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
16天前
|
前端开发 Java 程序员
技术博客入门与Markdown技术的运用
技术博客入门与Markdown技术的运用
15 1
|
1月前
基于typora编写Markdown文档
如何使用Typora编写Markdown文档的教程,包括软件设置、快捷键使用以及一些使用技巧。
50 18
|
2月前
|
编解码 前端开发
Typora 1.0.3 markdown 满屏显示,去除两边的留白
Typora 1.0.3 markdown 满屏显示,去除两边的留白
29 4
|
2月前
【Typora】如何使用Markdown插入一段文字,部分左对齐,部分右对齐
如何在Markdown编辑器Typora中使用HTML语法实现同一行内文字的左对齐和右对齐布局。
235 1
|
2月前
|
编解码 前端开发
Typora 0.9.78 markdown 满屏显示,去除两边的留白
Typora 0.9.78 markdown 满屏显示,去除两边的留白
44 0
|
3月前
|
存储 JavaScript Python
word文档转成Markdown文档并在Typora免费版添加图床-----想想都很香
word文档转成Markdown文档并在Typora免费版添加图床-----想想都很香
140 0
|
5月前
|
人工智能
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
本文介绍如何将笔记转换为Markdown格式以快速发布博客。通过使用特定的Prompt和AI工具Claude 3 Sonnet,可以将Notepad++笔记转为适合CSDN博客的Markdown格式。转换要求包括:正确标记代码段、调整缩进和格式、使用Markdown标题、列表、链接和图片语法。Claude 3 Sonnet能有效处理格式转换,将转换后的Markdown内容复制到编辑器,即可便捷发布博客。
73 2
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
|
5月前
|
Java Maven Kotlin
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
228 0