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

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

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

1. 一个神奇的转换网站

推荐指数:⭐⭐⭐⭐⭐
只要将代码贴在上面,选择好自己喜欢的代码颜色样式以及背景样式,就可以一键导出Mac风格的代码截图,非常优雅有没有!
在这里插入图片描述
在这里插入图片描述

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

2. 万能的vscode插件

推荐指数:⭐⭐⭐⭐⭐
如果你使用vscode,那么只需下载插件:codeSnape。
在这里插入图片描述
使用方法极其简单。选中代码右键点击codesnape即可转换成mac风格的图片。
在这里插入图片描述

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

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

如果你想入门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;
}

在这里插入图片描述

总结时刻

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

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

猜你喜欢

转载自blog.csdn.net/fly_wt/article/details/124676060
今日推荐