不满意Markdown 原生代码块样式？不妨试试这个美化代码截图工具~~

最新推荐文章于 2024-10-14 11:38:41 发布
最新推荐文章于 2024-10-14 11:38:41 发布
阅读量1.5k 收藏
点赞数 2
分类专栏： 总结
本文为博主原创文章，转载请显著位置标明出处，未经博主允许不得用于商业目的。
本文链接：https://blog.csdn.net/qq_44831907/article/details/122175970
版权

vscode css ide

痛点

平时写文章有时候需要分享代码，而原生代码块样式和网站上的代码块往往不能满足需要。而网上往往看到的技术文章的代码片段又美观又清晰（如图）。
这是MAC系统的vscode下面的Dracula这个主题的风格的样式，但我们可以通过美化代码截图工具来获得相同的效果。
在这里插入图片描述

网站

在线地址是 https://carbon.now.sh/
在这里插入图片描述
自由选择样式后，点击 Export即可导出。

Markdown 使用技巧之利用 Mermaid 进行绘制流程图
独泪了无痕
05-30 2683
Markdown 的原生语法不支持绘制图形，但通过 Mermaid 扩展，我们可以将一些格式化的文字渲染成我们需要的图形。Mermaid 是一个类似 Markdown 的开源脚步语言，它能够根据输入的语句自动生成合适的图像，方便于 Markdown 文档撰写者通过文本方式生成图形的扩展工具。相比 Visio 它要轻很多，几行文字便可生成一幅完整且美观的流程图。
历史上第一个网页长这样
weixin_45675581的博客
05-12 1662
1991 年 8 月，第一个静态页面诞生了，这是由 Tim Berners-Lee 发布的，想要告诉人们什么是万维网。从静态页面到 Ajax 技术，从 Server Side Render 到 React Server Components，历史的车轮滚滚向前，一个又一个技术诞生和沉寂。 前言 1994 年，万维网联盟（W3C，World Wide Web Consortium）成立，超文本标记语言（HTML，Hyper Text Markup Language）正式确立为网页标准语言，我们的旅途从此开.
解决markdown编辑器代码显示难看的问题
四个菜
03-18 1905
很简单，只要在三个引号的右边加上你所用的语言就行。 原来的编写是： ``` def GAN(): max_seq_len = 4096 score_template = 'TPR %(TPR)f\tFPR %(FPR)f\tAccuracy %(Accuracy)f\tAUC %(AUC)f' dir_path = '../tensorflow_res...
carbon：可以把代码片段生成漂亮的图片，从此告别难看的代码截图.zip
10-12
carbon：可以把代码片段生成漂亮的图片，从此告别难看的代码截图.zip,创建并共享源代码的美丽图像
MarkDown语法
最新发布
上山的月的博客
10-14 1897
makedown基本用法笔记
推荐开源项目：CodeSnap.nvim - 美化你的代码截图
gitblog_00015的博客
05-30 506
推荐开源项目：CodeSnap.nvim - 美化你的代码截图 codesnap.nvim???? Snapshot plugin with rich features that can make pretty code snapshots for Neovim项目地址:https://gitcode.com/gh_mirrors/co/codesnap.nvim 在程序员的世界里，有时候我们需要分享...
推荐开源项目：CodeImage - 让代码截图优雅起来！
gitblog_00099的博客
05-15 483
推荐开源项目：CodeImage - 让代码截图优雅起来！ codeimageA tool to beautify your code screenshots. Built with SolidJS and Fastify.项目地址:https://gitcode.com/gh_mirrors/co/codeimage 在软件开发的世界里，一张清晰美观的代码截图往往能更好地展示你的工作成果，引...
代码高亮截图神器
weixin_34375054的博客
10-11 131
1、网站平台 ： http://code2img.test.h5jun.com/# 2、示例 参考文献 ： http://www.75team.com/post/convert-code-to-image-via-html2canvas.html 转载于:https://www.cnblogs.com/chenmo-xpw/p/5949582.html...
解析markdown文件中的代码块并对其进行漂亮处理-JavaScript开发
05-26
prettier-markdown Prettier现在包括对美化Markdown（包括代码块！）的支持，因此，我建议改为使用官方的Prettier。 有关更多信息，请参见发行说明。一个简单的实用程序和更漂亮的Markdown Prettier现在包括对漂亮的Markdown（包括代码块！）的支持，因此，我建议改为使用官方的Prettier。 有关更多信息，请参见发行说明。一个简单的实用程序和CLI可在Markdown中的代码块上更漂亮地运行，而所有非代码块均保持不变。 当前可以在以下语言上运行（基本上所有漂亮的东西都支持！）：JavaScript TypeScript JSON CSS SASS LESS GraphQL安装yarn global add @ dschau / prettier
【代码风格一致性】：VSCode中的Linting与格式化工具统一方案
在软件开发中，代码风格一致性不仅仅关乎美观，它的重要性远超于此。代码风格的一致性有助于新团队成员快速理解和融入项目，使得代码审查过程更为顺畅，从而减少错误和提高团队效率。此外，一致的代码风格还有助于...
BladeGen模板自定义指南：个性化代码模板打造秘籍
![BladeGen模板自定义指南：个性化代码模板打造秘籍]...此外，本文还提供了实战技巧，包括设计可复用模板组件、管理代码片段和优化模板性能的方法。通过案例分析，展示了如何搭建开发环境、
【Beamer演示美化】：利用siunitx宏包，在演讲文稿中展示精确单位
[【Beamer演示美化】：利用siunitx宏包，在演讲文稿中展示精确单位](https://opengraph.githubassets.com/5c5e1bcbf902a710ba11ccd36948277bca0b592fdeabe0be1b57a68611368ecb/burnpanck/MathJax-siunitx) ...
dbhq.github.io
05-06
了解基本的 Markdown 语法（如 # 头部、- 列表、`代码块` 等）能帮助阅读和编辑这些内容。 9. **Web 开发最佳实践**：项目可能遵循了一些 Web 开发的最佳实践，比如代码模块化、ES6 语法、代码压缩和合并、懒加载、...
huuson235.github.io
02-24
7. **Markdown写作**：README.md文件通常用Markdown编写，可以学习到Markdown语法，如标题、列表、代码块、链接和图片的使用。 8. **Web性能优化**：可能涉及压缩图片、减少HTTP请求、使用CDN、添加缓存策略等提高...
CSDN markdown 代码块样式设置
weixin_42213903的博客
08-09 4659
相关链接 CSDN-markdown编辑器语法——背景色 CSDN-markdown黑色背景代码生成 markdown怎么设置颜色和字体以及背景颜色？
美化博客园代码块样式
weixin_30685047的博客
11-15 968
首先点击[插入代码(推荐)], 语言选择[PlainText], 把代码贴进去, 点击[插入代码](, 可根据情况选择是否需要勾选[全部折叠]选项) 然后在HTML模式下代码块的<pre>标签内添加[class="brush:text;quick-code:true;"],[class="brush:java;quick-code:true;"]等 这里的[text/j...
一键生成代码截图的神器，让你的代码美如画！
前端开发博客
05-18 845
大家好，我是宝哥。今天要给大家安利几款超实用的代码截图工具，它们不仅功能强大，而且使用起来也非常便捷。Chalk.isthttps://chalk.ist/由@Idered打造，这是一款易于使用的工具，拥有漂亮的背景，能让你的代码片段脱颖而出。它包含了一系列现成的主题，并且允许你创建自己的主题。它是开源的，并且是用Vue 3构建的，所以速度飞快。想要真正体验它的功能，我建议你亲自试用一下。截图中使...
美化代码
tubiebutu的专栏
07-13 2163
美化代码 空格 缩进使用 4 个空格。 永远不要使用 tab, 确保你在 Xcode 的设置里面是这样设置的。方法的大括号和其他的大括号(if/else/switch/while 等) 总是在同一行开始，在新起一行结束。 推荐: if (user.isHappy) { //Do something } else { //Do something else
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>