mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-15 16:51:37 +00:00
3 lines
21 KiB
HTML
3 lines
21 KiB
HTML
<!DOCTYPE html><html lang="zh-CN" data-default-color-scheme=""auto""><head><meta charset="UTF-8"><link rel="apple-touch-icon" sizes="76x76" href="/images/img/apple-touch-icon.webp"><link rel="icon" type="image/png" href="/images/img/favicon.webp"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="theme-color" content="#9DC8C8"><meta name="description" content=""><meta name="author" content="Defectink"><meta name="keywords" content=""><title>🍭Defectink</title><link rel="stylesheet" href="https://cdn.defectink.com/static/twitter-bootstrap/4.5.3/css/bootstrap.min.css"><link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_ba1fz6golrf.css"><link rel="stylesheet" href="https://cdn.defectink.com/static/t/font_1736178_kmeydafke9r.css"><link rel="stylesheet" href="/css/main.css"><link rel="stylesheet" href="/css/xfy.css"><script src="/js/utils.js"></script><script src="/js/color-schema.js"></script><meta name="generator" content="Hexo 5.2.0"><link rel="alternate" href="/xml/atom.xml" title="🍭Defectink" type="application/atom+xml"><link rel="alternate" href="/xml/rss.xml" title="🍭Defectink" type="application/rss+xml"></head><body><header style="height:90vh"><nav id="navbar" class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar"><div class="container"><a class="navbar-brand" href="/"> <strong>🍭Defectink</strong> </a> <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><div class="animated-icon"><span></span><span></span><span></span></div></button><div class="collapse navbar-collapse" id="navbarSupportedContent"><ul class="navbar-nav ml-auto text-center"><li class="nav-item"><a class="nav-link" href="/">🏠 首页</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">📕 索引</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/categories/">🎁 分类</a> <a class="dropdown-item" href="/tags/">🎐 标签</a></div></li><li class="nav-item"><a class="nav-link" href="/archives/">📂 归档</a></li><li class="nav-item"><a class="nav-link" href="/about/">🎃 关于</a></li><li class="nav-item"><a class="nav-link" href="/links/">🙆♀️ 小伙伴</a></li><li class="nav-item"><a class="nav-link" href="/pgp/">🔐 PGP</a></li><li class="nav-item" id="search-btn"><a class="nav-link" data-toggle="modal" data-target="#modalSearch"> <i class="iconfont icon-search"></i> </a></li><li class="nav-item" id="color-toggle-btn"><a class="nav-link" href="javascript:"> <i class="iconfont icon-dark" id="color-toggle-icon"></i> </a></li></ul></div></div></nav><div class="banner intro-2" id="background" parallax="true" style="background:url(/images/img/index.webp) no-repeat center center;background-size:cover"><div class="full-bg-img"><div class="mask flex-center" style="background-color:rgba(0,0,0,.3)"><div class="container page-header text-center fade-in-up"><span class="h2" id="subtitle"></span></div><div class="scroll-down-bar"><i class="iconfont icon-arrowdown"></i></div></div></div></div></header><main><div class="container nopadding-md"><div class="py-5" id="board"><div class="container"><div class="row"><div class="col-12 col-md-10 m-auto"><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/javascript-notes-reference-type.html" target="_self"><img src="/images/JavaScript%E7%AC%94%E8%AE%B0-%E5%BC%95%E7%94%A8%E7%B1%BB%E5%9E%8B/javascript.webp" srcset="/images/img/loading.gif" alt="JavaScript笔记-引用类型"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/javascript-notes-reference-type.html">JavaScript笔记-引用类型</a></h1><p class="index-excerpt"><a href="/defect/javascript-notes-reference-type.html">这是来自Professional JavaScript for Web Develops第五章的笔记。 基本类型和引用类型基本类型值指的是简单的数据段。 引用类型值指那些可能由多个值构成的对象。 JS的五种基本数据类型就是基本类型值。这五种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。 引用类型的值是保存在内存中的对象。js不允许直接访问内存中的位置，也就是说不能直接操作对象</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2020-01-06 09:14" pubdate>2020-01-06</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E7%AC%94%E8%AE%B0/">笔记</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/JavaScript/">JavaScript</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/docker-container-all.html" target="_self"><img src="/images/Docker%E5%85%A8%E9%9D%A2%E5%AE%B9%E5%99%A8%E5%8C%96/logo.webp" srcset="/images/img/loading.gif" alt="Docker-全面容器化！"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/docker-container-all.html">Docker-全面容器化！</a></h1><p class="index-excerpt"><a href="/defect/docker-container-all.html">自上篇Docker - 构建属于自己的镜像以来，发现Docker非常的有意思。主要是非常的方便，并且在可以跨平台的情况下部署环境对于以后迁移也是一件极其有利的事。研究了Dockerfile的编写以及实践。一些基础的实践之后，对于Docker的工作方式以及操作命令都有了一些熟悉。也逐渐了发现了它的一些优点。 翻开自己的旧机器里的多种环境交杂在一起的配置，时间长了连配置文件在哪都找不到了。管理起来比较</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-12-19 11:11" pubdate>2019-12-19</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E5%AE%9E%E8%B7%B5/">实践</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Linux/">Linux</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/header-practice-have-to-win-this-a.html" target="_self"><img src="/images/Header%E5%AE%9E%E8%B7%B5-%E5%BE%97%E6%8B%BF%E4%B8%8B%E8%BF%99%E4%B8%AAA/header-security.webp" srcset="/images/img/loading.gif" alt="Header实践-得拿下这个A"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/header-practice-have-to-win-this-a.html">Header实践-得拿下这个A</a></h1><p class="index-excerpt"><a href="/defect/header-practice-have-to-win-this-a.html">Header安全检测 之前在学习HTML时候研究过X-Frame-Options，它也是header头中的一个安全策略。用于给浏览器指示是否允许一个页面能否嵌入<iframe>等嵌入元素。 下述所有apache2的操作都需要先启用header模块（Model）才能使用。 所有参考/摘录来自于MDN X-Frame-Optionshttps://www.defectink.com/def</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-12-18 16:42" pubdate>2019-12-18</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E5%AE%9E%E8%B7%B5/">实践</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/HTML/">HTML</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/docker-build-own-image.html" target="_self"><img src="/images/Docker-%E6%9E%84%E5%BB%BA%E5%B1%9E%E4%BA%8E%E8%87%AA%E5%B7%B1%E7%9A%84%E9%95%9C%E5%83%8F/logo.webp" srcset="/images/img/loading.gif" alt="Docker-构建属于自己的镜像"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/docker-build-own-image.html">Docker-构建属于自己的镜像</a></h1><p class="index-excerpt"><a href="/defect/docker-build-own-image.html">以前一直在使用别人构建好的镜像来使用Docker容器，在一次想搭建一个完整的Web环境时，发现使用过多容器非常难以管理。并且容器之间的交互通信变的困难。当然，也可以使用Docker Compose来捆绑多个镜像运行；不过对于运行服务较少的来说，使用Dockerfile来构建成一个镜像也是件好事。 需求首先，在构建一个镜像之前，需要先明白这个镜像将会包含哪些东西，运行哪些服务。目前主要是想在当前机器</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-11-29 09:30" pubdate>2019-11-29</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E5%AE%9E%E8%B7%B5/">实践</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Linux/">Linux</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/modify-icloud-storage-location-on-windows.html" target="_self"><img src="/images/%E4%BF%AE%E6%94%B9Windows%E7%AB%AFiCloud%E4%BA%91%E7%9B%98%E5%AD%98%E5%82%A8%E4%BD%8D%E7%BD%AE/logo.webp" srcset="/images/img/loading.gif" alt="修改Windows端iCloud云盘存储位置"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/modify-icloud-storage-location-on-windows.html">修改Windows端iCloud云盘存储位置</a></h1><p class="index-excerpt"><a href="/defect/modify-icloud-storage-location-on-windows.html">自从有了水果之后，除了天天被人嘲讽之外，还花了大手笔买了一个月6块的iCloud 50GB存储空间。但是光有手机来用还是略微有点大。以前一直以为iCloud就是手机上存个照片的，都忘了它其实也是一个云盘来着。于是决定利用一下剩下的空间，在Windows也用它来同步。 果然在试用了一段时间过后，水果没有让我失望过。iCloud照片可以跟着Windows系统的【图片】文件夹跑，但是iCloud云盘就不</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-11-18 12:53" pubdate>2019-11-18</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E8%B8%A9%E5%9D%91/">踩坑</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Windows/">Windows</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/online-ascii-video.html" target="_self"><img src="/images/ASCII%E5%9C%A8%E7%BA%BF%E8%A7%86%E9%A2%91%E6%B5%81/logo.webp" srcset="/images/img/loading.gif" alt="ASCII在线视频流"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/online-ascii-video.html">ASCII在线视频流</a></h1><p class="index-excerpt"><a href="/defect/online-ascii-video.html">什么是ASCII？ 来自百度百科的解释：ASCII（American Standard Code for Information Interchange，美国信息交换标准代码）是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统，并等同于国际标准ISO/IEC 646。 应该很多小伙伴们都非常熟悉ASCII码了，它也是现今最能玩的一套编码了吧（雾💊</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-06-29 12:12" pubdate>2019-06-29</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E5%AE%9E%E8%B7%B5/">实践</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Tools/">Tools</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/bark-custom-notification-for-apple.html" target="_self"><img src="/images/%E6%B0%B4%E6%9E%9C%E8%87%AA%E5%AE%9A%E4%B9%89%E9%80%9A%E7%9F%A5%E5%A4%A7%E6%B3%95/logo.webp" srcset="/images/img/loading.gif" alt="bark-水果自定义通知大法🍎"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/bark-custom-notification-for-apple.html">bark-水果自定义通知大法🍎</a></h1><p class="index-excerpt"><a href="/defect/bark-custom-notification-for-apple.html">ding~ 用了一段时间的水果了，发现它的通知来的还是非常及时的。基本上只要连接了网络，通知都不会落下。简单了解过IOS的通知机制：APP→水果服务器→你的机器。也就是说这三个步骤都能够正常通信的情况下，我们的机器就能正常的收到通知。 在Android平台也有类似的通知机制，也是由服务端来推送通知到我们的机器，从而到达APP可以不挂后台的情况下收到推送。但是为什么国内的UI用不了我就不清楚了。</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-06-28 12:12" pubdate>2019-06-28</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E8%B8%A9%E5%9D%91/">踩坑</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Tools/">Tools</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/alioss-for-typecho.html" target="_self"><img src="/images/AliOssForTypecho/logo.webp" srcset="/images/img/loading.gif" alt="AliOssForTypecho"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/alioss-for-typecho.html">AliOssForTypecho</a></h1><p class="index-excerpt"><a href="/defect/alioss-for-typecho.html">原作大佬： Typecho插件 最近从辣鸡七牛换到了阿里云的oss，对于我们使用阿里云的ECS来说，oss支持直接内网访问还是很友好的。 存储换了之后，于是找到了大佬的这款插件。可是大佬当初写插件的时候有些地方不太符合个人的使用习惯。比如存储的目录下都会给每张图片单独生成要一个文件夹。 虽然看到大佬blog下已经有留言了，但是那都是去年的事了。 当时是因为阿里云还没有检测object是否存在的</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-06-26 16:42" pubdate>2019-06-26</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E8%B8%A9%E5%9D%91/">踩坑</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/typecho/">typecho</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/try-the-gitlab.html" target="_self"><img src="/images/Gitlab%E5%B0%9D%E9%B2%9C/52152339.webp" srcset="/images/img/loading.gif" alt="Gitlab尝鲜"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/try-the-gitlab.html">Gitlab尝鲜</a></h1><p class="index-excerpt"><a href="/defect/try-the-gitlab.html">Gitlab?GitLab是由GitLab Inc.开发，使用MIT许可证的基于网络的Git仓库管理工具，且具有wiki和issue跟踪功能。 它是一款和常见的Github很像仓库管理工具，大体使用上和Github很像。前端页面也很好看，主要的是安装非常的方便，它集成了自身需要的nginx的服务端。 起初是由Ruby写成，后来部分由Go语言重写。 最早，它是完全免费的开源软件，按照 MIT 许可证</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-06-19 15:42" pubdate>2019-06-19</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/%E5%AE%9E%E8%B7%B5/">实践</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Linux/">Linux</a></div></div></article></div><div class="row mx-auto index-card"><div class="col-12 col-md-4 m-auto index-img"><a href="/defect/basic-knowledge-of-systemd.html" target="_self"><img src="/images/systemd%E7%9A%84%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/logo.webp" srcset="/images/img/loading.gif" alt="systemd的基础操作"></a></div><article class="col-12 col-md-8 mx-auto index-info"><h1 class="index-header"><a href="/defect/basic-knowledge-of-systemd.html">systemd的基础操作</a></h1><p class="index-excerpt"><a href="/defect/basic-knowledge-of-systemd.html">什么是systemd？Systemd是我们常用的一些Linux发行版中常见的一套中央化系统及设置管理程序(init)，包括有守护进程、程序库以及应用软件。 我们经常使用systemctl start apache2来启动一些服务或者应用软件时，使用到的就是Systemd的一部分。 当前绝大多数的Linux发行版都已采用systemd代替原来的System V。 学习它的作用？它能够方便的对一些软件</a></p><div class="index-btm post-metas"><div class="post-meta mr-3"><i class="iconfont icon-date"></i> <time datetime="2019-06-14 14:42" pubdate>2019-06-14</time></div><div class="post-meta mr-3"><i class="iconfont icon-category"></i> <a href="/categories/Linux/">Linux</a></div><div class="post-meta"><i class="iconfont icon-tags"></i> <a href="/tags/Linux/">Linux</a></div></div></article></div><nav aria-label="navigation"><span class="pagination" id="pagination"><a class="extend prev" rel="prev" href="/"><i class="iconfont icon-arrowleft"></i></a> <a class="page-number" href="/">1</a><span class="page-number current">2</span><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/3/"><i class="iconfont icon-arrowright"></i></a></span></nav><script>for (ele of document.getElementById("pagination").getElementsByTagName("a")) {
|
||
ele.href += '#board';
|
||
}</script></div></div></div></div></div></main><a id="scroll-top-button" href="#" role="button"><i class="iconfont icon-arrowup" aria-hidden="true"></i></a><div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"><div class="modal-dialog modal-dialog-scrollable modal-lg" role="document"><div class="modal-content"><div class="modal-header text-center"><h4 class="modal-title w-100 font-weight-bold">搜索</h4><button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body mx-3"><div class="md-form mb-5"><input type="text" id="local-search-input" class="form-control validate"> <label data-error="x" data-success="v" for="local-search-input">关键词</label></div><div class="list-group" id="local-search-result"></div></div></div></div></div><footer class="text-center mt-5 py-3"><div class="footer-content"><a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a><i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a></div><div class="beian"><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">皖ICP备17017808号</a></div></footer><script src="https://cdn.defectink.com/static/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.defectink.com/static/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script><script src="/js/debouncer.js"></script><script src="/js/main.js"></script><script src="/js/lazyload.js"></script><script defer="defer" src="https://cdn.defectink.com/static/clipboard.js/2.0.6/clipboard.min.js"></script><script src="/js/clipboard-use.js"></script><script src="/js/xfy.js"></script><script src="https://cdn.defectink.com/static/typed.js/2.0.11/typed.min.js"></script><script>var typed=new Typed("#subtitle",{strings:[" ","只要心还在跳 "],cursorChar:"❤",typeSpeed:70,loop:!1});typed.stop(),$(document).ready(function(){$(".typed-cursor").addClass("h2"),typed.start()})</script><script src="/js/local-search.js"></script><script>var path="/xml/local-search.xml",inputArea=document.querySelector("#local-search-input");inputArea.onclick=function(){searchFunc(path,"local-search-input","local-search-result"),this.onclick=null}</script></body></html> |