由于 Markdown 的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。...如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。...工具 这里我们使用 VSCode 编辑器进行 Markdown 的编辑和预览。 实时预览方法: 创建一个测试文件 TEST.md # Markdown Test ## Hello World!...段落1 段落2 字体 Markdown 可以使用以下几种字体: *斜体文本* _斜体文本_ **加粗文本** __加粗文本__ ***粗斜体文本*** ___粗斜体文本___...下面每种写法都可以建立分隔线: *** * * * ****** --- - - - 删除线 如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可,实例如下: ~~删除线~~
搭建Hexo博客-第3章-Markdown语言介绍及编辑博客 大家好,如果你按照上一篇文章的内容安装并部署了博客,那么现在在你的主页上应该有一篇 Hello World,并且博客目前使用的主题是默认的...* A * B * C 显示效果: A B C 5.斜体、粗体字体 在文字两边加上一个 *,就可以使文字变成斜体,加上两个 *,可以使文字变成粗体,三个 * 可以使文字变为粗斜体。...比如 Markdown 语言本身不能支持太多字体显示效果,但我们可以通过使用 HTML 语言来弥补这一缺点。...编辑博客 编写文章 每次你使用 hexo g -d 命令时, hexo 都会把你 source 文件夹下 _posts 文件夹里的文件编译成 html 文件,放到 public 文件夹下,然后部署到服务器上...我是用的编辑器时 Vscode ,主要看中了它的颜值。编辑 Markdown 用什么软件都行,只要你习惯就好。
学习目标 学会在Canvas上绘制文本的方法; 学会安装VSCode及需要的插件,例如Live Server; 设置VSCode字体、文件自动保存、及Tab Size为2; 学习使用HTML标签(例如canvas...); 学习使用const关键字,及添加注释; 学习更改绘制文本的字体、字号与颜色; 了解常用中文字体的英文名称; 学习给绘制文本添加文本样式(斜体、粗体); 学习给绘制文本添加渐变色材质; 学习在Canvas...在 Canvas API中,我们可以使用 fillStyle 属性设置填充颜色,可以使用 font 属性指定文本的字体和字号。...可以通过 font 属性中的 font-style、font-weight 分别实现斜体、粗体效果。font-style 有三个选项:normal、italic、oblique。...measureText方法返回的尺寸信息中并不包含高度信息,文本的高度信息手动计算涉及到许多内容,但对于大多数字体而言,其字符M的宽度值近似等于其高度值,所以M字符的宽度值可以近似当作同字体的高度值使用
前言 Android O中的新功能之一是使用自定义字体资源。在这篇文章中,我们一起来看看如何在我们的应用程序中使用它们。 在Android O之前,在我们的应用中使用自定义字体有多困难?...,如粗体,斜体或两者的组合。...使用字体系列 如上所述,如果您想在不同的样式中使用相同的字体呢?好的,也许你可以使用粗体或斜体的默认字体样式。但是如果你想要更薄的字体呢?薄而斜体?...创建新字体资源文件.png 2、为要包含的每个字体变体添加一个元素。让我们回到我们想要做的设计。字体样式很薄,粗体和斜体将是很好的。所以我们再加三个。 我只想改变body内容的字体。...然后添加每个字体变体的元素。最后,参考你的字体风格就像一个常规的单一字体。 自定义字体样式的可读性 在字体上直接使用字体TextView并不能保证良好的可读性。我们来看看。 ?
Marp 教程:如何在 VSCode 中引入自定义样式和主题 引言 Marp 是一个基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可以让你的 PPT 制作过程变得更加高效和专业...本文将详细介绍如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。 准备工作 1....在 VSCode 中安装 “Marp for VS Code” 插件。可以通过点击左侧活动栏上的扩展图标或按 Ctrl+Shift+X 打开扩展市场,搜索并安装。 2....创建自定义主题 如果你想创建一个完整的主题,可以参考 Marp 的官方主题结构。通常,一个主题包括: CSS 文件:定义幻灯片的样式。 YAML 文件:定义主题的元数据,如名称、作者等。...: # 标题 {.slide-in} 预览与调试 在 VSCode 中,你可以使用 Marp 的预览功能来实时查看你的自定义样式或主题的效果。
测试 后序 VSCode 一些好用的插件 VSCode 修改背景图片 VSCode 设置鼠标滚动改变字体大小 因为自己在VSCode配置过程中遇到许多问题,在此记录一下,希望能帮助到更多人 若需要彻底卸载重装...VSCode,可查看此篇教程 配置c++环境 前言 本人环境:Windows10 64位 VSCode 使用起来还是很方便的,运行速度快,占用系统资源小,还有丰富的插件 软件安装 1....}:表示workspace的文件夹名,也即Test ${file}:文件自身的绝对路径,也即/home/Coding/Test/.vscode/tasks.json ${relativeFile}:文件在...workspace中的路径,也即.vscode/tasks.json ${fileBasenameNoExtension}:当前文件的文件名,不带后缀,也即tasks ${fileBasename}:当前文件的文件名...VSCode 设置鼠标滚动改变字体大小 settings.json 中加入 “editor.mouseWheelZoom”: true 即可,上面我已经加上了,使用 Ctrl+鼠标滚轮 即可实现字体放大缩小
4、Winter Is Coming Theme 安装次数:1,398,907 文艺点可以翻译成“ 凛冬将至 ”,这个主题也有深色和浅色版本,冷色调的配色很好看,不过字体可能有点难辨认… 5、Night...Owl 安装次数:1,128,643 这个主题的名字就叫“夜猫子”,适合加班党 适合那些深夜才有灵感的人们使用,字体和背景的配色都非常适合弱光环境,有斜体版本和无斜体可选择,还有个白天的版本“Light...7、One Monokai Theme 安装次数:1,053,867 由 Joshua Azeroth 创建的最受好评和最常用的黑暗 vscode 主题之一,Monokai 和 One Dark 主题的混合体...8、Shades of Purple 安装次数:1,049,423 如它的名字 “紫色阴影” ,这个主题混合了各种紫色的色调和阴影颜色,可以轻松辨认重点属性,比如类名、函数定义等,适合紫色爱好者。...注意: 此排名旨在为大家介绍 2022 年流行的 VS Code 主题, 不代表 VS Code 官方排名 。且排名时只选取了通用主题,并未包含如微软的 C/C++主题这类针对特定语言的主题。
/iOS上使用,界面美观使用方便。...Windows10上安装VSCode也非常容易,官网直接下载即可。...在Windows10下,可以试试结合wsl或gitbash一起使用,使用起来,效果也还可以。但总体体验还是不如上一节的termius。...在Windows10下,可以试试结合wsl或gitbash一起使用,使用起来,效果也还可以。但总体体验还是不如上一节的termius。...0x04 SFTP插件远端同步代码 上一节中,我们通过VSCode打开目录并创建了代码文件,我们接下来需要将代码同步至远端服务器,并运行。我们这里使用SFTP插件。
所以通常我们对它进行使用的很少 4.CSS 字体属性 CSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。...font-family font-family 用于设置字体系列。可以为文本指定一种或多种字体,如果浏览器不支持首选字体,会使用后备字体。如果都不支持,则使用通用字体 sans-serif。...1.各种字体之间必须使用英文状态下的逗号隔开 2.一般情况下,如果有空格隔开的多个单词组成的字体,加引号“ ”. 3.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示 4.最常见的几个字体...font-style font-style 用于设置字体的样式,如斜体或正常字体。...常用值: normal: 正常字体 italic: 斜体 p { font-style: italic; } 注意:平时我们很少给文字加斜体,反而要将斜体标签改为不倾斜字体。
字体 要加粗的文字左右分别用两个星号包起来,不能加空格 这是加粗的文字2 将需要设置为斜体的文字两端使用1个星号或者下划线夹起来,不能加空格 这是倾斜的文字2 这是倾斜的文字2 要倾斜和加粗的文字左右分别用三个星号包起来...这是斜体加粗的文字 要加删除线的文字左右分别用两个连续的波浪号号包起来 这是加删除线的文字 大于号加空格表示块注释 在引用的文字前加大于号即可。...图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加 ? 1.10. 链接 1.10.1....导出的为pdf文件里没有流程图。 1.17. vscode辅助功能 在右键菜单中可以辅助生成字体、有序列表,表格、链接等。 1.18. 页内跳转链接 1.18.0.1....页内跳转链接例子 页内跳转-字体 页内跳转-vscode辅助功能 1.18.2. MarkDown页内跳转实现 1.18.2.1. 先定义一个锚(id) Hello World 1.18.2.2.
2025年最受欢迎的 19 个 VSCode 主题排行榜:推荐使用13号vs code主题哈喽,各位亲爱的代码小伙伴,猫头虎来给你们带来一波干货分享咯!...4、Winter Is Coming Theme文艺点可以翻译成“ 凛冬将至 ”,这个主题也有深色和浅色版本,冷色调的配色很好看,不过字体可能有点难辨认...5、Night Owl这个主题的名字就叫...“夜猫子”,适合加班党 适合那些深夜才有灵感的人们使用,字体和背景的配色都非常适合弱光环境,有斜体版本和无斜体可选择,还有个白天的版本“Light Owl ”。...Part of VSCode.pro course.如它的名字 “紫色阴影” ,这个主题混合了各种紫色的色调和阴影颜色,可以轻松辨认重点属性,比如类名、函数定义等,适合紫色爱好者。...注意: 此排名旨在为大家介绍 2025 年流行的 VS Code 主题, 不代表 VS Code 官方排名 。且排名时只选取了通用主题,并未包含如微软的 C/C++主题这类针对特定语言的主题。
这些主题不仅仅让你的编程环境变得更加个性化,更重要的是,它们能够提升你的编程效率,减少长时间编码所带来的视觉疲劳。 推荐使用 13: Noctis 0....4、Winter Is Coming Theme 文艺点可以翻译成“ 凛冬将至 ”,这个主题也有深色和浅色版本,冷色调的配色很好看,不过字体可能有点难辨认… 5、Night Owl 这个主题的名字就叫“...夜猫子”,适合加班党 适合那些深夜才有灵感的人们使用,字体和背景的配色都非常适合弱光环境,有斜体版本和无斜体可选择,还有个白天的版本“Light Owl ”。...Part of VSCode.pro course. 如它的名字 “紫色阴影” ,这个主题混合了各种紫色的色调和阴影颜色,可以轻松辨认重点属性,比如类名、函数定义等,适合紫色爱好者。...注意: 此排名旨在为大家介绍 2024 年流行的 VS Code 主题, 不代表 VS Code 官方排名 。且排名时只选取了通用主题,并未包含如微软的 C/C++主题这类针对特定语言的主题。
可选:"normal", "italic"-斜体, "oblique"-倾斜 "verticalalignment":"baseline" --- 设置垂直对齐方式。...alpha --- 设置背景透明度 可以看到中文,显示异常 VSCode里面可以选渲染的引擎 plt.xlabel("时间") plt.ylabel("...可以为数字 alpha --- 字体透明度。取值[0,1],同上。 backgroundcolor --- 背景颜色。同color字体颜色使用方法。...可选:"left","right","center" 注意:fontdict里的参数可不加引号,然后直接当做基本参数使用 (3)bbox ---设置标题盒属性字典参数(key不加引号) boxstyle...几种绘图的使用场景 bar(x, height, width=0.8, bottom=None, align='center', color='b', edgecolor='w', linewidth
什么是Markdown Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。...这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。...*斜体* OR _斜体_ 效果如下 斜体 斜粗体 利用前后各三个*(或下划线_、或对称组合)号将文本包围。...Markdown编辑器和解析器存在差异性,所以效果也会有所不同,请以自己所使用的编辑器和解析器为准。...小结 通过查阅和整理,基本上把常用的语法写了一遍,大部分语法能记在脑袋中了,即便下次忘记了,翻开自己的博客也能快速查阅,还可以给刚入门的小伙伴提供查阅,一举多得。
谷歌浏览器 新电脑自带一个 edge,虽说也是和谷歌一样的内核,但我更习惯用谷歌 安装后进行下列操作 设置浏览器显示最小字体,防止开发移动端时小字体显示出问题 把浏览器首页设置为 流莺起始页 安装插件..."editor.tokenColorCustomizations": { "comments": { // 设置字体样式 加粗 下划线 斜体等 "fontStyle..."files.autoSave": "onFocusChange", // 一个制表符等于的空格数 "editor.tabSize": 2, // 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体..."security.workspace.trust.untrustedFiles": "open", // 配置语言的文件关联 (如: `"*.extension": "html"`)。...** - off: 编辑器将不再对屏幕阅读器的使用进行优化。
,仅供参考: "git.path": "/usr/bin/git", 4.4.3 VSCode 中使用 git 日常操作 注:本文列举的是如何在 VSCode 中使用 git,但还是要求开发人员对...(14) VIM 插件 喜欢 VIM 的可以下载 vim 插件。 (15) 安装字体相关插件(可忽略) 字体可以选择自己喜欢的,我推荐 source code pro 等宽字体。...首选项中配置,我这里指定了多个字体,VSCode 会优先使用最前面的。找不到的话使用后面的。...https://github.com/Microsoft/VSCode-cpptools/releases Q:VSCode 在 windows10(7)、linux、mac 上体验如何?...A:VSCode 在 win 上使用时,主要受限于 git 是,操作较慢,且对于 C++的系统库文件跳转无法正常解析,还需另外通过 wsl 或者安装其他工具来设置,但在 linux、mac,则可以使用系统自带的
这几天里看过许许多多的超级厉害的博客,大多开篇都是关于Markdown语法的一些基本介绍。想来写一篇也好,留个笔记。 注: 本篇文章使用VScode编写。...效果 这里是引用效果 可以多级嵌套 字体 代码 **加粗 效果代码** *倾斜 效果代码* ***斜体加粗 效果代码*** ~~加删除线 效果代码~~ 效果 加粗 效果代码 倾斜 效果代码...斜体加粗 效果代码 加删除线 效果代码 分割线 代码 三个或者三个以上的-或者*都可以 --- *** 效果 这里的分割线被主题美化了 代码展示 代码 (```) 代码块的语法:使用一对...[图片alt](图片地址 ''图片title'') 注:图片alt就是显示在图片下面的文字,相当于对图片内容的解释。 图片title是图片的标题,当鼠标移到图片上时显示的内容。...下标 语法 Markdown兼容HTML语法,所以直接用HTML语法中的上、下标来实现: H2O 2×108 效果 H2O 2×108 结语 第一篇博文写完
sys.stdout将输出重定向到文本中,然后使用VSCode打开,发现居然也是错乱的 2....这里需要配置符合下面要求的严格半角字体,参考: 有没有中英文均有,且有字重和斜体的等宽字体?...而这也仅仅需要一行简单的CSS代码。 当然,随之而来的就是兼容性问题,并不能保证所以机器上都安装了该字体,且该字体并不能通过UI那关,因此尝试去寻找了一些其他符合条件的字体。...目前由于技术突破,比例字体的使用也比较普及 大部分程序员选择的代码字体一般都是等宽的,等宽字体在处理缩进对齐、统一字符间距等方面更占优势;此外,东亚字体中的方块字基本上都作为等宽字体处理。 4....控制每个中文字符的宽度 由于VSCode编辑框与终端默认配置的是相同的字体,因此编辑框和终端展示结果不一致应该不是字体的问题。那为啥终端会展示完全对齐的效果呢?
字体名称与引号:对于包含空格的字体名称,必须使用引号。例如 "Microsoft Yahei",但对于单词间没有空格的字体,可以省略引号,如 Arial。...适应不同设备:在设计响应式网页时,使用相对单位(如 em 或 rem)可以帮助确保字体大小在不同设备上自适应调整,增强用户体验。...可以通过预定义的关键字如 normal、bold,或者具体的数值(如 100、200、300 到 900)来指定。...实际应用中的注意事项 减少使用斜体:在实际设计中,我们通常不喜欢大面积使用斜体,因为它在阅读时可能不如普通字体那么清晰。...相对单位的使用:在需要响应式布局的页面中,使用 em 或 rem 等相对单位来定义字体大小,确保字体在不同的设备上能够自适应。