在css中有3d变换的方法，一般用它做一些矩形的效果，如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。点击这里查看无纯净广告版实现方法 {代码...}

偏技术的文章有时会用到各种图形，一般来说可以做好图然后截图放到文章中就好了，虽然但图片本身也很小，但存一大堆图片占用空间总觉得不是很好。mermaidmermaid官方网站mermaid支持很多种图形的渲染，用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。 {代码...} 而绘制它也仅仅需要几行代码 {代码...} ...

clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部 SVG 的路径。

从CSS代码可以看出，效果的实现除了“content内容生成技术”以外，主要是使用了mask-image属性，内容则是“webkit核心浏览器下的渐变”了。

Fira Code字体的作者认为开发者们在编程时使用的->,>=,:=,===这些字体其实是一个单一的逻辑标记，虽然它们只使用了两到三个字符，但时我们在阅读的时候一九要花费一部分脑力去阅读，将多个字符理解为一个逻辑字符。理想情况下所有的编程语言的操作符都可以设计为Unicode符号，不过目前并不是这样。

mapbox根据地形高度渲颜色这里分为两种方式来实现，分别对应适用于设计师的mapbox studio配置方式，和适用于开发者的代码更改方式，惯例先看最终效果查看交互式的最终效果适用于设计人员的方式先新建一个地图，基础样式任意选择先设置高度，这样就有了线稿一般的轮廓然后我们新建一个图层，注意这一步选择如图所示的内容...

点击地图即可获取经纬度，也可以手动输入经纬度来换算在线查看运行效果实现方法mapbox中通过地图点击事件来获取到坐标，然后转换为其他的坐标系并输出在屏幕上即可获取坐标方法很简单，给地图添加一个监听事件即可。 {代码...} 坐标转换直接上代码,复制粘贴就能用 {代码...} 在线查看运行效果

vscode 高级玩家系列的【vscode 高级玩家】VSCode 使用 Settings Sync 同步配置(最新版傻瓜教程)文章内容已经略微过时了，虽然还可以使用，但是vs code已经支持新的配置同步方式了，这里重新写一篇教程适用于新版vs code<!-- more -->

Visual Studio Code，简称 VSCode。它一款免费开源的现代化轻量级代码编辑器，使用方便快捷，功能强大，支持各种的文件格式，跨平台支持 Win、Mac 以及 Linux。接下来就介绍一下 VSCode 的安装方法。

在使用jenkins进行自动编译、构建时有些任务可能由于网络或其他原因一直阻塞，导致该项目不能再次执行编译构建。我们希望在某些任务执行时间超过一定值时将其终止。

您可以在墨抒颖的网站体验本文章的纯净版准备拥有一个可以接受信息的邮箱即可开始点击github官网githubstep1.进入注册页面点击Sign Up进入注册流程step2.输入邮箱这个时候会浮现出一些文字，等到出现这个界面的时候就输入您的邮箱地址。🚩记住每次输入完内容后，点击一下Continue或者旁边的背景确保github给出提示如果您...

文章中包含在线演示效果，请访问墨抒颖的网站查看效果仓库链接，点个免费的星星感激不尽。已经使用HEXO正常构建GitHub页面根据github action 给hexo配置自动部署github page前往墨抒颖的个人网站查看纯净版1. 为仓库设置访问密钥第一步先生成密钥，打开命令行并生成一组密钥 {代码...} <!-- more -->记得跳过密码...

前往墨抒颖的网站查看纯净版本anacond 或python3 报check_hostname requires server_hostname错误在anaconda启动过程中提示如下错误或者你可以在python3中看到类似的错误错误解析出现问题的主要原因是Urllib3 的 1.26.4 版本中存在一个错误。在 Python 3.4 和 2.7.9 中，SSLContext 上有一个 check_hostname 属性，它将...

centos 7.x上可以使用python语句简单地代替grub-crypt，下面的python语句都是交互式的。 {代码...} 如果要非交互式，使用下面python语句： {代码...} 本系列文章带你深入了解nginx基本登录认证（包含所有配置步骤和深度解析）带你深入了解nginx基本登录认证：使用htpasswd生成密码带你深入了解nginx基本登录认证：使用op...

引言:在Linux系统中我们要向手动生成一个密码可以采用opensll passwd来生成一个密码作为用户账号的密码。Linux系统中的密码存放在/etc/shadow文件中，并且是以加密的方式存放的，根据加密方式的不同，所产生的加密后的密码的位数也不同。

生成工具选择htpasswd,htpasswd 是开源 http 服务器 apache httpd 的一个命令工具，用于生成 http 基本认证的密码文件。

点击访问msy.plus获得更好的体验http基本验证的作用http基本身份验证会从浏览器弹出登录窗口，简单明了,容易理解，对于面向终端用户的前台来说，不够友好，但对于内部员工操作的后台还是很有用，通常作为一层安全措施应用。这个登录认证安全吗？auth_basic作为一个认证模块，在apache和nginx中都很常用，在许多没有自带...

使用您喜欢的文本编辑器在 /etc/nginx/sites-available/netdata 创建一个文件，复制以下配置，并更改 server_name 行以匹配您的域。

kickstart.sh 脚本将其所有参数传递给 netdata-installer.sh，您可以使用它来自定义安装。这里有几个重要的参数：

Netdata是一个开源的实时Linux服务器性能监控工具，漂亮的web前端，使用netdata，你可以监视CPU 、RAM使用情况、磁盘I/O 、网络流量、Postfix等等，netdata超快，资源使用高效。

近期因为项目需要再一次配置了nginx 这次的的需求设计到字符串处理 需要把<域名或ip>/xhr_api/开头的请求转发到内网某机器，同时移除掉xhr_api，这里直接记录下结果，配置非常简单

某些网站系统需要用户上传图片等文件到某些目录下,难免程序有些漏洞,导致用户上传了php、cgi等等可执行的文件，导致网站陷入非常为难的境地. 此时我们可以通过nginx来禁止用户访问这些目录下的可执行文件。如果不禁止，nginx会直接去下载web目录下文件，如果有配置文件，并可以直接暴露一些配置文件源代码。测试时要清理...

这里根据官网所给出的配置项进行了简单修改，仅作参考关于nginx配置项有不了解的可以看这里<!-- more -->反向代理配置内容 {代码...} 关于nginx配置项有不了解的可以看这里code-server配置方法修改code-server默认端口，密码nginx 反向代理code-server

code-server 官方教程中对于配置项讲的比较深入，包含了证书生成和nginx配置，但是实际使用的时候并不需要这么复杂，有关证书的内容用了通配符证书一次性生成好，有关配置项往往也有通用配置，仅需要调整少量内容即可。

安装code-server的安装方法支很多种，通用性比较强的方法是使用docker和npm，这里先以docker为例使用docker安装code-server<!-- more -->使用该命令运行容器后访问-p 127.0.0.1:8080:8080所指定的8080端口查看运行结果，控制台将输出所需的秘钥 {代码...} 如果需要更该配置文件，请在宿主机的~/.config目录中修改...

有时为了方便使用，并且不对外暴露太多端口，我们需要对服务器的一些服务进行反向代理jenkins的nginx反向代理配置可以参考如下内容 {代码...} 有关jenkins的自动化配置看这里有关jenkins的tty问题看这里有关jenkins的反向代理配置看这里有关jenkins的java11问题看这里有关jenkins的私钥格式错误问题看这里有关jenkins的w...

前置条件在使用webhook之前，我们需要在jenkins中安装对应的插件在dashboard->插件管理中搜索Generic Webhook Trigger并安装创建token接口需要一些认证信息，所以我们要为项目所属的用户创建一个token有关jenkins的自动化配置看这里有关jenkins的tty问题看这里有关jenkins的反向代理配置看这里有关jenkins的java11问...

有时我们不希望使用流行的travsci或者circleci来配置自动化CI/CD,或者内网项目使用jenkins来作为自动化CI/CD的工具

由于docker的-t参数会为输出添加一个伪终端Allocate a pseudo-TTY，所以jenkins无法捕捉到输出，您只需要去掉-t参数即可

这个问题主要原因是jenkins对秘钥支持的格式与我们常用的略有不同，Jenkins使用pem格式的秘钥，所以在生成秘钥后，我们需要将其转换为pem格式