mayx/pages
1
0
Fork 0
mirror of https://codeberg.org/mayx/pages synced 2026-01-02 03:13:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Mayx
2025-12-31 16:00:29 +00:00
commit 3688f93d5d
310 changed files with 93400 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

325
2020/07/29/card.html Normal file
View File

@@ -0,0 +1,325 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>如何制作一个PCB名片 | Mayx的博客</title>
<meta name="generator" content="Jekyll v3.9.5" />
<meta property="og:title" content="如何制作一个PCB名片" />
<meta name="author" content="mayx" />
<meta property="og:locale" content="zh_CN" />
<meta name="description" content="感觉设计PCB也挺有意思的" />
<meta property="og:description" content="感觉设计PCB也挺有意思的" />
<meta property="og:site_name" content="Mayx的博客" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2020-07-29T00:00:00+08:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="如何制作一个PCB名片" />
<meta name="google-site-verification" content="huTYdEesm8NaFymixMNqflyCp6Jfvd615j5Wq1i2PHc" />
<meta name="msvalidate.01" content="0ADFCE64B3557DC4DC5F2DC224C5FDDD" />
<meta name="yandex-verification" content="fc0e535abed800be" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"mayx"},"dateModified":"2020-07-29T00:00:00+08:00","datePublished":"2020-07-29T00:00:00+08:00","description":"感觉设计PCB也挺有意思的","headline":"如何制作一个PCB名片","mainEntityOfPage":{"@type":"WebPage","@id":"/2020/07/29/card.html"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://avatars0.githubusercontent.com/u/17966333"},"name":"mayx"},"url":"/2020/07/29/card.html"}</script>
<!-- End Jekyll SEO tag -->
<link rel="canonical" href="https://mabbs.github.io/2020/07/29/card.html" />
<link type="application/atom+xml" rel="alternate" href="/atom.xml" title="Mayx的博客" />
<link rel="alternate" type="application/rss+xml" title="Mayx的博客(RSS)" href="/rss.xml" />
<link rel="alternate" type="application/json" title="Mayx的博客(JSON Feed)" href="/feed.json" />
<link rel="stylesheet" href="/assets/css/style.css?v=1767196818" />
<!--[if !IE]> -->
<link rel="stylesheet" href="/Live2dHistoire/live2d/css/live2d.css" />
<!-- <![endif]-->
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Mayx的博客" />
<link rel="webmention" href="https://webmention.io/mabbs.github.io/webmention" />
<link rel="pingback" href="https://webmention.io/mabbs.github.io/xmlrpc" />
<link rel="preconnect" href="https://summary.mayx.eu.org" crossorigin="anonymous" />
<link rel="prefetch" href="https://www.blogsclub.org/badge/mabbs.github.io" as="image" />
<link rel="blogroll" type="text/xml" href="/blogroll.opml" />
<link rel="me" href="https://github.com/Mabbs" />
<script src="/assets/js/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
var lastUpdated = new Date("Thu, 01 Jan 2026 00:00:18 +0800");
var BlogAPI = "https://summary.mayx.eu.org";
</script>
<script src="/assets/js/main.js"></script>
<!--[if !IE]> -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-137710294-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-137710294-1');
</script>
<script src="/assets/js/instant.page.js" type="module"></script>
<!-- <![endif]-->
</head>
<body>
<!--[if !IE]> --><noscript><marquee style="top: -15px; position: relative;"><small>发现当前浏览器没有启用JavaScript，这不影响你的浏览，但可能会有一些功能无法使用……</small></marquee></noscript><!-- <![endif]-->
<!--[if IE]><marquee style="top: -15px; position: relative;"><small>发现当前浏览器为Internet Explorer，这不影响你的浏览，但可能会有一些功能无法使用……</small></marquee><![endif]-->
<div class="wrapper">
<header class="h-card">
<h1><a class="u-url u-uid p-name" rel="me" href="/">Mayx的博客</a></h1>
<img src="https://avatars0.githubusercontent.com/u/17966333" fetchpriority="high" class="u-photo" alt="Logo" style="width: 90%; max-width: 300px; max-height: 300px;" />
<p class="p-note">Mayx's Home Page</p>
<form action="/search.html">
<input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts.." />&#160;<input type="submit" value="搜索" />
</form>
<br />
<p class="view"><a class="u-url" href="/Mabbs/">About me</a></p>
<ul class="downloads">
<li style="width: 270px; border-right: none;"><a href="/MayxBlog.tgz">Download <strong>TGZ File</strong></a></li>
</ul>
</header>
<section class="h-entry">
<small><time class="date dt-published" datetime="2020-07-29T00:00:00+08:00">29 July 2020</time> - 字数统计：1603 - 阅读大约需要5分钟 - Hits: <span id="/2020/07/29/card.html" class="visitors">Loading...</span></small>
<h1 class="p-name">如何制作一个PCB名片</h1>
<p class="view">by <a class="p-author h-card" href="//github.com/Mabbs">mayx</a></p>
<div id="outdate" style="display:none;">
<hr /><p>
这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
</p>
</div>
<script>
daysold = Math.floor((new Date().getTime() - new Date("Wed, 29 Jul 2020 00:00:00 +0800").getTime()) / (24 * 60 * 60 * 1000));
if (daysold > 90) {
document.getElementById("outdate").style.display = "block";
document.getElementById("outime").innerHTML = daysold;
}
</script>
<hr />
<b>AI摘要</b>
<p id="ai-output">这篇文章讲述了作者在假期期间学习并制作PCB名片的过程。作者初衷是对这个创意感兴趣，但没有电路设计基础。开始时，作者通过在线找到了立创EDA软件，虽然对软件界面感到困惑，但凭借设计师的直觉逐步了解并开始设计，主要是将图片和简单的线条组合，添加了线圈元素。制作过程中，作者发现PCB并非在铜板上直接刻划，而是塑料板上打印线路。初次设计的错误导致成本不高（5元人民币能打5张），最终作者从价格和兴趣角度认为值得一试。同时，作者对快递速度表达了不满，上一次使用京东快递体验较差，这次尝试换成顺丰寄送。</p>
<hr />
<ul><li><a href="#前言">前言</a></li><li><a href="#收集资料">收集资料</a></li><li><a href="#开始设计">开始设计</a></li><li><a href="#制造结果">制造结果</a></li></ul>
<hr />
<main class="post-content e-content" role="main"><p>感觉设计PCB也挺有意思的<!--more--></p>
<h1 id="前言">
<a href="#前言"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 前言
</h1>
<p>这个月虽然依然是假期，但是总感觉比其他月做了更多的事，毕竟是到了期末，考试的准备不说，为其他人完成期末作业这也费了不少精力，因此也赚了几百块钱。 </p><p>
除了期末，我还要为科目三的考试做准备。虽然练车每天不过1小时，但是回来之后就啥也不想干了……再过几天我就要去考试了，希望能顺利通过。 </p><p>
在假期间，我在网上看到了一个很有趣的东西，叫做PCB名片，就是把电路板做的像名片一样。看起来挺有意思的，不过我从来没学过电路设计（网络工程的人怎么会去学习电路设计呢？），所以虽然看起来很有意思，但是我一窍不通啊…… </p><p>
说是这么说，但是只要想做，有搜索引擎什么做不到？于是接下来我就开始了学习电路设计的路程。</p>
<h1 id="收集资料">
<a href="#收集资料"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 收集资料
</h1>
<p>据那些做PCB名片的人所说，他们是使用AD(Altium Designer)进行设计，然后发到一个叫嘉立创的网站进行制造。首先我肯定是先去下AD，不过看了一下大小之后就不想下了，那个软件要2-3GiB大……我想我可能也就做一次PCB，又不会经常用，所以也不想下这么大的软件。 </p><p>
像电路设计也不可能只有AD一个软件，于是我就开始搜还有什么其他的EDA软件可以用。搜着搜着发现了有一个可以在线设计PCB的网站，叫做立创EDA，这不是正合我意嘛，想不到这个在线设计的网站和制造PCB的那个公司是一家的，这样倒是也方便。</p>
<h1 id="开始设计">
<a href="#开始设计"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 开始设计
</h1>
<p>既然整个流程大概都搞明白了，接下来就该设计了。当然从来没学过电路设计自然也不知道怎么用这个软件，接下来我打开了教程，然而我的表情是这样的： </p><p>
<img src="/images/emoticon1.jpg" alt="emoticon1" /> </p><p>
像教程这种东西实在是一点用也没有，大多数教程都是给能看懂教程的人写的，像我完全不了解的人就根本不会看这种东西。那怎么办呢？不会用还不看教程，怎么才能用这个软件呢？ </p><p>
这时候就用到了作为设计师的本能了，设计师都是心意相通的，所以只要是按着为用户着想的设计理念做出来的软件，我基本上都会用。 <del>（Adobe公司做的垃圾软件就没有符合这个理念）</del> </p><p>
这个软件可以直接用浏览器打开，也有客户端，客户端是Electron做的。我不太喜欢Electron，因为感觉它的效率比较低，因此VSCode我也没有装。但是这个网页版在Edge上的兼容性不太好，所以我只好使用它的客户端了……倒是也不大，不到100MiB还是挺不错的。 </p><p>
打开了这个软件之后随便按了按，大概的按键我倒是都搞明白了，有几个划线的按钮，分别可以画直线和弧线，然后就是打孔的选项，还有一个画矩形和多边形的。除此之外还能插入图片和文字，总体来看和画图软件差不多，只是它好像有一堆奇奇怪怪的层。 </p><p>
一开始这些层我完全搞不清楚是干啥用的，啥阻焊层还是什么丝印层乱七八糟的我根本搞不清楚。还好它有一个3D预览，可以看一下最终做出来的大概效果，通过这个我大概明白了丝印层就是在电路板表面印的白色的字，阻焊层就是电路板表面涂的有颜色的漆。只是设计的时候是把那层东西挖空。 </p><p>
了解了这些之后我就开始设计了，把喜欢的图片导入，然后按照喜欢的方式进行布置。虽然说一般电路板应该是要实现功能的，但是我不会做，做出来也是为了玩，所以我最多也只是在上面加了一个线圈，其他的什么功能也没有。</p>
<h1 id="制造结果">
<a href="#制造结果"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 制造结果
</h1>
<p>我一开始做的时候不清楚PCB的本质，以为它是在铜板上划出电路，结果今天我取到货之后才发现完全不是这样，PCB其实是在塑料板上打印铜线，所以我在第一次设计的时候没搞清楚这个问题，我把有些阻焊层去掉之后下面就直接露出了塑料板，不怎么好看，所以今天我明白之后修改了一下图纸，又上传上去让他们制造了。 </p><p>
打印5张这样的PCB名片倒是挺便宜的，5张一共才5CNY，虽然说真正的名片5CNY可能能打100张，但是制作一次也不过是相当于喝了一大瓶饮料而已，所以再打一次也没关系。 </p><p>
另外我想吐槽一下快递的速度，制作板子花3天时间可以理解，但是快递送4天就有点过分了，最终下单一周之后才取到。上次我用的是京东快递，真的是体验极差，这次我换成了顺丰的希望它能快一点。</p></main>
<small style="display: block">tags: <a rel="category tag" class="p-category" href="/search.html?keyword=PCB"><em>PCB</em></a> - <a rel="category tag" class="p-category" href="/search.html?keyword=%E5%90%8D%E7%89%87"><em>名片</em></a> - <a rel="category tag" class="p-category" href="/search.html?keyword=%E5%88%B6%E4%BD%9C"><em>制作</em></a> <span style="float: right;"><a href="https://gitlab.com/mayx/mayx.gitlab.io/tree/master/_posts/2020-07-29-card.md">查看原始文件</a></span></small>
<h4 style="border-bottom: 1px solid #e5e5e5;margin: 2em 0 5px;">推荐文章</h4>
<p id="suggest-container">Loading...</p>
<script>
var suggest = $("#suggest-container");
$.get(BlogAPI + "/suggest?id=/2020/07/29/card.html&update=" + lastUpdated.valueOf(), function (data) {
if (data.length) {
getSearchJSON(function (search) {
suggest.empty();
var searchMap = {};
for (var i = 0; i < search.length; i++) {
searchMap[search[i].url] = search[i];
}
var tooltip = $('<div class="content-tooltip"></div>').appendTo('body').hide();
for (var j = 0; j < data.length; j++) {
var item = searchMap[data[j].id];
if (item) {
var link = $('<a href="' + item.url + '">' + item.title + '</a>');
var contentPreview = item.content.substring(0, 100);
if (item.content.length > 100) {
contentPreview += "……";
}
link.hover(
function(e) {
tooltip.text($(this).data('content'))
.css({
top: e.pageY + 10,
left: e.pageX + 10
})
.show();
},
function() {
tooltip.hide();
}
).mousemove(function(e) {
tooltip.css({
top: e.pageY + 10,
left: e.pageX + 10
});
}).data('content', contentPreview);
suggest.append(link);
suggest.append(' - ' + item.date + '<br />');
}
}
});
} else {
suggest.html("暂无推荐文章……");
}
});
</script>
<br />
<div class="pagination">
<span class="prev">
<a href="/2020/06/17/backup.html">
上一篇：论备份的重要性
</a>
</span>
<br />
<span class="next">
<a href="/2020/08/21/sth2.html">
下一篇：假期总结第二弹
</a>
</span>
</div>
<!--[if !IE]> -->
<link rel="stylesheet" href="/assets/css/gitalk.css">
<script src="/assets/js/gitalk.min.js"></script>
<div id="gitalk-container"></div>
<script>
var gitalk = new Gitalk({
clientID: '36557aec4c3cb04f7ac6',
clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
repo: 'mabbs.github.io',
owner: 'Mabbs',
admin: ['Mabbs'],
id: '/2020/07/29/card', // Ensure uniqueness and length less than 50
distractionFreeMode: false, // Facebook-like distraction free mode
proxy: "https://cors-anywhere.mayx.eu.org/?https://github.com/login/oauth/access_token"
})
gitalk.render('gitalk-container')
</script>
<!-- <![endif]-->
</section>
<!--[if !IE]> -->
<div id="landlord" style="left:5px;bottom:0px;">
<div class="message" style="opacity:0"></div>
<canvas id="live2d" width="500" height="560" class="live2d"></canvas>
<div class="live_talk_input_body">
<form id="live_talk_input_form">
<div class="live_talk_input_name_body" >
<input type="checkbox" id="load_this" />
<input type="hidden" id="post_id" value="/2020/07/29/card.html" />
<label for="load_this">
<span style="font-size: 11px; color: #fff;">&#160;想问这篇文章</span>
</label>
</div>
<div class="live_talk_input_text_body">
<input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀？" />
<button type="submit" class="live_talk_send_btn" id="talk_send">发送</button>
</div>
</form>
</div>
<input name="live_talk" id="live_talk" value="1" type="hidden" />
<div class="live_ico_box" style="display:none;">
<div class="live_ico_item type_info" id="showInfoBtn"></div>
<div class="live_ico_item type_talk" id="showTalkBtn"></div>
<div class="live_ico_item type_music" id="musicButton"></div>
<div class="live_ico_item type_youdu" id="youduButton"></div>
<div class="live_ico_item type_quit" id="hideButton"></div>
<input name="live_statu_val" id="live_statu_val" value="0" type="hidden" />
<audio src="" style="display:none;" id="live2d_bgm" data-bgm="0" preload="none"></audio>
<input id="duType" value="douqilai" type="hidden" />
</div>
</div>
<div id="open_live2d">召唤伊斯特瓦尔</div>
<!-- <![endif]-->
<footer>
<p>
<small>Made with ❤ by Mayx<br />Last updated at 2026-01-01 00:00:18<br /> 总字数：614622 - 文章数：178 - <a href="/atom.xml" >Atom</a> - <a href="/README.html" >About</a></small>
</p>
</footer>
</div>
<script src="/assets/js/scale.fix.js"></script>
<!--[if !IE]> -->
<script src="/assets/js/main_new.js"></script>
<script src="/Live2dHistoire/live2d/js/live2d.js"></script>
<script src="/Live2dHistoire/live2d/js/message.js"></script>
<!-- <![endif]-->
</body>
</html>