我正在参加「掘金·启航计划」
前言
🍊缘由
没有杜蕾斯的夜晚没有安全感，没有趁手工具的程序狗不是好码农!
本狗从业6年之久，经历了社会的毒打，也尝试过工作中的各种姿势项目。虽由铁杵磨成了针，但也总结了些许趁手的工具，特此与大家分享。
⏲️本文阅读时长
约10分钟
🎯主要目标
- 分享开发工作中常用工具
- 有助于提供工作效率，增加摸鱼时间
正文
🧙♂️1.魔术橡皮擦
方便像我这样的不懂PS抠图的程序狗，直接在线涂改，抠图神器
地址： https://magicstudio.com/magiceraser
功能：魔术橡皮擦一个在线智能去水印美化图片的网站,主要功能是一键无损擦除图像中不需要的元素,而且还能利用AI技术智能填充背景。
🐕2.狗屁不通文章生成器
平时需要长篇文本填充页面时，直接输入主题生成后，在这里面复制即可
地址： http://www.atoolbox.net/Tool.php?Id=853
功能：狗屁不通文章生成器,就是你随便输入一个主题,然后这个生成器可以根据你输入主题的文字,生成一篇文章。
🥞3.easypdf
方便pdf，word,ppt等互转，主要是免费
地址： https://easypdf.com/cn/
功能：easypdf提供了pdf转换的一系列服务工具,特点是安全,免费,无限制,你可以根据需要将pdf转换成word,ppt,excel或者JPG/PNG图片,也支持反向操作。
🥽4.Md2All
排版工具，一键排版，优化美观代码，还可以自定义样式，方便发布自己博客时，进行美化。
地址： http://md.aclickall.com/
功能：Md2All能让Markdown内容，无需作任何调整就能一键复制到微信公众号、博客园、掘金、知乎、csdn、51cto、wordpress、hexo等平台。
本人排版样式，放置与此，大家可参考
/*可任意修改样式，或恢复预设值，保存后生效
相对“默认样式”而作的修改会用 红色 标注*/
.output_wrapper/*此属性为全局*/
{
font-size: 16px;
color: #3e3e3e;
line-height: 1.6;
word-spacing:0px;
letter-spacing:0px;
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.output_wrapper *
{
font-size: inherit ;
color: inherit;
line-height: inherit;
margin:0px;
padding:0px;
}
p {/*段落*/
margin: 1.5em 0px;
}
h1,h2,h3,h4,h5,h6 {
margin: 1.5em 0px;
font-weight:bold;
}
h1 {
font-size: 1.6em ;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
}
h3{/*增加对h3标题的修改*/
border-bottom:2px solid #EC4444;
}
h3 span{/*增加对h3标题字体的修改*/
display:inline-block;
font-weight:normal;
background: #EC4444;
color:#ffffff;
padding:3px 10px 0px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
margin-right:3px;
}
h3:after{/*增加对h3标题后面的修饰*/
display: inline-block;
content:" ";
vertical-align: bottom;
border-bottom: 36px solid #EFEBE9;
border-right: 20px solid transparent;
}
h4 span{/*增加对h3标题字体的修改*/
display:inline-block;
font-weight:normal;
background: #00ACC1;
color:#ffffff;
padding:3px 10px 0px;
border-top-right-radius: 3px;
border-top-left-radius: 4px;
margin-right:2px;
}
h5
{
margin-bottom:50px;
font-size: 1em;
}
h5 span{
display:inline-block;
background: rgb(63,63,63);
color:#ffffff;
padding: 10px 16px;
border-radius:5px;
}
h6
{
margin-bottom:50px;
}
h6 span{
font-size: inherit;
line-height: inherit;
margin: 0px;
display: inline-block;
font-weight: normal;
background: rgb(128, 128, 128);
color: rgb(255, 255, 255);
padding: 3px 10px 1px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
margin-right: 3px;
}
.output_wrapper/*此属性为全局*/
{
font-size: 16px;
color: #000;
line-height: 1.6;
word-spacing:0px;
letter-spacing:0px;
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
/*增加背景网格*/
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg,rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);
background-size: 20px 20px;
background-position: center center;
}
ul, ol {
padding-left: 32px;
}
ul{ /*无序列表*/
list-style-type: disc;
}
ol { /*有序列表*/
list-style-type: decimal;
}
li *
{
/* color: #3e3e3e;*/
}
li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/
margin-bottom: 0.5em;
/* color:#159957; */
}
.code_size_default /*代码块默认size*/
{
line-height: 18px;
font-size: 14px;
font-weight:normal;
word-spacing:0px;
letter-spacing:0px;
}
.code_size_tight /*代码块紧凑size*/
{
line-height: 15px;
font-size: 11px;
font-weight:normal;
word-spacing:-3px;
letter-spacing:0px;
}
pre code /*代码块*/
{
font-family: Consolas, Inconsolata, Courier, monospace;
border-radius: 0px;
}
blockquote { /*引用块*/
display: block;
padding: 15px 1rem;
font-size: 0.9em;
padding-right: 15px;
margin: 1em 0;
color: #000;
border-left: 6px solid #03A9F4;/*修改默认的左边框的颜色*/
background: rgb(247, 247, 247);/*修改默认的背景色*/
overflow: auto;
overflow-scrolling: touch;
word-wrap: normal;
word-break: normal;
}
blockquote p {
margin: 0px;
}
a { /*超链接*/
text-decoration: none;
color: #1e6bb8;
word-wrap:break-word;
}
strong /*强调*/
{
font-size: inherit;
line-height: inherit;
margin: 0px;
padding: 0px;
font-weight: bold;
color: rgb(233, 105, 0);
}
em /*斜体*/
{
font-style:italic;
}
del /*删除线*/
{
font-style:italic;
}
strong em/*强调的斜体*/
{
font-size: inherit;
line-height: inherit;
margin: 0px;
padding: 0px;
font-weight: bold;
color: rgb(233, 105, 0);
}
hr { /*分隔线*/
height: 1px;
margin: 1.5rem 0px;
border: none;
border-top: 1px dashed #A5A5A5;
}
code /*行内代码*/
{
word-wrap: break-word;
padding: 2px 4px;
border-radius: 4px;
margin:0 2px;
color:#e96900;
background:#f8f8f8;
}
img
{
display: block;
margin:0 auto; /*图片水平居中*/
/* margin:0 0; */ /*图片水平居左，如需要请打开*/
max-width:100%;
}
figcaption/*图片描述文字*/
{
margin-top:10px;
text-align:center;
/* text-align:left; */ /*当图片水平居左时，请打开*/
color:#999;
font-size: 0.7em;
}
/*================表格开始================*/
table
{
display:table;
width: 100% ;
text-align: left;
}
tbody {
border: 0;
}
table tr {
border: 0;
border-top: 1px solid #CCC;
background-color: white;
}
/*隔行改变行的背景色，如需要请打开*/
/*
table tr:nth-child(2n) {
background-color: #F8F8F8;
}
*/
table tr th, table tr td {
font-size: 1em;
border: 1px solid #CCC;
padding: 0.5em 1em;
text-align: left;
}
/*表头的属性*/
table tr th {
font-weight: bold;
background-color: #F0F0F0;
}
/*================表格结束================*/
/*================数学公式开始================*/
.katex-display {/*块公式*/
font-size:1.22em;
}
.katex
{/*行内公式*/
padding:8px 3px;
}
.katex-display > .katex
{/*块公式*/
display:inline-block;
text-align:center;
padding:3px;
}
.katex img
{/*行内公式对应的图片*/
display:inline-block;
vertical-align:middle;
}
/*================数学公式结束================*/
a[href^="#"] sup
{/*注脚*/
vertical-align:super;
margin:0 2px;
padding:1px 3px;
color: #ffffff;
background:#666666;
font-size:0.7em;
}
/*================任务列表开始================*/
.task-list-list {
list-style-type: none;
}
.task-list-list.checked {/*已完成*/
color: #3e3e3e;
}
.task-list-list.uncheck {/*未完成*/
color: #bfc1bf;
}
.task-list-list .icon_uncheck, .task-list-list .icon_check {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.task-list-list .icon_check:before
{/*已完成*/
content: "√";
border: 2px solid #3e3e3e;
color:red;
}
.task-list-list .icon_uncheck:before
{/*未完成*/
content: "x";
border: 2px solid #bfc1bf;
color: #bfc1bf;
}
.task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
{/*标志框*/
padding:2px;
padding-left: 5px;
padding-right: 8px;
border-radius:5px;
}
/*================任务列表结束================*/
.toc
{/*总目录*/
margin-left:25px;
}
.toc_item
{/*每条目录*/
display:block;
}
.toc_left
{/*每级目录的缩进*/
margin-left:25px;
}
🌮5.CSDN开发助手
浏览器助手，反正就是方便，颜值高，谁用谁知道。CSDN快给我广告费！！！
地址： https://plugin.csdn.net/
功能：CSDN开发助手是一款集成本地书签、历史记录与 CSDN搜索的搜索工具,此外还集成了JSON格式化、日期转换、查文档、翻译等常用功能
👨💻6.猿如意
又是CSDN自研产品，程序员神器，帮助开发者提升开发效率，反正功能颜值绝对扛得住
地址： https://devbit.csdn.net/
功能：猿如意是一款面向开发者的辅助开发工具箱，包含了效率工具、开发工具下载，教程文档，代码片段搜索，全网搜索等功能模块。帮助开发者提升开发效率，帮你从“问题”找到“答案”。
🧩7.Pexels 素材图片
免费素材库，随意下载，本人博客封面图均取材与此
地址： https://www.pexels.com/
功能：Pexels为您提供原创版权超高清无水印音视频素材,pexels4K/8K实拍视频,延时素材,ae视频模板,背景视频,音乐素材,pexels这里能搜到您想要的所有素材,原创正版可商用!
🧰8.Apifox
比postman更好用的工具，本人已完全无缝替换postman，功能丰富。接口文档，mock数据，压力测试一应俱全
地址： https://www.apifox.cn/
功能：Apifox = Postman + Swagger + Mock + JMeter。集接口文档工具、接口Mock工具、接口自动化测试工具、接口调试工具于一体,提升 10 倍研发效率，是最好用的API文档工具,API自动化测试工具。
⛺9.ToDesk远程办公工具
远程控制工具，当回家后想操作公司电脑时，ToDesk恰到好处。连接便捷，只需输入设备代码即可。唯一缺点是2023年出升级版本后，免费版的像素是在拉跨！！！
地址： https://www.todesk.com/
功能：ToDesk,支持多种高清视频格式,画质清晰,高清画质,不卡顿,避免卡顿,支持多台电脑,多屏观看,电脑皆可自动控制,操作简单。
⌨10.CodeIf起名神器
起名困难症的开发者福利，像变量，类名之类的，让你没有后顾之忧
地址： https://unbug.github.io/codelf/
功能：Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Projec的项目源码，帮开发者从中找出已有的匹配关键字的变量名。
写在最后
此生两悔，悔遇见你，更悔未早遇见你，珍惜当下拥有，勿念昔日美好。
411天
