编程小技巧9-如何生成没有水印的代码图片（IDEA carbon-now-sh插件使用教程）

淡淡的烟草味﹌ 2024-04-22 15:05 61阅读 0赞

> 陈老老老板?  ??本文专栏：快速变成小技巧（主要讲一些平时常用的、有助于提高开发素的内容）  
> ??本文简述：本文讲一下使用carbon-now-sh插件生成图片超详细教程。  
> ??上一篇文章： [编程小技巧8-优化日志对象创建代码][8-]  
> ??有任何问题，都可以私聊我，我能帮得上的一定帮忙，感谢大佬们支持。  
> ?如果想咨询其他问题可以私聊加我wx。

![在这里插入图片描述][dcbbc798fb4f494581c58782d911c7c2.gif_pic_center]

## 一、carbon-now-sh插件简介 ##

**说明:**今天需要获取到接口返回值JSON的数据截图，但是公司电脑是有水印的，所以需要一个工具将代码或Json数据生成图片，这时通过我一顿搜索发现了carbon-now-sh这个无敌好用的插件。  
**简介:**这个插件其实就是将你选中的代码粘贴到Carbon这个网站，通过这个网站生成图片，使用起来还是非常简单的，有可能出现的问题是，有些同学可能无法访问Carbon这个网站：[Carbon网址][Carbon]，在最后我会教大家无法访问的解决方法。

## 二、carbon-now-sh插件使用 ##

### 1.下载安装 ###

**说明:**下载是非常简单的，就是安装插件然后就可以使用了。

#### （1）进入IDEA插件设置 ####

点击右上角File，在点击Settings，或者快捷键Ctrl + Alt + S。  
![在这里插入图片描述][5eb3f9e8a69b43ba99bf8f033220d0a0.png]

#### （2）依照步骤进行下载安装，安装完不用重启 ####

![在这里插入图片描述][33b7b12ced224d16a9d27453f10eb345.png]

### 2.使用方式 ###

**说明:**使用更是超级简单

#### （1）Ctrl + A 全选，右键点击Open in carbon.now.sh ####

Json数据示例（如果是Json数据可以先建一个.json的文件，如果是代码就正常全选右键即可）

{
         "programmers": [
    	{
         "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
    	{
         "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
    	{
         "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
    ],
    	"authors": [
    		{
         "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    		{
         "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    		{
         "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
    	],
    	"musicians": [
    		{
         "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
    		{
         "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
    	]
    }

![加粗样式][c0b329162e1a42889393641d8f47b4ce.png]

#### （2）进入网页进行调试，下载图片 ####

**说明:**设置中都是非常简单的，自己尝试一下就能调试成自己喜欢的样式。  
![在这里插入图片描述][34aba5307c3b4f4fa7242430f39b7c0c.png]

#### （3）成果展示 ####

要比截图好看的太多，而且没有水印。  
![在这里插入图片描述][cdad0904045b424a8f673308128c3db2.png_pic_center]

## 三、carbon网页打不开解决方式 ##

### 1.进入IP网站 ###

**说明:** [搜索Ip地址网站][Ip]（https://www.ipaddress.com/），进入网站。  
![在这里插入图片描述][ebd668fd812b40508962ea7d7296170c.png]

### 2.右上角进行搜索 ###

**说明:**搜索：carbon.now.sh,能查出网站的ip地址76.76.21.98、76.76.21.123

![在这里插入图片描述][73c8763b35504305a660ab7d287988f4.png]

### 3.填入到Hosts文件中 ###

**说明:**Hosts 文件在我们的电脑上就是一个没有扩展名的系统文件，主要的作用就是用来加快域名解析的。  
Hosts文件位置在 iOS ：`~/private/etc`，Windows：`C:\Windows\System32\drivers\etc`。将ip与网址填入就ok了。  
修改hosts文件的方法  
由于 hosts 文件属性系统文件，因此需要管理员权限才能对其进行修改。  
第一种方法：先将权限修改成管理员权限，然后在对其进行修改。  
第二种方法：先将hosts文件复制到桌面，这时就不需要管理员权限了，因此可以对其进行修改了，等修改之后，在将其拖回原目录，替换。  
**注意:**ip地址和域名之间，要有至少1个空格。修改后，一定要记得保存文件，如果装有360安全卫士会提示是否禁止修改hosts文件，我们一定要选择允许，否则会修改失败。还有就是写完一个网址一定要回车换行才会生效，一行只可以屏蔽一个网址，建议这样修改：“ip地址+空格+域名+回车”来修改记录！  
![在这里插入图片描述][f5ab7e19e9fd409da1cf61f3e92bab01.png]

## 四、介绍一下Hosts文件 ##

**说明:**最后给大家讲一下这个Hosts文件到底是有什么用，以及原理。首先要明确一点就是访问网站的流程：当你在浏览器中访问网站的时候，电脑首先会访问本机的Hosts文件，看看是否有ip与域名的映射，如果有则先根据映射关系进行访问。如果没有就会将网址提交 DNS 域名解析服务器进行 IP 地址的解析。然后在访问网站。  
Hosts就相当于本地的一个dns缓存，比如说什么需要访问一个网站，如果没有hosts文件的本地解析的话就需要的浏览器访问远程的dns解析服务器，等待dns服务器返回ip信息后我们的浏览器才可以向目标网址所指向的服务器发出请求，但是如果有了hosts文件的本地缓存解析，浏览器就不会去访问远程的dns服务器了，而是直接发出向网站服务器的请求，所以说hosts文件可以加快我们打开网站打开的速度，但是如果不知道网站的公网IP地址和网站的域名是无法进行操作的。如果IP地址和域名映射出错，网页也无法打开。

### 作用一、加速域名解析 ###

当在Hosts文件中添加了ip与域名的映射，就不会访问DNS域名解析服务器，减少了网络上的开销，会加快访问速度，而且可以一个ip映射多个域名。

### 作用二、便捷访问 ###

在公司中会有非常多的ip地址，各种环境部署的服务器都是不同的，当你要记住这些ip地址是需要一定的时间，而且容易记混。我们可以自己将ip映射成，便于记住的域名，然后直接打域名就可以了，比如：www.ceshi.com、www.kaifa.com。这样见名知意，很容易记住。

### 作用三、屏蔽不想访问的域名 ###

可以添加映射0.0.0.0/127.0.0.1 www.xxx.com，xxx就是你不想让别人访问的域名，因为这样会先访问127.0.0.1就是本机，但是没有，就会显示无法访问该网站。

注：原版Hosts文件如果出错初始化原版

# Copyright © 1993-2009 Microsoft Corp.
    # This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
    # This file contains the mappings of IP addresses to host names. Each
    # entry should be kept on an individual line. The IP address should
    # be placed in the first column followed by the corresponding host name.
    # The IP address and the host name should be separated by at least one
    # space.
    # Additionally, comments (such as these) may be inserted on individual
    # lines or following the machine name denoted by a ‘#’ symbol.
    # For example:
    # 102.54.94.97 rhino.acme.com # source server
    # 38.25.63.10 x.acme.com # x client host
    # localhost name resolution is handled within DNS itself.
    # 127.0.0.1 localhost
    # ::1 localhost

> **总结：生成漂亮的代码图片的插件就讲到这里了，非常好用。希望对您有帮助，感谢阅读  
>   
> 结束语：裸体一旦成为艺术，便是最圣洁的。道德一旦沦为虚伪，便是最下流的。  
> 勇敢去做你认为正确的事，不要被世俗的流言蜚语所困扰。**

[8-]: https://blog.csdn.net/weixin_47343544/article/details/126695170
[dcbbc798fb4f494581c58782d911c7c2.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/e8e92efe3e344944bc93594300554726.gif
[Carbon]: https://carbon.now.sh/
[5eb3f9e8a69b43ba99bf8f033220d0a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/61101ca8b9c7432994e9e9acab2e6b2c.png
[33b7b12ced224d16a9d27453f10eb345.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/2f950dabd9124feaa5f241f4bea65c69.png
[c0b329162e1a42889393641d8f47b4ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/38b0a6a9e36840559205a19fbcee6859.png
[34aba5307c3b4f4fa7242430f39b7c0c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/e9a110bb0eb8441380e73f69a9f8c99e.png
[cdad0904045b424a8f673308128c3db2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/0aeaecc778a741b8a55cee0972add616.png
[Ip]: https://www.ipaddress.com/
[ebd668fd812b40508962ea7d7296170c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/61601b06c4074d31bb28fc9a4c67af45.png
[73c8763b35504305a660ab7d287988f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/7021bfbc4b75479091180c1cc999fb92.png
[f5ab7e19e9fd409da1cf61f3e92bab01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/4069cb83555b4da1b9129412db7daa46.png