全网最全的Mac代码风格总结

发布时间：2025-02-01 14:01

全网最全的Mac代码风格总结

Mac的风格的代码样式，有谁会拒绝呢？那么怎样在文章、博文、PPT汇报等界面中将代码转换成Mac风格呢？岛主这里教大家4中方法

1. 一个神奇的转换网站

推荐指数：⭐⭐⭐⭐⭐
只要将代码贴在上面，选择好自己喜欢的代码颜色样式以及背景样式，就可以一键导出Mac风格的代码截图，非常优雅有没有！
$\"全网最全的Mac代码风格总结_第1张图片\"$
$\"全网最全的Mac代码风格总结_第2张图片\"$

评论回复“mac”获取网址链接。

2. 万能的vscode插件

推荐指数：⭐⭐⭐⭐⭐
如果你使用vscode，那么只需下载插件：codeSnape。
$\"全网最全的Mac代码风格总结_第3张图片\"$
使用方法极其简单。选中代码右键点击codesnape即可转换成mac风格的图片。
$\"全网最全的Mac代码风格总结_第4张图片\"$

3. 博文撰写网站（强烈推荐给运营公众号的同学们）

推荐指数：⭐⭐⭐⭐
很多人后台私信我问公众号中的代码如何显示成Mac风格。这里同样推荐大家一个网站。
首先声明，该方法需要使用markdown语法撰写博文，稍微有些门槛。但是一旦你熟悉这种语法，写文章速度会提升数倍！没错，富文本真的是万恶之源~~
效果如下:
$\"全网最全的Mac代码风格总结_第5张图片\"$

如果你想入门markdown，请看岛主之前的一篇文章：
https://zhuanlan.zhihu.com/p/103348449

优点是通过该网站转换的代码可以粘贴复制，不像前两种的仅是代码的截图。

评论回复“mac”获取网址链接。

4. VsCode中使用markdown语法实现mac风格的代码块

推荐指数：⭐⭐
这里假设你不喜欢上面推荐的网站，那么有一段神奇的代码同样可以实现同样的效果。
本段代码在vscode中自测。

<html>
<style>
    .mac {
        width:10px;
        height:10px;
        border-radius:5px;
        float:left;
        margin:10px 0 0 5px;
    }
    .b1 {
        background:#E0443E;
        margin-left: 10px;
    }
    .b2 { background:#DEA123; }
    .b3 { background:#1AAB29; }
    .warpper{
        background:#121212;
        border-radius:5px;
        width:400px;
    }
</style>
<div class=\"warpper\">
    <div class=\"mac b1\"></div>
    <div class=\"mac b2\"></div>
    <div class=\"mac b3\"></div>
<div>
<br>
</html>

```cpp
#include<iostream>
using namespace std;
int main(){
    return 0;
}

$\"全网最全的Mac代码风格总结_第6张图片\"$

总结时刻

又到了总结的时间。对于具有选择困难症的同学们，以下建议仅供参考：

如果想要代码截图，又不想折腾vscode，方法1是首选；
如果平时使用vscode做开发，codesnape插件是首选；
如果你平时也写公众号，强烈推荐方法3；
方法4仅供参考，实用性不太强。

全网最全的Mac代码风格总结

全网最全的Mac代码风格总结

1. 一个神奇的转换网站

2. 万能的vscode插件

3. 博文撰写网站（强烈推荐给运营公众号的同学们）

4. VsCode中使用markdown语法实现mac风格的代码块

总结时刻

相关推荐