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效果如上所示:


目录
相关文章
|
1月前
【Typora】markdown神器之Typora无限使用安装与基本操作教程
【Typora】markdown神器之Typora无限使用安装与基本操作教程
121 3
|
1月前
markdown字体大小颜色样式详解
【4月更文挑战第10天】Markdown不直接支持字体样式设置,但可通过HTML标签实现。如用`<font face="字体名">`改变字体,`<font color=颜色值>`改变颜色,`<font size=数字>`调整大小。组合使用如`<font face="黑体" color=green size=5>`可同时设置。注意并非所有Markdown解析器都支持这些语法,使用前需查阅解析器文档。
47 1
|
1月前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
102 1
|
1月前
|
人工智能
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
本文介绍如何将笔记转换为Markdown格式以快速发布博客。通过使用特定的Prompt和AI工具Claude 3 Sonnet,可以将Notepad++笔记转为适合CSDN博客的Markdown格式。转换要求包括:正确标记代码段、调整缩进和格式、使用Markdown标题、列表、链接和图片语法。Claude 3 Sonnet能有效处理格式转换,将转换后的Markdown内容复制到编辑器,即可便捷发布博客。
29 2
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
|
1月前
|
Java Maven Kotlin
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
194 0
|
9月前
|
前端开发 安全
博客教程markdown--- (花里胡哨篇)
博客教程markdown--- (花里胡哨篇)
50 1
|
1月前
|
数据可视化 iOS开发 MacOS
如何在Typora中以可视化或源码的方式使用markdown
如何在Typora中以可视化或源码的方式使用markdown
70 0
|
1月前
|
缓存 iOS开发 MacOS
R沟通|​markdown编辑器—Typora
R沟通|​markdown编辑器—Typora
73 0
|
8月前
|
机器学习/深度学习 Cloud Native Go
猫头虎博客带您使用Markdown编辑器
猫头虎博客带您使用Markdown编辑器
71 1
|
7月前
|
SQL JavaScript
markdown字体大小颜色样式
markdown字体大小颜色样式

热门文章

最新文章