问题描述
该笔记将记录：在 Bash 中，进行 urldecode 的方法，以及相关问题处理。
解决方案
这段代码从 Stack Overflow 复制而来
function urldecode() { : “${*//+/ }”; echo -e “${_//%/\\x}”; }
function urldecode() { local i=”${*//+/ }”; echo -e “${i//%/\\x}”; }
第一个写法太奇怪了，里面包含各种 Bash 知识： 1）: 是为了防止 “${*//+/ }” 被当作命令来执行 2）$_ 表示前[……]
问题描述
该笔记将记录：在 Linux Desktop 中，使用 Transmission 下载工具的方法，以及相关问题处理。
解决方案
安装 Transmission 工具
# on Ubuntu
add-apt-repository ppa:transmissionbt/ppa
apt-get install transmission-common transmission-cli transmission-gtk transmission-daemon
使用 transmission-cli 命令
transmission-cli 是个独立的[……]
问题描述
在 Jenkins Pipeline 中，控制台（Console Output）输出的日志包含大量 Pipeline 执行日志（如下以 [Pipeline] 为前缀的日志行）：
…
[Pipeline] stage
[Pipeline] { (Declarative: Checkout SCM)
[Pipeline] checkout
The recommended git tool is: NONE
using credential GOGS-K4NZ
Fetching changes from the remote Git repository
Check[……]
问题描述
在初始化集群后，我们使用 kubectl 命令能够控制整个集群，这是因为 ~/.kube/config 的凭证权限足够高。
但是，我们不能直接分发该凭证，应该创建新凭证并限制访问权限。比如，某些用户仅能访问和控制特定明明空间的资源；在访问 Dashboard 界面时，因该使用受限的 TOKEN 凭证。
该笔记将记录：在 Kubernetes 中，如何创建 TOKEN 来授权管理集群、管理特定命名空间等等操作，以及相关问题处理方法。
解决方案
创建 Admin Token 以管理整个集群
# kubectl create serviceacc[……]
问题描述
在部署 cert-manager 成功后，我们便能够使用它申请证书。
该笔记将记录：在 Kubernetes 中，如何使用 cert-manager 为 Kubernetes Dashboard 申请证书，以提供 HTTPS 连接。
解决方案
参考文献
How to expose your Kubernetes Dashboard with cert-manager | by Valerio Coltrè | ITNEXT[……]
问题描述
当我们在 Kubernetes Cluster 中部署 cert-manager 之后，便能够在 Ingress 中使用 cert-manager 提供 TLS 证书。
该笔记将记录：在 Kubernetes Cluster 中，如何配置 Ingress 使用 cert-manager 来提供 TLS 证书。
解决方案
第一步、部署 Web 应用
首先，我们需要部署简单的 Web 应用（参考 Example 笔记），来作为实验环境。
后面的操作将基于该 Web 应用，这里不再深入展开 Web 应用的部署。
第二步、修改 Ingress 资源[……]
问题描述
问题现象很简单，系统内存使用情况很高，如下命令输出所示：
# uptime
23:42:48 up 34 days, 13:21, 12 users, load average: 0.52, 0.75, 0.85
# free -h
total used free shared buff/cache available
Mem: 15Gi 12Gi 541Mi 1.1Gi 2.6Gi 1.7Gi
Swa[……]
问题描述
很多时候，当我们解决 A 问题时，会无意发现 B 工具。或许该工具与解决 A 问题完全无关，但是我们还是选择简单了解该工具，增加自己的知识储备，开阔视野。
其实我们也想不到，在解决内存占用过高问题时会发现 Web 应用部署工具，这只能说明我们不专心。
该笔记将记录：什么是 Phusion Passenger 以及简单案例让我们快速了解 Phusion Passenger 的使用方法。
解决方案
示例是讲解工具的最好开始
很显然这是段 Nginx 配置，并存在未知的 passenger_* 配置行，这里也很明显与 NodeJS 有关系：[……]
问题描述
该笔记将记录：在 Groovy 中，如何发送 HTTP 请求，以及相关问题处理。
解决方案
通过 Groovy 形式
HTTP GET
def html = “http://google.com”.toURL().text
html = new URL(“http://stackoverflow.com”).getText()
html = new URL(“http://stackoverflow.com”).text
// or
new URL(“http://stackoverflow.com”).getText(
connectTim[……]
扩展钨支持的笔记本型号
我们有两个相同的扩展钨，现在我们需要更换笔记本，所以将要选择扩展钨支持的型号（X240, T440s（限集成显卡）, T440（限集成显卡）, T440p, T540p, W540, L440, L540）。
ThinkPad T540p (2013-1) | https://detail.zol.com.cn/367/366716/param.shtml CPU型号 Intel 酷睿i7 4700MQ, 2.4GHz/3.4GHz, 四核心/八线程, 三级缓存 6MB 内存容量 4GB（4GB×1）, DDR3L（低电压版）1600MHz, 2xSO-D[……]
问题描述
在执行 kubectl get nodes 命令后，产生如下错误：
# kubectl get nodes
Unable to connect to the server: x509: certificate is valid for 10.96.0.1, 172.16.187.21, not 170.34.184.65
我们出现该问题的场景：将远程节点的 .kube/config 复制到本地，并修改 clusters.cluster.server 来使用 170.34.184.65 地址连接 apiserver，以试图从本地来连接（管理）远程服务器[……]
在执行 kubectl drain node1 –ignore-daemonsets 剔除节点时卡住
参考文献
When you try to drain a Kubernetes node but it blocks ?[……]
问题描述
在出现告警时，我们希望立即收到告警消息，而不希望出现过多的延迟。这点邮件告警是无法满足的，因为邮件通知是由客户端定期查找邮箱才触发的，而且部分邮件服务器也不一定支持 IDLE 命令，因此使用邮件告警无法保证消息的即时性。此外单一的告警渠道无法满足容错的要求，比如邮箱服务出现问题，我们将错过或无法收到告警信息。
鉴于此，除了使用邮件告警，我们还需要接入 IM 进行告警通知。这便涉及将告警信息发送到多个通知渠道。
该笔记将记录：在 Alertmanager 中，将告警消息发送到多个告警渠道的方法，以及注意事项、常见问题的处理。
解决方案
方法一、通过 re[……]
问题描述
在 CSS3 中，引入 Responsive Web Design 特性：对于使用 @media 包裹的 CSS 属性，仅当某些条件得到满足时这些 CSS 属性才会生效。
我们也需要使用该特性，来针对不同的屏幕尺寸使用不同的 CSS 属性。
该笔记将记录：在 CSS 中，如何使用 @media 来编写 CSS 属性，以及相关问题出来。
解决方案
如下 CSS 代码，仅在浏览器窗口在 600px 以下时，背景色设置才生效：
@media only screen and (max-width: 600px) {
body {
b[……]
内容简介
本部分整理了与前端编程相关的语言及技术。由于我并非前端技术爱好者，所以本部分内容多半只是简单整理实现某些功能的代码片段，不会涉及任何高深的技术。这些代码片段也多半采集于网络，当让也会注明出处，以及它们所解决的问题。
附加说明
虽然 Node.js 是后端，但是我们也把它归类到这里了。
章节列表
「CSS」- 不同语言 使用 不同字体 「Front End」- 使用 XPath 查询（学习笔记） 「CSS」- 隐藏过长的文本，使其显示为省略号 「CSS」- 将元素悬浮在右上角 「Front End」- 使用 CSS Selector 选择元素 「CSS[……]
章节列表
「CSS」- 不同语言 使用 不同字体 「CSS」- 隐藏过长的文本，使其显示为省略号 「Front End」- 使用 CSS Selector 选择元素 「CSS」- 隐藏滚动条，但保持页面依旧能够滚动 「CSS」- 将元素悬浮在右上角[……]
问题描述
在 CSS 中，通过选择器来选择元素，然后针对这些选中的元素来应用我们定义的样式。所以学习 CSS 选择器，就是学习一种用来匹配元素的语法（就像匹配字符串使用的正则表达式）。
CSS 选择器不但能在 CSS 中使用，在 JavaScript 中也广泛的使用（当然用于选择元素）。因此学习基本的 CSS 选择器还是很有必要的。
该笔记将记录：在 CSS 中，选择器的语法、使用方法，以及相关问题处理。
解决方案
选择“父元素为特定元素”的标签：
div > p {
background-color: yellow;
}[……]
问题描述
我们希望隐藏滚动条（但是，后来我们又选择显示滚动条，因为隐藏滚动条会降低页面的交互。什么意思呢？假如我们阅读到文章的底部，当我们希望快速回到最开始，对于多数用户来说，鼠标拖动滚动条是唯一的选择（很少会有人使用 SPACE、PageUp、PageDown 等等快捷键）。在某种程度上，虽然隐藏滚动条也许会提高页面的美观度，但是却牺牲交互性。所以最后选择显示滚动条，不过我们依旧会记录隐藏滚动条的方法。换个角度看这个问题，如果隐藏滚动条是个明智的选择，那么隐藏滚动条绝对会是浏览器的默认行为，何时轮到我们来做这件事）。
虽然原始的 overflow: hidden; 能够隐藏滚动[……]
问题描述
该笔记将记录：在 JavaScript 中，与 Events 有关的内容，以及常见问题的处理。
解决方案
当页面加载完成时，执行代码（JavaScript）：
window.addEventListener(‘load’, function () {
alert(“It’s loaded!”)
})
参考文献
Event – Web APIs | MDN javascript – How to execute a function when page has fully loaded? – Stack Overflow[……]
解决方案
原始 JavaScript 代码
//get the target div you want to append/prepend to
var someDiv = document.getElementById(“targetDiv”);
//append text
someDiv.innerHTML += “Add this text to the end”;
//prepend text
someDiv.innerHTML = “Add this text to the beginning” + someDiv.innerHTML;
使用 jQue[……]