mirror of
https://codeberg.org/mayx/pages
synced 2026-01-02 02:03:40 +08:00
update
This commit is contained in:
333
2021/08/06/pcb.html
Normal file
333
2021/08/06/pcb.html
Normal file
@@ -0,0 +1,333 @@
|
||||
<!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>最近打电路板的体验 | Mayx的博客</title>
|
||||
<meta name="generator" content="Jekyll v3.9.5" />
|
||||
<meta property="og:title" content="最近打电路板的体验" />
|
||||
<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="2021-08-06T00:00:00+08:00" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta property="twitter:title" content="最近打电路板的体验" />
|
||||
<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":"2021-08-06T00:00:00+08:00","datePublished":"2021-08-06T00:00:00+08:00","description":"感谢各位可以免费打PCB板的厂家能给我们机会体验自己制作电路板。","headline":"最近打电路板的体验","mainEntityOfPage":{"@type":"WebPage","@id":"/2021/08/06/pcb.html"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://avatars0.githubusercontent.com/u/17966333"},"name":"mayx"},"url":"/2021/08/06/pcb.html"}</script>
|
||||
<!-- End Jekyll SEO tag -->
|
||||
|
||||
<link rel="canonical" href="https://mabbs.github.io/2021/08/06/pcb.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.." /> <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="2021-08-06T00:00:00+08:00">6 August 2021</time> - 字数统计：2528 - 阅读大约需要8分钟 - Hits: <span id="/2021/08/06/pcb.html" class="visitors">Loading...</span></small>
|
||||
<h1 class="p-name">最近打电路板的体验</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("Fri, 06 Aug 2021 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名片，然后尝试打制了一个圆形的印有初音未来简笔画的挂牌，用作自己的名片兼杯垫。之后得知捷配可以免费打尺寸较小的电路板，尤其是对尺寸为0.015㎡的尺子感兴趣，尽管开始时因计算错误导致尺子设计出问题，但他计划重新设计一个包含LED灯的圣诞树，以实践电子设计并低成本DIY装饰品。此外，他还分享了AZPR EvBoard的设计，因其独特的可爱外观引起了作者的兴趣。</p>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<ul><li><a href="#起因">起因</a></li><li><a href="#重新设计的电路板">重新设计的电路板</a></li><li><a href="#自己制作一把pcb尺子">自己制作一把PCB尺子</a></li><li><a href="#试着打些其他有意思的东西">试着打些其他有意思的东西？</a><ul><li><a href="#一个例外azpr-evboard">一个例外：AZPR EvBoard</a></li></ul></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>一年前的假期，我偶然看见了有人在网上自制PCB名片，并且知道了嘉立创5CNY打样的消息，于是我就<a href="/2020/07/29/card.html">试着自己制作了PCB名片</a>。我本来以为那可能就是我最后一次玩电路板了，可是令人没想到的是这些电路板厂商现在竟然可以免费打样了，1-4层FR-4的板子和单层铝基板全部免费，而且还是包邮，这简直是令人难以置信！在<a href="https://www.jlc.com/portal/q7i28704.html">嘉立创7月份声明可以免费打样</a>的时候我就连夜开始设计电路板了😂。我本来以为最便宜的私人定制可能最多就是纸模之类的，现在看来是我孤陋寡闻了，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>当然作为非电子专业的人，我自然对打正儿八经的电路板一窍不通，但是有了上次的经验，至少我可以直接上手去做。这次我不太想打名片了，已经打过一次的东西再打一次也没啥意思，所以我就重新进行设计，打了一个圆形的挂牌，上面印了初音未来的简笔画。另外上面也印了我的信息，所以这也相当于是我的另一种名片，还有就是这个电路板我设计的时候是直径10cm，所以当杯垫也挺不错的，玻纤板的隔热性能还不错，可以避免把桌子烫坏。另外说到杯垫我最近又从华硕天选的小程序上换了礼物，这次换了杯垫，看起来和我的挂牌尺寸还挺相似的，不过正经的杯垫是陶瓷的，我这个还是不太正规啊😂。</p>
|
||||
<h1 id="自己制作一把pcb尺子">
|
||||
|
||||
|
||||
<a href="#自己制作一把pcb尺子"><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> 自己制作一把PCB尺子
|
||||
|
||||
|
||||
</h1>
|
||||
|
||||
<p>除了名片之外，我其实更想打的是PCB尺子，可惜嘉立创免费打样的尺寸只允许在10x10cm以内，10cm的尺子实在是没啥意思。后来我在网上了解到了捷配，这也是一家打PCB的厂家，他们似乎之前也有免费打电路板，不过他们可能是名声不够大，之前我还没听说过。不过现在的话他们和嘉立创一样，可以每月免费打样2次，同样是1-4层FR-4的板子和单层铝基板免费，但是很重要的一点是他们可以免费打尺寸≤ 0.015㎡/pcs的电路板！这就是说他们限制的是面积，而不是长和宽，另外这个尺寸的话也比10x10cm大了50立方厘米，也是相当的不错，另外就是捷配的选项更多一些，焊盘支持裸铜，还有无铅也是免费的，嘉立创的话就不支持这些选项，具体要求可以看<a href="https://www.jiepei.com/Activity/newfree.html">这里</a> </p><p>
|
||||
如果只限面积的话打尺子就会很方便，因为尺子的面积并不大，但是会很长。所以我考虑了一下打算在<a href="https://lceda.cn/">立创EDA</a>上面进行设计，然后把Gerber文件给捷配去打。最开始设计的时候我脑子抽了，我在填PCB计价信息的时候在想这0.015㎡到底是多大呢？想着想着填了个15x2cm，然后系统显示总面积是0.0150㎡。emmmm看起来那就按15x2cm设计好了，可谁知那个总面积是5张板子总共加起来0.0150㎡，而实际我打的面积是0.003㎡，这我数学不行啊，脑子算不来😂……结果这我到下单之后才突然意识到，板子都开始生产了……那没办法，看来这尺子算是做废了，于是我就重新计算了一下，想了想干脆就30x5cm好了，30cm的尺子也算是很长了，这次我仔细的验算了一下，单片面积是0.015㎡没错，于是我就开始重新设计了。 </p><p>
|
||||
在设计尺子的过程中，图案当然是可以直接导入，但是如果尺子上全是图案也没啥意思，不过有些人会在网上分享自己设计的PCB图纸，具体的话可以去<a href="https://oshwhub.com/">OSHWHub</a>里面找，有些有意思的设计就可以直接复制过来用，比如说量角器之类的。因为自己划线的话计算起来很麻烦，要把极坐标转换成直角坐标，我计算能力本来就很差，算这种东西实在是费脑子，所以我就还是去网上直接找现成的，不过我在网上找到的图纸都没有1°量程的，基本上都是10°量程的，还是挺伤脑筋的，不过没办法，有的用就不错了。最后设计好之后我也把图纸<a href="https://oshwhub.com/mayx/rule">分享到了OSHWHub</a>上面，如果有兴趣的话大家也可以去看看，另外因为我想做的是铝基板的尺子，所以是单面板的。</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>在OSHWHub上面还是有很多有意思的项目，大伙为了白嫖些有用的东西也是都费了些脑筋的。除了尺子之外，我看还有<a href="https://oshwhub.com/IMBAKZ/zhuo-dian-pin-tu">桌垫拼图</a>挺有意思的，一张板是10x10cm，那么4张板拼起来就有20x20cm了，那么我下两单就能得到20x40cm大小的桌垫了，还是挺有意思的，另外从这里我也发现嘉立创的优势，那就是可以打绿色的铝基板，嘉立创的阻焊颜色要比捷配的丰富。不过很遗憾的是我不会焊东西，所以正经的电路板如果打出来也没办法用，而且看起来也没办法当装饰品，所以目前我不会去打那些对我来说没用的电路板，尽管功能看起来很有意思。</p>
|
||||
<h2 id="一个例外azpr-evboard">
|
||||
|
||||
|
||||
<a href="#一个例外azpr-evboard"><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> 一个例外：AZPR EvBoard
|
||||
|
||||
|
||||
</h2>
|
||||
|
||||
<p>AZPR EvBoard(AZ Processor Evaluative Board)是一本叫做《CPU自制入门》的书用来教学用的板子。它的特点就是很可爱，和一般的电路板不一样，它的背面被设计成一个女孩的模样。而且和一般的插图不一样，它的孔位和布线都看起来和板子上设计的女孩没有冲突的地方。最早我见到这个图案的时候是看见同学买了《CPU自制入门》这本书，它的中文版封面就是这个女孩，我看见之后就心想总有一天我要把这个电路图找出来。不过目前我还没有看那本书，我现在已经找到了这个板子的图纸，并且已经发给厂家生产了，等过段时间等板子到了，开学之后我就去找同学借一下这本书来看看。虽然以前上计算机组成原理的时候大概有学CPU的组成，不过我也没有亲手设计过，正好这次学学看感受一下设计CPU的乐趣。 </p><p>
|
||||
另外如果各位想打这个板子的话，作者在<a href="https://www.seeedstudio.com/AZPR-EvBoard-PCB-gir-g-1316219">Seeed上面共享</a>了这个板子的<a href="https://statics3.seeedstudio.com/seeed/file/2021-01/23400221112--AZPR_fusion_210113A.zip">Gerber文件</a>，如果有兴趣的话也可以自己打，这个板子的版本是v1.2的，和书上的电路基本上是一样的。不过缺陷就是电源板需要另外打。正式卖的板子是v2.0的，目前我在全网上没有找到v2.0的图纸或者购买链接。另外淘宝上倒是能找到有卖v1.2板子的商家，不过完全不推荐购买，去嘉立创或者捷配免费打5张的板子能拿来卖15块钱也是够可以的。但是有个好处就是他们的板子是有组好元器件的，虽然很贵（688CNY，比正版贵了大概100CNY左右，可惜正版的买不到），不过如果真的想试试书上的实验买一个倒是也没问题。</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>回头我打算再设计一个圣诞树，一共应该是分为3部分（横向、纵向树的外形和圆形底座），然后在上面整些LED灯泡，顺便试试看学一下电烙铁的用法，最后用超低的成本DIY一个圣诞树出来(*^_^*)。</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=%E7%94%B5%E8%B7%AF%E6%9D%BF"><em>电路板</em></a> - <a rel="category tag" class="p-category" href="/search.html?keyword=%E5%B0%BA%E5%AD%90"><em>尺子</em></a> <span style="float: right;"><a href="https://gitlab.com/mayx/mayx.gitlab.io/tree/master/_posts/2021-08-06-pcb.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=/2021/08/06/pcb.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="/2021/07/23/search.html">
|
||||
上一篇：如何给博客加上全文搜索功能
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<br />
|
||||
|
||||
<span class="next">
|
||||
<a href="/2021/08/15/blog.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: '/2021/08/06/pcb', // 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="/2021/08/06/pcb.html" />
|
||||
<label for="load_this">
|
||||
<span style="font-size: 11px; color: #fff;"> 想问这篇文章</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>
|
||||
Reference in New Issue
Block a user