博客园 - 墨抒颖
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=28934
2022-01-23T09:11:38Z
墨抒颖
https://www.cnblogs.com/moshuying/
feed.cnblogs.com
https://www.cnblogs.com/moshuying/p/15836806.html
【css灵感】模拟3D地球 - 墨抒颖
在css中有3d变换的方法,一般用它做一些矩形的效果,如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。 点击这里查看无纯净广告版 实现方法 <div class="css-inspiration-earth-planet-body"> <div class="css-inspirat
2022-01-23T09:12:00Z
2022-01-23T09:12:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】在css中有3d变换的方法,一般用它做一些矩形的效果,如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。 点击这里查看无纯净广告版 实现方法 <div class="css-inspiration-earth-planet-body"> <div class="css-inspirat <a href="https://www.cnblogs.com/moshuying/p/15836806.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15801437.html
【hexo指南】hexo配置ER图流程图时序图插件 - 墨抒颖
偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好。 mermaid mermaid官方网站 mermaid支持很多种图形的渲染,用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。 而绘制它也仅仅需要几行
2022-01-14T05:04:00Z
2022-01-14T05:04:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好。 mermaid mermaid官方网站 mermaid支持很多种图形的渲染,用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。 而绘制它也仅仅需要几行 <a href="https://www.cnblogs.com/moshuying/p/15801437.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15714416.html
【css灵感】渐变圆角边框 - 墨抒颖
点这里查看原始纯净版内容 使用 clip-path 和 border-image 实现圆角渐变边框。 border-image 用来指定作为元素周围边框的图像: clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的U
2021-12-21T03:11:00Z
2021-12-21T03:11:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】点这里查看原始纯净版内容 使用 clip-path 和 border-image 实现圆角渐变边框。 border-image 用来指定作为元素周围边框的图像: clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的U <a href="https://www.cnblogs.com/moshuying/p/15714416.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15710991.html
【css灵感】渐变字 - 墨抒颖
直接上效果 看不到效果点这里 方法一:借助mask-image属性 从CSS代码可以看出,效果的实现除了“content内容生成技术”以外,主要是使用了mask-image属性,内容则是“webkit核心浏览器下的渐变”了。 <h2 class="text-gradient" data-text="
2021-12-20T07:08:00Z
2021-12-20T07:08:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】直接上效果 看不到效果点这里 方法一:借助mask-image属性 从CSS代码可以看出,效果的实现除了“content内容生成技术”以外,主要是使用了mask-image属性,内容则是“webkit核心浏览器下的渐变”了。 <h2 class="text-gradient" data-text=" <a href="https://www.cnblogs.com/moshuying/p/15710991.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15710842.html
【vscode高级玩家】设置酷炫字体Fira Code - 墨抒颖
Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。
2021-12-20T06:42:00Z
2021-12-20T06:42:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。 <a href="https://www.cnblogs.com/moshuying/p/15710842.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15708978.html
【mapbox自定义样式】根据高度着色 - 墨抒颖
mapbox根据地形高度渲颜色 这里分为两种方式来实现,分别对应适用于设计师的mapbox studio配置方式,和适用于开发者的代码更改方式,惯例先看最终效果 查看交互式的最终效果 适用于设计人员的
2021-12-19T14:41:00Z
2021-12-19T14:41:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】mapbox根据地形高度渲颜色 这里分为两种方式来实现,分别对应适用于设计师的mapbox studio配置方式,和适用于开发者的代码更改方式,惯例先看最终效果 查看交互式的最终效果 适用于设计人员的 <a href="https://www.cnblogs.com/moshuying/p/15708978.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15708216.html
mapbox获取各种经纬度 - 墨抒颖
mapbox获取各种经纬度
2021-12-19T10:52:00Z
2021-12-19T10:52:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】mapbox获取各种经纬度 <a href="https://www.cnblogs.com/moshuying/p/15708216.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15390514.html
【vscode高级玩家】❤️图文并茂讲你没了解过的vscode设置同步(全新方式)❤️ - 墨抒颖
之前无意中听到有人说,vsCode最大的缺点就是每次换个电脑或者临时去个新环境,就要配置一下各种插件,好不麻烦,以至于面试都不敢说自己用vsCode 说着无心,听着有意,因为我也发现了这个问题,索性认真找了一下网上的教程,发现网上的教程教程有些落后,过程复杂而且不容易成功,干脆自己去看最新文档,发现现在同步设置的方法竟然是...
2021-10-10T12:28:00Z
2021-10-10T12:28:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】之前无意中听到有人说,vsCode最大的缺点就是每次换个电脑或者临时去个新环境,就要配置一下各种插件,好不麻烦,以至于面试都不敢说自己用vsCode 说着无心,听着有意,因为我也发现了这个问题,索性认真找了一下网上的教程,发现网上的教程教程有些落后,过程复杂而且不容易成功,干脆自己去看最新文档,发现现在同步设置的方法竟然是... <a href="https://www.cnblogs.com/moshuying/p/15390514.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15390486.html
【vscode高级玩家】Visual Studio Code❤️安装教程(最新版🎉教程小白也能看懂!) - 墨抒颖
Visual Studio Code,简称 VSCode。它一款免费开源的现代化轻量级代码编辑器,使用方便快捷,功能强大,支持各种的文件格式,跨平台支持 Win、Mac以及 Linux。接下来就介绍一下 VSCode 的安装方法。
2021-10-10T12:16:00Z
2021-10-10T12:16:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】Visual Studio Code,简称 VSCode。它一款免费开源的现代化轻量级代码编辑器,使用方便快捷,功能强大,支持各种的文件格式,跨平台支持 Win、Mac以及 Linux。接下来就介绍一下 VSCode 的安装方法。 <a href="https://www.cnblogs.com/moshuying/p/15390486.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15367181.html
❤️github注册教程最新版(✨图文并茂最新版保姆级教程:建议收藏💘) - 墨抒颖
您可以在墨抒颖的网站体验本文章的纯净版 准备 拥有一个可以接受信息的邮箱即可 开始 点击github官网github step1.进入注册页面 点击Sign Up进入注册流程 step2.输入邮箱 这个时候会浮现出一些文字,等到出现这个界面的时候就输入您的邮箱地址。 🚩记住每次输入完内容后,点击一
2021-10-04T12:50:00Z
2021-10-04T12:50:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】您可以在墨抒颖的网站体验本文章的纯净版 准备 拥有一个可以接受信息的邮箱即可 开始 点击github官网github step1.进入注册页面 点击Sign Up进入注册流程 step2.输入邮箱 这个时候会浮现出一些文字,等到出现这个界面的时候就输入您的邮箱地址。 🚩记住每次输入完内容后,点击一 <a href="https://www.cnblogs.com/moshuying/p/15367181.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15363816.html
hexo配合github action 自动构建(多种形式) - 墨抒颖
已经使用HEXO正常构建GitHub页面 根据github action 给hexo配置自动部署github page 前往墨抒颖的个人网站查看纯净版 1. 为仓库设置访问密钥 第一步先生成密钥,打开命令行并生成一组密钥 ssh-keygen -f github-deploy-key -C "HEX
2021-10-03T03:30:00Z
2021-10-03T03:30:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】已经使用HEXO正常构建GitHub页面 根据github action 给hexo配置自动部署github page 前往墨抒颖的个人网站查看纯净版 1. 为仓库设置访问密钥 第一步先生成密钥,打开命令行并生成一组密钥 ssh-keygen -f github-deploy-key -C "HEX <a href="https://www.cnblogs.com/moshuying/p/15363816.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15352347.html
anacond 或python3 报check_hostname requires server_hostname错误 - 墨抒颖
前往墨抒颖的网站查看纯净版本 anacond 或python3 报check_hostname requires server_hostname错误 在anaconda启动过程中提示如下错误 或者你可以在python3中看到类似的错误 错误解析 出现问题的主要原因是Urllib3 的 1.26.4
2021-09-29T04:48:00Z
2021-09-29T04:48:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】前往墨抒颖的网站查看纯净版本 anacond 或python3 报check_hostname requires server_hostname错误 在anaconda启动过程中提示如下错误 或者你可以在python3中看到类似的错误 错误解析 出现问题的主要原因是Urllib3 的 1.26.4 <a href="https://www.cnblogs.com/moshuying/p/15352347.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244873.html
带你深入了解nginx基本登录认证:使用python生成密码 - 墨抒颖
centos 7.x上可以使用python语句简单地代替grub-crypt,下面的python语句都是交互式的。 python -c 'import crypt,getpass;pw=getpass.getpass();print(crypt.crypt(pw) if (pw==getpass.g
2021-09-08T14:16:00Z
2021-09-08T14:16:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】centos 7.x上可以使用python语句简单地代替grub-crypt,下面的python语句都是交互式的。 python -c 'import crypt,getpass;pw=getpass.getpass();print(crypt.crypt(pw) if (pw==getpass.g <a href="https://www.cnblogs.com/moshuying/p/15244873.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244869.html
带你深入了解nginx基本登录认证:使用openssl生成密码 - 墨抒颖
openssl passwd 手动生成密码 引言:在Linux系统中我们要向手动生成一个密码可以采用opensll passwd来生成一个密码作为用户账号的密码。Linux系统中的密码存放在/etc/shadow文件中,并且是以加密的方式存放的,根据加密方式的不同,所产生的加密后的密码的位数也不同。
2021-09-08T14:14:00Z
2021-09-08T14:14:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】openssl passwd 手动生成密码 引言:在Linux系统中我们要向手动生成一个密码可以采用opensll passwd来生成一个密码作为用户账号的密码。Linux系统中的密码存放在/etc/shadow文件中,并且是以加密的方式存放的,根据加密方式的不同,所产生的加密后的密码的位数也不同。 <a href="https://www.cnblogs.com/moshuying/p/15244869.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244860.html
带你深入了解nginx基本登录认证:使用htpasswd生成密码 - 墨抒颖
这里我用的是windows下的centos子系统,直接生成该密钥上传到服务器即可 生成工具选择htpasswd,htpasswd 是开源 http 服务器 apache httpd 的一个命令工具,用于生成 http 基本认证的密码文件。 安装htpasswd 先安装密码生成工具 ubuntu安装:
2021-09-08T14:11:00Z
2021-09-08T14:11:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】这里我用的是windows下的centos子系统,直接生成该密钥上传到服务器即可 生成工具选择htpasswd,htpasswd 是开源 http 服务器 apache httpd 的一个命令工具,用于生成 http 基本认证的密码文件。 安装htpasswd 先安装密码生成工具 ubuntu安装: <a href="https://www.cnblogs.com/moshuying/p/15244860.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244850.html
带你深入了解nginx基本登录认证(包含所有配置步骤和深度解析) - 墨抒颖
点击访问msy.plus获得更好的体验 http基本验证的作用 http基本身份验证会从浏览器弹出登录窗口, 简单明了,容易理解, 对于面向终端用户的前台来说,不够友好, 但对于内部员工操作的后台还是很有用,通常作为一层安全措施应用。 这个登录认证安全吗? auth_basic作为一个认证模块,在a
2021-09-08T14:09:00Z
2021-09-08T14:09:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】点击访问msy.plus获得更好的体验 http基本验证的作用 http基本身份验证会从浏览器弹出登录窗口, 简单明了,容易理解, 对于面向终端用户的前台来说,不够友好, 但对于内部员工操作的后台还是很有用,通常作为一层安全措施应用。 这个登录认证安全吗? auth_basic作为一个认证模块,在a <a href="https://www.cnblogs.com/moshuying/p/15244850.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244832.html
netdata开源Linux系统监控系统安装:nginx反代设置 - 墨抒颖
将 Netdata 连接到 Nginx 启用代理的第一部分是为 Nginx 创建一个新服务器。 使用您喜欢的文本编辑器在 /etc/nginx/sites-available/netdata 创建一个文件,复制以下配置,并更改 server_name 行以匹配您的域。 upstream backen
2021-09-08T14:05:00Z
2021-09-08T14:05:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】将 Netdata 连接到 Nginx 启用代理的第一部分是为 Nginx 创建一个新服务器。 使用您喜欢的文本编辑器在 /etc/nginx/sites-available/netdata 创建一个文件,复制以下配置,并更改 server_name 行以匹配您的域。 upstream backen <a href="https://www.cnblogs.com/moshuying/p/15244832.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244827.html
netdata开源Linux系统监控系统安装:配置项详解 - 墨抒颖
更改安装的可选参数 kickstart.sh 脚本将其所有参数传递给 netdata-installer.sh,您可以使用它来自定义安装。这里有几个重要的参数: --dont-wait:通过不提示安装任何所需软件包的权限来启用自动安装。 --dont-start-it:防止安装程序自动启动 Netd
2021-09-08T14:04:00Z
2021-09-08T14:04:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】更改安装的可选参数 kickstart.sh 脚本将其所有参数传递给 netdata-installer.sh,您可以使用它来自定义安装。这里有几个重要的参数: --dont-wait:通过不提示安装任何所需软件包的权限来启用自动安装。 --dont-start-it:防止安装程序自动启动 Netd <a href="https://www.cnblogs.com/moshuying/p/15244827.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15244816.html
netdata开源Linux系统监控系统安装:一句话满足你的要求 - 墨抒颖
Netdata是一个开源的实时Linux服务器性能监控工具,漂亮的web前端,使用netdata,你可以监视CPU 、RAM使用情况、磁盘I/O 、网络流量、Postfix等等,netdata超快,资源使用高效。 Netdata功能 它可以帮助你即时诊断基础设施中的异常,包括数千个指标,交互式可视化
2021-09-08T14:00:00Z
2021-09-08T14:00:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】Netdata是一个开源的实时Linux服务器性能监控工具,漂亮的web前端,使用netdata,你可以监视CPU 、RAM使用情况、磁盘I/O 、网络流量、Postfix等等,netdata超快,资源使用高效。 Netdata功能 它可以帮助你即时诊断基础设施中的异常,包括数千个指标,交互式可视化 <a href="https://www.cnblogs.com/moshuying/p/15244816.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/moshuying/p/15242208.html
nginx配置禁特定路径下的反向代理 - 墨抒颖
近期因为项目需要再一次配置了nginx 这次的的需求设计到字符串处理 需要把<域名或ip>/xhr_api/开头的请求转发到内网某机器,同时移除掉xhr_api,这里直接记录下结果,配置非常简单 location ~ ^/(xhr\_api/)(.*)$ { # return 200 "$1,$2,
2021-09-08T04:21:00Z
2021-09-08T04:21:00Z
墨抒颖
https://www.cnblogs.com/moshuying/
【摘要】近期因为项目需要再一次配置了nginx 这次的的需求设计到字符串处理 需要把<域名或ip>/xhr_api/开头的请求转发到内网某机器,同时移除掉xhr_api,这里直接记录下结果,配置非常简单 location ~ ^/(xhr\_api/)(.*)$ { # return 200 "$1,$2, <a href="https://www.cnblogs.com/moshuying/p/15242208.html" target="_blank">阅读全文</a>