鹏叔的技术博客

使用 namesilo 搭建企业邮箱

2026-03-14T16:00:00.000Z

这几年玩过的企业邮箱解决方案不少，但是一直没有找到一个理想的解决方案，手动搭建自主可控，但是技术门槛较高，需要专人维护服务器安全，监控服务器的健康状况等，人力成本较高，安全性也难以保证。

说说我的经历，起初打算使用开源方案搭建企业邮箱，见我的博客使用 postfix 和 dovecot 快速搭建邮件服务器搭建自己的企业邮箱。第一个困难是解决被识别为垃圾邮件或被主流邮箱拒收的问题，要彻底解决这个问题会非常繁琐，而且由于是全新域名和 ip，因此 SMTP 信誉非常低，非常容易被认定为垃圾邮件被拒收或进入垃圾信箱。第二个困难是安全性问题，25 端口是 SMTP 协议（用于发送邮件）监听端口，大多数 VPS 服务商都是将其关闭的，通常不会开放，有部分 VPS 服务商允许有条件地开放 25 端口，通常都需要交保证金。刚开始搭建邮件系统也没什么经验，25 端口完全暴露在公网上，安全措施也不强，刚刚搭建好才过一晚上邮箱就被攻破被用来发垃圾邮件，一晚上醒来存在 vps 服务商账号上的保证金全部被扣光。于是意识到为了带自己域名的能首发邮件的邮箱二背负如此沉重的维护和安全性负担非常不划算。于是想到专业的事情还是要交给专业的人去做，于是打算使用企业邮箱服务商现成的解决方案，这样可以将维护和安全成本转给企业邮箱服务商，而自己主要集中在主要业务上。

使用 Hostinger 搭建企业邮箱

2026-01-01T16:00:00.000Z

之前介绍过使用 postfix 和 dovecot 快速搭建邮件服务器自建企业邮件服务器，这个方案有几个优点，就是完全自主可控，用户数量，邮箱大小，附件大小都不受到限制，可定制性也比较强。但是缺点也比较明显，有一定的技术门槛，另外需要专人维护服务器安全，监控服务器的健康状况等，人力成本较高，安全性也难以保证。

后来我也介绍过另外一种低成本搭建企业邮箱的方式即使用 Zoho 0 成本搭建企业邮箱.今天我将介绍另一种低成本搭建企业邮箱的方式即：【使用 Hostinger 搭建企业邮箱】，而且维护成本低安全性高的搭建企业邮箱的方案。

Ubuntu 上安装与配置 Android NDK

2025-11-06T16:00:00.000Z

什么是 Android NDK？

NDK（Native Development Kit）是 Android 提供的一套开发工具，用来在应用中使用 C/C++ 语言编写、编译和集成本地代码（Native Code）。它的核心作用就是：
让 Android 应用可以调用和运行底层的 C/C++ 代码，而不仅仅是 Java/Kotlin。通俗讲：Android SDK(Android SDK（Software Development Kit）) 是写 Java/Kotlin 层的；Android NDK 是写 C/C++ 层（Native 层）的。

在 Linux 上安装 Android NDK 有几种方式，最推荐的方法是使用 Android SDK 的命令行工具 (sdkmanager)，因为这样可以保持版本一致、方便更新。

使用 Nginx 部署 PHP 项目

2025-10-31T16:00:00.000Z

Nginx（读作 “engine-x”）是一款高性能的 Web 服务器 + 反向代理服务器。Nginx 不会直接执行 PHP 脚本。它只懂得发送文件、转发请求，不会解析 .php 文件里的逻辑代码。所以 Nginx 必须结合 PHP 解析器才能很好的处理 PHP 请求，而且 NGINX 也只懂得如何响应和转发请求，它也不太懂如何管理 PHP 进程以及调用，连接 nginx 和 PHP 解析器的桥梁则是 FastCGI 协议，这里简单介绍一下 FastCGI ，FastCGI（Fast Common Gateway Interface）
是一种用于 Web 服务器（Nginx 或 Apache）与应用程序（如 PHP、Python、Perl）之间通信的协议。而 PHP-FPM 则是 FastCGI 的一种具体实现，拥有处理 Web 服务器和 PHP 应用程序之间的通信。

使用 netcat 测试 UDP 端口的连通性

2025-10-19T16:00:00.000Z

因为公司网络防火墙一般对端口会有一些限制，通过公司网络访问外部服务器特定端口时，需要检测与目标服务器特定端口的连通性；对于服务器可达性通常采用 ping 方法，tcp 可以使用 telnet, tcping 工具进行测试。对于 udp 连通性我们通常采用 netcat 工具进行测试。

Almalinux 服务器安装图形化界面

2025-09-28T16:00:00.000Z

AlmaLinux 9 与 Rocky Linux 9 在企业级 Linux 发行版中以稳定性著称。虽然它们常用于无界面（CLI）服务器环境，但在某些场景下（例如远程管理或使用图形工具）为服务器安装图形界面（GUI）也是有意义的。本文将逐步指导你如何在这两种系统上安装 GNOME 桌面环境、配置 XRDP 远程访问，并开启防火墙端口，从而在远端通过 RDP 客户端访问图形界面。

如何对文档项目进行搜索引擎优化?

2025-09-04T16:00:00.000Z

本文解释了如何优化文档以出现在搜索结果中, 最终增加文档型网站的流量。

当您优化文档以使其对搜索引擎蜘蛛/爬虫更加友好时, 重要的是要记住,你的最终目标是为您的用户制作更多可发现的文档。

通过我们介绍的 SEO 最佳实践, 您可以确保当用户在搜索引擎中输入问题时, 他们可以从搜索结果中的文档获取答案。

为 MKdocs 文档网站添加评论系统

2025-09-02T16:00:00.000Z

Material for MkDocs 允许使用主题扩展轻松地将您选择的第三方评论系统添加到任何页面的页脚。例如，我们将集成 Giscus，它是一个开源、免费的系统，并使用 GitHub 讨论区作为后端。

使用 Mkdocs 快速搭建自己的文档系统

2025-09-02T16:00:00.000Z

MkDocs 是一款专为项目文档设计的静态网站生成器，它以其高效、简洁和美观的特点受到开发者的青睐。通过使用 Markdown 语言编写的源文件和一个单一的 YAML 配置文件，用户能够轻松地创建并维护文档站点。生成的 HTML 网站不仅加载速度快，而且可以方便地部署到 GitHub Pages 等静态网站托管平台上，使得分享和协作变得简单。

MkDocs 搭建的网站如何做 SEO 优化？

2025-09-02T16:00:00.000Z

MkDocs 本身只是一个静态文档生成器，并没有内建 SEO 功能，但结合 MkDocs-Material 和一些插件/配置，可以做比较完整的 SEO 优化。下面给你一份系统的方案。

Linux 上设置 IPv4 优先

2025-07-21T16:00:00.000Z

今天遇到一个情况，在访问下游服务的时候，下游服务的授权是根据 ip 进行授权的。

而我一台服务器上既有 ipv4 地址又有 ipv6 地址，如果为两个 ip 都授权，那么服务费就 double 了，这显然有些浪费，所以我只授权了 ipv4 地址。

这样就出现了下游服务不稳定的情况，如果服务器访问下游服务的时候以 ipv6 作为出口就会失败，反之以 ipv4 就能成功。

如何创建 github 组织（organization）?

2025-06-24T16:00:00.000Z

在 GitHub 上创建组织（GitHub Organization）有以下几个重要的好处，尤其适合团队协作、项目管理和品牌运营。

使用 fail2ban 保护你的 VPS?

2025-06-15T16:00:00.000Z

Fail2Ban 是一款开源的入侵防御工具，主要用于防止暴力破解、DoS 攻击和恶意扫描。它通过监控系统日志（如 SSH、FTP、Web 服务器等），自动检测多次失败的登录尝试或其他可疑行为，并动态调整防火墙规则（如 iptables、firewalld 等）来封锁恶意 IP 地址。适用于 Linux/Unix 系统，Fail2Ban 能有效降低暴力破解风险，且资源占用低，是服务器安全加固的常用工具。需注意合理配置以避免误封合法 IP。

使用 Ansible 为 WordPress 设置默认语言

2025-06-15T16:00:00.000Z

要通过 Ansible 为 WordPress 设置默认语言，你可以采用以下几种方法。

如何修改WordPress最大上传文件大小限制？

2025-06-15T16:00:00.000Z

网上找了一堆的修改 WordPress 最大上传文件大小限制文章，有些说需要联系 vps 或站点托管管理员修改，最后发现只要在 wordpress 主目录修改添加或修改.user.ini 最有效。无论你的 web 服务器是 nginx 还是 apache 都有效。而且还有以下优势

Wordpress 备份与恢复

2025-06-10T16:00:00.000Z

作为一个 Wordpress 网站的维护人员，懂得如何备份与恢复 wordpress 网站至关重要。当我们在升级 WordPress 的核心、主题或插件之前对 wordpress 进行备份，这样在升级的过程中遇到因为兼容性问题可能导致的网站崩溃是，不至于手足无措，游刃有余。当我们需要将主机有一个 VPS 提供商移植到到另外一个 VPS 提供商，由一台主机移植到另外一台主机时都需要掌握 wordpress 备份与恢复技巧。当然需要使用到备份与恢复技能的地方还很多。备份不仅是技术操作，更是网站运营的核心保障。通过定期备份，我们可以确保数据的完整性和安全性，避免因意外情况导致的不可逆损失。恢复则是备份的延续，能够快速将网站恢复到正常状态，减少停机时间对用户体验和业务的影响。无论是个人博客还是企业级网站，掌握备份与恢复的技巧都是不可或缺的技能。接下来，我们将详细探讨如何高效地备份和恢复 WordPress 网站，帮助您轻松应对各种挑战。

0成本搭建企业邮箱

2025-05-31T16:00:00.000Z

今天介绍一种低成本或者零成本搭建企业邮箱的方式，而且维护成本低安全性高的搭建企业邮箱的方案。

Prompt 提示词工程核心技巧

2025-05-29T16:00:00.000Z

1. 什么是提示词？

提示词（prompt）是引导 LLM 进行内容生成的命令，它可以是任何内容：一句话，一个问题，或者一个计算公式。当 LLM 收到提示词以后便开始根据提示词和之前训练的数据，生成相关的回应。

Linux 上安装 Cherry Studio

2025-05-28T16:00:00.000Z

Cherry Studio 是一款开源、跨平台的多模型 AI 对话客户端，支持 Windows、macOS 和 Linux 系统，未来还将扩展至移动端。它集成了多种主流大语言模型（如 OpenAI、DeepSeek、Anthropic、Gemini 等）以及本地模型运行功能，并提供丰富的 AI 助手、知识库管理、联网搜索等特性，适用于专业用户、开发者和普通 AI 爱好者。

在 Dify 中配置 self-hosted vllm 模型

2025-05-27T16:00:00.000Z

在 Dify 中配置 self-hosted vllm 模型作为模型供应商时，应选择 OpenAI-API-compatible

如何在 Linux 上通过 docker-compose 部署 Dify？

2025-05-26T16:00:00.000Z

Dify 是一款开源的大语言模型（LLM）应用开发平台，融合了后端即服务（Backend as a Service, BaaS）和 LLMOps 的理念，旨在帮助开发者快速构建和部署生成式 AI 应用。本篇文章将带您了解如何在本地环境中部署 Dify。通过本地部署，您可以更好地掌控数据和应用的运行环境，同时体验 Dify 强大的功能和灵活性。无论您是开发者还是对生成式 AI 应用感兴趣的技术爱好者，这篇指南都将为您提供清晰的步骤和实用的建议。

2026 年最新 MCP 资源库汇总

2025-05-26T16:00:00.000Z

MCP（Model Context Protocol）作为一种新兴的通信协议，正在迅速改变 AI 应用的开发方式。本文旨在为开发者和技术爱好者提供一份全面的 MCP 资源指南，帮助大家更好地理解和使用 MCP 协议。无论是初学者还是资深开发者，都可以通过本文找到适合自己的工具、平台和学习资源，从而更高效地构建智能化应用。

Ubuntu 安装并配置 docker

2025-05-26T16:00:00.000Z

Docker 是现代软件开发和部署中不可或缺的工具之一。它通过容器化技术，为开发者和运维人员提供了轻量级、便捷且高效的解决方案。本文将详细介绍如何在 Ubuntu 系统上安装和配置 Docker，帮助您快速上手并充分利用其强大的功能。

快速注册 Hostinger 账号以及创建 Hostinger VPS

2025-05-26T16:00:00.000Z

Hostinger是一家成立于2004年的全球知名主机服务提供商，至今已有二十年的历史。总部位于欧洲，Hostinger从一个小型初创公司起步，如今已发展成为全球范围内提供多元化主机解决方案的顶级企业，拥有超过2900万用户，遍布178个国家。

如何使用 vLLM 部署千问 3 大语言模型？

2025-05-25T16:00:00.000Z

本文主要讲述如何使用 vLLM 部署千问 3 大语言模型。本文使用的是 Qwen3-0.6B 一个参数较小的模型，主要是为了体验整个部署过程。另外大模型运行在 CPU 上(因为支持 GPU 的 VPS 普遍较贵，一直是用爱发电，能省则省).最后我们安装了一个 open-webui 用于和 self-hosted 的千问模型以图形界面的方式与模型进行对话。整个部署过程非常丝滑，适合有一定动手能力的用户，部署体验, 成本非常低，仅需一台 8U32G 的 VPS，不需要显卡。在本文的基础上略做修改也可以用于开发自己的 AI Agentic 应用。

如何使用源码安装 vLLM？

2025-05-24T16:00:00.000Z

vLLM 是一个专为高性能推理优化的大型语言模型（LLM）推理引擎，它由 UC Berkeley、CMU(卡内基梅隆大学)、Stanford 等高校的研究人员联合开发，旨在解决当前 LLM 推理中的效率与资源浪费问题。vLLM (virtualized Large Language Model) 是一个项目名称，其含义更侧重于强调它的虚拟化 + 大语言模型（LLM） 特性。virtualized 指的是该项目核心技术 —— 利用一种“虚拟内存”式的 KV 缓存管理机制（PagedAttention）。

如何使用 Astral UV 管理 Python 虚拟环境？

2025-05-22T16:00:00.000Z

Astral UV 是一款由 Astral 公司（以开发高性能 Python 工具 Ruff 闻名）推出的超高速 Python 包管理和项目管理工具，完全用 Rust 编写。它旨在取代传统的 Python 工具链（如 pip、virtualenv、poetry、pyenv 等），提供更快的速度和更统一的工作流。在 Astral UV 的上下文中，象征工具的高速性（Ultra-Velocity）和多功能性（Universal）。本文主要讲述如何在 Linux 下安装 Astral UV。

Linux 上如何清除 DNS 缓存

2025-05-06T16:00:00.000Z

在日常使用 Linux 系统的过程中，DNS 缓存的管理是一个常见但容易被忽视的问题。当 DNS 缓存出现问题时，可能会导致域名解析失败，从而影响网络连接。本文将介绍如何在不同的 Linux 发行版上清除 DNS 缓存，以帮助您快速解决相关问题。

Docker 命令

2025-04-30T16:00:00.000Z

Docker 是一个开源项目，它可以自动将应用程序部署为可移动的独立容器，这些容器可以在本地或云端运行。借助 Docker，您可以快速将应用程序从基础架构中分离出来，从而实现软件交付，并且还可以像管理应用程序一样管理基础架构。

Docker 中的命令数量非常庞大，但我们将重点介绍 Docker 中最常用的命令。想要了解更多关于 Docker 命令的信息，请参阅Docker 速查表 – 最重要的 Docker 命令。

如何使用自托管 GitHub Runner 运行 GitHub Actions 工作流？

2025-04-30T16:00:00.000Z

有时候github action 提供的runner不能满足我们的一些需求，此时我们可以使用自托管runner来运行github action jobs, 设置步骤如下.

使用 Emlog 搭建一款多用户博客系统

2025-04-29T16:00:00.000Z

个人博客早就玩得有点腻了，独乐乐不如众乐乐，自己也写了一个多用户博客，但是集成在一个比较大的系统里面，一直想把它分拆出来进行，但是一直没有时间和精力去做，考虑到更加没有时间去做推广。花费时间意义又不太大，本着想吃鱼不必去养鱼的想法，一直在寻找一款开源的解决方案。之前试用过 wordpress 的多用户博客，体验下来不太理想。其他的比如 Astro, Strapi 加自定义前端一个比较耗时，体验也不是很好。
今天偶然间发现 emlog，我理想中的功能都有，而且还超过了我的预期。所以花了一点点时间把它安装了一下。官方教程写得不够详细，主要在数据库连接方面写得不够详细，花费了一些时间，最终选择了通用安装方式，从我的角度看比较理想。当然在此教程的基础上修改为 docker 或 docker compose 安装方案也比较容易。这里将安装过程记录下来，以便对有同样需求的人有所帮助。

Docker 的架构

2025-04-26T16:00:00.000Z

Docker 采用客户端-服务器架构。Docker 客户端与 Docker 守护进程通信，后者负责构建、运行和分发 Docker 容器。Docker 客户端与守护进程在同一系统上运行，或者我们可以将 Docker 客户端与 Docker 守护进程远程连接。借助 UNIX 套接字或网络上的 REST API，Docker 客户端和守护进程可以相互交互。

Docker Cloud 介绍

2025-04-26T16:00:00.000Z

Docker 是一个软件平台，就像一个服务提供商一样，提供了一些特别的功能，比如让你可以更快速地在一个统一的平台上构建、测试和部署你的应用程序。Docker Cloud 基本上就是 Docker 提供的一项服务，它的作用包括：不依赖具体的操作系统（操作系统无关性），只打包运行应用所需的最小内容，让运行更高效，让应用可以在不同的基础设施之间轻松迁移和互通。除此之外，还有很多其他功能。

Docker Hub 介绍

2025-04-26T16:00:00.000Z

Docker Hub是一个基于云的存储库服务，用户可以随时随地通过互联网将 Docker 容器镜像推送到 Docker Hub，也可以从Docker Hub拉取 Docker 容器镜像。它提供多种功能，例如，用户可以将镜像推送为私有镜像或公开镜像。

国内 Docker 镜像加速器状态监测

2025-04-24T16:00:00.000Z

每日更新国内 Docker 镜像加速器状态，以显著提升镜像拉取速度和开发效率。

使用github action 自动更新 github pages

2025-04-24T16:00:00.000Z

首先我们会讲解如何使用 github action 部署一个简单的 html 页面到脚本所在仓库的 gh-pages 分支，接着我们会讲解如何部署到不同仓库的指定分支。

如何使用Node.js执行CLI指令？

2025-04-23T16:00:00.000Z

本文主要讲述如何在nodejs脚本中执行命令行指令。

Docker 的特点

2025-04-22T16:00:00.000Z

Docker 是用于开发和自动化应用程序部署的最流行的开源平台之一。它将应用程序部署到容器中，并使我们能够将应用程序与基础架构分离。它旨在提供一个轻量级且快速的代码运行环境，以及一个高效的工作流程，将代码从笔记本电脑传输到测试环境，再投入生产。

Docker 简介

2025-04-22T16:00:00.000Z

你有没有想过市场上涌现 Docker 容器的原因？在 Docker 出现之前，大多数开发人员在编写代码时都会遇到一个大问题：代码在自己的电脑上可以运行，但当他们尝试在服务器上运行该代码时，却无法正常工作。这是因为应用程序需要合适的运行环境（例如合适的操作系统、库和设置）。如果你的电脑和服务器上的某些东西出现差异，就会出现问题。

为了解决这个问题，Docker 容器应运而生。Docker 是一个开源容器化平台，你可以将应用程序及其所有依赖项打包到一个名为“容器”的标准化单元中。容器是轻量级的，易于移植，并且与底层基础设施以及其他容器相互隔离。你可以在任何安装了 Docker 的机器上将 Docker 镜像运行为 Docker 容器，而无需依赖宿主机的操作系统。

Docker 有两个主要部分：Docker 引擎，它是在本地计算机和服务器上运行的二进制程序，负责处理容器的创建和管理。Docker Hub 是一个网站和云服务，方便每个人轻松共享他们的 Docker 镜像。

如何在一台电脑上管理多个 github 账号？

2025-04-20T16:00:00.000Z

前言

对大多数开发者来说，有时候需要在同一台机器上管理多个 GitHub 账户。例如在以下场景中，我们就需要使用到 GitHub 多账户管理技巧。

白天作为一名员工，为您所在的公司工作，你所在的公司使用 GitHub 企业版或另一个 GitHub 账号（例如work@company.com）管理内部私有仓库，你需要在此账号下提交代码。

晚上在个人账号下修复自己的开源项目。你拥有一个个人 GitHub 账号（例如personal@example.com），用于托管自己的开源项目、学习实验或兼职项目。

此场景下，多账号管理是兼顾职业与个人开发的必要需求。并达到权限分离，隐私保护以及合规要求。

权限分离：公司仓库可能需要严格的访问控制，禁止使用个人账号提交代码。
隐私保护：个人项目与工作项目需完全隔离，避免误操作或信息泄露。
合规要求：企业可能要求使用公司邮箱和账号签署贡献者协议（CLA）。

MacOS 上安装与配置 Hiddify Next

2025-04-02T16:00:00.000Z

Hiddify Next 是一款开源的多平台通用代理客户端，旨在帮助用户在受互联网审查的地区自由访问网络服务。它基于 Sing-Box 构建，支持超过 20 种协议，兼容 Android、iOS、Windows、macOS 和 Linux 等操作系统。Hiddify Next 最近更名为 HiddifyApp 了，本文中 Hiddify Next 和 HiddifyApp 会交替使用，他们所指的都是同一个软件。本文主要讲述如何在 MacOS 操作系统上安装并配置HiddifyApp。

Linux 上安装与配置 Hiddify Next

2025-04-02T16:00:00.000Z

Windows 上安装与配置 Hiddify Next

2025-04-02T16:00:00.000Z

Hiddify Next 是一款开源的多平台通用代理客户端，旨在帮助用户在受互联网审查的地区自由访问网络服务。它基于 Sing-Box 构建，支持超过 20 种协议，兼容 Android、iOS、Windows、macOS 和 Linux 等操作系统。Hiddify Next 最近更名为 HiddifyApp 了，本文中 Hiddify Next 和 HiddifyApp 会交替使用，他们所指的都是同一个软件。本文是 HiddifyApp 系列教程之一，重点讲述如何在 Windows 上安装 HiddifyApp。

如何设置Docker、 Containerd、 Podman容器镜像加速器？

2025-03-18T16:00:00.000Z

从官方镜像仓库（如 Docker Hub、Kubernetes 镜像库）拉取镜像时，国内访问可能较慢，使用镜像加速器可以显著提高下载速度。官方镜像库可能受限于网络封锁、网络波动、带宽限制或地理位置的影响，导致拉取超时。加速器通常部署在更接近用户的服务器上，优化访问路径，减少超时问题。

如何获取国内可用的 Docker 镜像加速器可以参考 2026 年最新国内可用 Docker 镜像加速器汇总

获取到镜像加速器地址后可以按以下指引进行配置。

2026 年最新国内可用 Docker 镜像加速器汇总附带监测

2025-03-17T16:00:00.000Z

最近几个月发现许多曾经常用的国内镜像站（包括各种云服务商和高校镜像站）已经无法使用，这极大地影响了工作效率和开发进度。因此，本人开始搜索并汇总了目前可用的镜像站和镜像加速地址，并计划定期测试它们的可用性，然后更新这个列表。如果您知道新的可用站点，也欢迎随时评论区留言补充！

手动部署 docker 镜像加速服务

2025-03-16T16:00:00.000Z

由于近期 hub.docker.com 等容器镜像站在国内已经被墙，并且现在看来也无重新可用的可能性了。所以手里有闲置服务器的佬友可以选择自己搭建一个 Docker 镜像加速服务，以便能够中转对 Docker 官方镜像仓库的请求，解决国内无法访问或访问缓慢的问题。本文主要讲述如何使用一台海外 VPS,手动搭建一台镜像加速服务器。

linux 下清空回收站命令

2025-03-14T16:00:00.000Z

相信每个人都对回收站(trashcan)很熟悉，因为无论是对 Linux 用户，还是 Windows 用户，或者 Mac 用户来说，它都很常见。当你删除一个文件或目录的时候，该文件或目录会被移动到回收站中。

需要注意的是，当把文件移动到回收站以后，文件系统空间并没有被释放，除非把回收站清空。

如果不想永久删除文件的话（清空回收站），可以利用回收站临时存储被删除了的文件，从而在必要的时候能够帮助我们恢复删除了的文件。

如何在 VSCode 中免费使用 codepilot?

2025-03-13T16:00:00.000Z

GitHub 于 2024 年 12 月 18 日推出了适用于 Visual Studio Code 的 GitHub Copilot 免费计划。在此之前若开发者要使用 GitHub Copilot 需要付费订阅，每月订阅费用起步价为 10 美元，而经过验证的学生、教师和开源项目维护者则可以申请免费使用。

如何在 Linux 上运行 LolMiner 挖矿教程

2025-03-10T16:00:00.000Z

LolMiner 是一款开源的加密货币挖矿软件，它支持多种加密货币的挖掘，包括以太坊（ETH）、以太坊经典（ETC）、狗狗币（DOGE）等，同时兼容多种算法，如 Ethash、KawPow、Cuckoo Cycle 等。

如何在 Linux 上运行 xmrig 进行 CPU 挖矿教程

2025-03-10T16:00:00.000Z

XMRig 是一款广受欢迎的开源加密货币挖矿软件，主要用于挖掘基于 CryptoNight 算法的加密货币，如门罗币（Monero，XMR）。

2026年各大主流域名服务商汇总

2025-03-06T16:00:00.000Z

在推广新的在线业务时，选择反映品牌的域名是关键步骤。好的域名容易记忆且输入快捷。一旦有了创业点子和一个令人印象深刻的名字，就需要购买和注册域名，并在服务器上托管网站。

为了简化这个复杂繁琐的过程，本文列出了国内外最好的域名注册商，以及如何选择最适合你的业务的域名注册商。

Hexo SEO 之 canonical links

2025-03-04T16:00:00.000Z

最近自己的网站突然被限流了，经过研究网站可能是被搜索引擎被惩罚了，问题可能出在重复的内容上，于是对 SEO 和 canonical link （规范链接）进行了一些研究。幸运的是，这项研究恰好及时帮助了一些有类似问题的博主，尽管原因不同。

Windows 上安装与配置v2rayA

2025-01-23T16:00:00.000Z

本教程详细讲解了如何在 Windows 操作系统上安装并配置 v2rayA 这款科学上网软件。

Hexo 配置 Stellar 主题

2025-01-19T16:00:00.000Z

本文讲述如何给 hexo 博客网站配置 Stellar 主题。

1. 安装环境说明

首先粘贴本教程测试使用的环境，如果在安装配置中，环境有差异，请酌情修改或调整参数．

Hexo 配置 Webstack 主题

2025-01-19T16:00:00.000Z

本文讲述如何给 hexo 博客网站配置 Webstack 主题。

1. 安装环境说明

首先粘贴本教程测试使用的环境，如果在安装配置中，环境有差异，请酌情修改或调整参数．

选择 VPS 需要考虑的关键因素及建议

2025-01-19T16:00:00.000Z

在当今数字时代，VPS 已经成为许多企业和个人网站的首选托管解决方案。但是在选择适合您需求的 VPS 时，有一些关键因素需要考虑。本文将介绍在面临 VPS 选择时必须知道的 17 个关键因素。

在 Linux 上安装 Flutter 开发环境

2025-01-07T16:00:00.000Z

Flutter 是一个流行的开源 UI 软件开发工具包，被世界各地的开发人员用来从单个代码库构建适用于移动、Web 和桌面的原生编译应用程序。

在中国安装和使用 Flutter，请使用可信的 Flutter 镜像。这需要在你的机器上设置两个环境变量。以下所有示例均假定你正在使用 CFUG 的镜像。

全平台科学上网客户端 Hiddify Next 安装与配置详解

2024-12-22T16:00:00.000Z

使用 postfix 和 dovecot 快速搭建邮件服务器

2024-10-13T16:00:00.000Z

在正式进行安装邮件服务器之前，我们需要对邮件服务器概念有一些基础的了解。

一篇文章搞懂HTTPS协议

2024-10-13T16:00:00.000Z

1. HTTP 协议

HTTP 协议是 Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。

HTTP 是一个基于 TCP/IP 通信协议来传递数据，HTTP 协议承载的数据类型包括 HTML 文件,Javascript, css, 图片，json，yaml, pdf 等等数据类型。

HTTP 是一个属于应用层协议，应用层有专门的应用服务器，例如: Nginx, Apache HTTP Server, Candy, Apache Tomcat, IIS, Weblogic、WebSphere, jetty等等。

用户也可以使用各种语言提供的网络库，框架实现自己的 HTTP 服务.

记一次关于Ansible Shared connection to remotehost closed 问题的排查过程

2024-10-03T16:00:00.000Z

今天花了几乎一天的时间排查一个 Ansible 连接异常断开的问题。翻遍了几乎所有的帖子都没有找到正确的答案，经过不断的尝试，终于把这个问题解决了，特此记录下来，期望能帮助到同样正在被这个问题折磨的人。

Linux 上添加 swap 分区

2024-10-03T16:00:00.000Z

防止应用程序出现内存不足错误的一种方法是向服务器添加一些交换空间。在本指南中，我们将介绍如何向 Almalinux 服务器添加 swap 分区。

1. 什么是 Swap？

swap 分区是硬盘存储空间的一部分，专门留给操作系统用来临时存储 RAM 中无法再保存的数据。这可以增加服务器在工作内存中可以保存的信息量，但有一些注意事项。硬盘上的交换空间主要在 RAM 中没有足够的空间来保存正在使用的应用程序数据时使用。

写入磁盘的信息将比保存在 RAM 中的信息慢得多，但操作系统会倾向于将正在运行的应用程序数据保留在内存中，并使用交换空间来存储较旧的数据。总的来说，在系统 RAM 耗尽时，将交换空间作为后备方案，可以很好地防止出现内存不足异常。

华为电脑常用键盘快捷键

2024-10-03T16:00:00.000Z

华为电脑键盘布局与其他电脑有一些差别，最大的差别是，它将 Home, End, Pagedown, Pageup 四个物理按键去掉了，在键盘中间靠上方布置了一个摄像头。

先不评价这种设计的优劣，今天主要了解这种布局带来的快捷键使用上的变化，以尽快适应这种变化。

关于 Almalinux Linux 安全加固的 13 条建议

2024-09-27T16:00:00.000Z

本帮助手册旨在指导系统管理人员或安全检查人员进行 Linux 操作系统的安全合规性检查和加固。

如何在 Almalinux 上为 Nginx 安装TLS/SSL证书并开启自动续订

2024-09-18T16:00:00.000Z

Let’s Encrypt 是一家证书颁发机构 (CA)，它提供了一种获取和安装免费 TLS/SSL 证书的简便方法，从而在 Web 服务器上启用加密 HTTPS。它通过提供软件客户端 Certbot 来简化流程，该客户端尝试自动执行大多数（如果不是全部）所需步骤。目前，在 Apache 和 Nginx 上，获取和安装证书的整个过程都是完全自动化的。

在本教程中，我们将使用 Certbot 为 Almalinux 9 上的 Nginx 获取免费的 SSL 证书，并将证书设置为自动更新。

为 Astro 网站添加身份验证鉴权功能

2024-09-12T16:00:00.000Z

Clerk 号称是最开箱即用的登录鉴权 serverless 服务，确实可以帮助开发者避免前期重复无聊的鉴权逻辑从而快速开发一些小玩具。

Astro 是一个用于构建快速、轻量级网站的现代前端框架，特别适合静态网站生成和内容丰富的网站，如博客、文档站点等。

今天我们要讲解的是在基于 Astro 框架构建的网站中，如何使用 Clerk 快速地为网站添加用户身份鉴证和鉴权功能。

在身份验证鉴权与业务分离的系统中, 如何实现根据用户属性查询业务信息?

2024-09-12T16:00:00.000Z

在身份验证与业务逻辑分离的系统中，如果需求要求根据用户的属性，例如名称、用户组、年龄、角色等非唯一标识符进行业务信息查询，常见的解决方案是将这些属性信息与唯一标识符（如 user_id）进行关联，通过索引或联合查询来实现。以下是几种具体实现方案：

使用 Giscus 为 Astro 网站添加评论功能

2024-09-11T16:00:00.000Z

考虑到每篇博客都有可能有错误的地方，需要用户及时反馈，我能相应的做出修改，逐渐完善整个博客系统，所以评论功能对我来说非常重要。

目前Astro添加评论功能的方式不多，因为毕竟是一个比较新的框架，使用像 Astro 这样的静态站点生成器，添加评论系统可能会有点困难，因为您的内容主要托管在 Git 存储库内的 Markdown 文件中。如果你使用 Astro 搭建博客并希望在帖子中添加评论，本指南将演示如何使用 Giscus 在几分钟内完成操作。

使用 Astro 快速搭建自己的博客系统

2024-09-08T16:00:00.000Z

Astro 是一款现代化的前端框架，由开发团队 Snowpack 创建，旨在提供一种简单而强大的方式来构建快速、可靠且易于维护的 Web 应用程序。
Astro 支持静态站点生成，这意味着在构建时生成 HTML 文件，从而提高网站的加载速度和性能。

今天我们主要讲述如何使用 Astro 快速搭建自己的博客系统。

Linux systemd 服务详解

2024-09-03T16:00:00.000Z

Linux 系统中也有“服务”这一说法, 也即 systemd service unit，通过服务我们可以便捷地管理一些程序功能，也可以作为程序开机自启的一个手段之一。今天我来分享一下如何创建自己简易的 Linux 服务。本文主要讲述如何在 Linux 下自定义 service.

Vultr 上安装并配置一台VMESS/v2ray 服务器

2024-09-03T16:00:00.000Z

VMess 协议是由 V2Ray （科学上网软件）创立并使用于 V2Ray 的加密传输协议，如同 Shadowsocks 一样为了对抗审查的深度包检测而研发的。在 V2Ray 上客户端与服务器的通信主要是通过 VMess 协议通信。

本文中采用Vultr VPS，一款性能优越、配置的VPS, 其拥有广泛的数据中心分布、丰富的功能和便捷的支付方式，成为众多用户的首选。无论是个人学习、小型项目还是大型企业应用，Vultr VPS 都能提供稳定可靠的服务支持。

拥有一台Vultr VPS可以做很多事情，例如：

更多玩法等待您来解锁。

本文主要讲解在 Vultr VPS上，如何使用自动化脚本和手动两种方式，安装并配置一台 v2ray 服务器（也称为 vmess server）。以及如何通过v2rayA, v2rayN, v2RayNG连接 v2ray 服务器并访问google和chatGPT。

Helm 应用升级与回滚

2024-09-02T16:00:00.000Z

在本教程中，我们首先会使用helm部署一个mysql实例，然后尝试升级mysql到更高版本，并魔力升级出错后回滚该次升级。

Helm v3 命令详解

2024-09-02T16:00:00.000Z

Helm 是云原生领域最火热的应用管理工具。众所周知 Kubernetes 是自动化的容器管理平台，然而 Kubernetes 并没有抽象出应用的概念，通常应用的描述是非常复杂的，一个应用可能是由多种资源组成。

我们通过多次 kubectl apply -f 上述资源，但是后续无法有效管理应用所包含的资源。这也正是 Helm 要解决的难题，更好地帮助用户定义、部署以及管理应用。

如何安装 helm 命令行工具

2024-09-01T16:00:00.000Z

本指南介绍如何安装 Helm CLI。

Helm 项目提供了两种获取和安装 Helm 的方法。从源代码或预构建的二进制版本安装，这些是获取 Helm 版本的官方方法。除此之外，Helm 社区还提供了通过不同包管理器安装 Helm 的方法。通过这些方法进行安装的方法可以在官方方法下方找到。

Vultr 上快速搭建 kubernetes 集群

2024-08-30T16:00:00.000Z

上前天获得了 https://www.vultr.com 300 美金的试用金，限期 1 个月。。

这两天一直在琢磨如何把这 300 美金霍霍完，免得过期浪费。于是把之前一些好玩的东西从家里的服务器迁移到了 Vultr 上，前天用 Vultr vps 搭建了一个了一个 WEB IDE, 过程记录在这篇文章里Vultr + Code-server 自建 Cloud IDE。

昨天在 Vultr VPS 上使用 wordpress 搭建了一个博客，详情参考这篇文章 Vultr 部署 Wordpress 博客

如何安装 kubectl 命令行工具

2024-08-29T16:00:00.000Z

kubectl 是 Kubernetes 的命令行工具，用于与 Kubernetes 集群进行交互。它允许用户部署和管理容器化应用程序、查看集群资源、执行故障排查以及进行其他管理任务。kubectl 通过与 Kubernetes API 服务器通信来执行这些操作，API 服务器是 Kubernetes 集群的控制平面的一部分，负责处理集群中所有资源的请求。

Vultr 部署 Wordpress 博客

2024-08-28T16:00:00.000Z

昨天我获得了 Vultr.com 300 美金的试用金，限期 1 个月。

这两天一直在琢磨如何把这 300 美金霍霍完，免得过期浪费。于是把之前一些好玩的东西从家里的服务器迁移到了 Vultr 上，昨天用 Vultr vps 搭建了一个了一个 WEB IDE, 过程记录在这篇文章里Vultr + Code-server 自建 Cloud IDE。

Vultr 账号申请以及创建VPS过程参考这篇文章快速注册 Vultr 账号以及创建 Vultr VPS。

今天用 Vultr vps 结合 wordpress 搭建了一个动态博客网站（当然 wordpress 不只是能搭建博客这么简单），顺便将之前的文章更新了一遍。以下是搭建的全过程。

明天打算将 kubernetes 集群也搬上 Vultr，关注我的博客，鹏叔将利用这波优惠，继续探索一些新花样。

快速注册 Vultr 账号以及创建 Vultr VPS

2024-08-27T16:00:00.000Z

Vultr 作为很多人的入门 VPS，有着良好的口碑，尤其在建站方面，稳定。Vultr 提供众多应用一键安装模板，但是由于英文界面，加上新手很多新手不知道如何去操作，这里写下详细新手图文教程。另外请持续关注博客，鹏叔将利用这波优惠，探索一些新花样。

Vultr 目前正在做活动，新用户访问https://www.vultr.com进行注册，可以获得为期一个月金额300美金的试用金，不过可能过了这段时间就没有了。

Vultr + Code-server 自建 Cloud IDE

2024-08-27T16:00:00.000Z

1. 前言

Web IDE，顾名思义就是云端开发环境，把 IDE 部署在云上。打开浏览器，连上云 IDE，就可以方便敲代码跑程序。想象一下，带上一台 iPad 或者华为、小米平板，配上蓝牙键盘，坐在阴凉下，或者沙滩上，吹着海风，面朝大海敲代码，多么惬意。

另外如果选择的是国外的 VPS, 那么额外的好处就是，你的 IDE 天然的就在墙外面了，下载各种软件，依赖包，那些奇奇怪怪的问题就没有了，而且你也不存在违规的风险。

其实 Web IDE 很早就有，但那些都只能说是玩具，直到现在才有一些不错的产品推出，比如微软家的 Visual Studio Codespaces、coding.net 的 Cloud Studio、华为云 CloudIDE 等。不过，这些产品要么还在测试，要么免费用会有很多限制，付费的产品价格不菲，目前还不是非常方便。

如果想要低成本愉快地使用，自己动手搭建是一个不错的方案。对配置要求不高的话，一年几十块一百多块就能买到廉价的 VPS 或者云主机就足够了。

自己 DIY 一套 Web IDE 比较成熟的方案有两个，code-server 和 Theia。毕竟 code-server 是基于 VS code 魔改的，与 vs code 的插件体系兼容性更好。所以更推荐 code-server。Theia 虽然有自己的插件体系，也宣称兼容 vs code 的插件，也是一套优秀的 WEB IDE 解决方案，但是兼容程度谁知道呢？

在Linux（AlmaLinux 9）上安装MariaDB

2024-08-25T16:00:00.000Z

当 MariaDB Server 的前身 MySQL 于 2009 年被 Oracle 收购时，MySQL 创始人 Michael “Monty” Widenius 出于对 Oracle 管理权的担忧而分叉了该项目，并将新项目命名为 MariaDB。 MySQL 以他的第一个女儿 My 命名，而 MariaDB 则以他的第二个女儿 Maria 命名。

Linux（ Almalinux 9）上 nginx 安装教程

2024-08-25T16:00:00.000Z

1. 介绍

1.1. 什么是 nginx

Nginx 是一款高性能的 http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。

由俄罗斯的程序设计师 Igor Sysoev 所开发，官方测试 nginx 能够支支撑 5 万并发链接，

并且 cpu、内存等资源消耗却非常低，运行非常稳定。

golang gin 使用swagger生成接口文档

2024-08-22T16:00:00.000Z

有时候一份清晰明了的接口文档能够极大地提高前后端双方的沟通效率和开发效率。本文将介绍如何使用swagger生成接口文档。

GoLang调用 google translate API 实现中英互译

2024-08-12T16:00:00.000Z

本文主要讲述如何使用golang调用google translate API。其中也详细介绍了使用google translate API的前提条件设置google ADC(Application Default Credentials )。

本地编译并启动 element-web

2024-08-09T16:00:00.000Z

Element-web（以前称为Vector和Riot）是一个使用Matrix React SDK构建的Matrix web客户端。

上一篇文章使用 Dendrite 搭建 Matrix Homeserver, 我们讲述了安装Matrix HomeServer的过程。

本文主要讲述如何在本地将其编译成docker镜像，并启动Element-web. 两种结合起来一个完整的聊天软件就建立起来了。

Windows 上安装与配置v2rayA

2024-07-29T16:00:00.000Z

本教程详细讲解了如何在 Windows 操作系统上安装并配置 v2rayA 这款科学上网软件。

Android 上安装与配置v2rayNG

2024-07-28T16:00:00.000Z

v2rayNG 是一款专为 Android 设计的 V2Ray 客户端应用程序，它提供了一个简洁易用的图形用户界面，使用户能够方便地在移动设备上配置和使用V2Ray代理服务。
支持多种传输协议和网络协议，包括 VMess、VLESS、Shadowsocks、Socks 等，能够帮助用户绕过网络封锁，保护隐私和安全，提升网络访问体验。用户可以根据自己的需求选择合适的协议和代理方式来进行网络代理。适用于安卓手机及支持部分基于安卓系统的电视（TV）或者电视盒子。

本文将详细讲述如何在 Android 系统上快速安装、配置和使用 v2rayNG 这款科学上网应用。

使用 JavaScript 开启被禁用的网页选择功能

2024-07-25T16:00:00.000Z

现在有很多的网站关闭了拷贝功能，下面介绍一种方法，将拷贝功能打开。

禁止拷贝的原来实际上是将是给文本元素添加了disabled属性，将该属性祛除即可。

使用 Dendrite 搭建 Matrix Homeserver

2024-07-22T16:00:00.000Z

Dendrite 是 Matrix 协议的一个开源实现，旨在提供一个轻量级、可扩展且易于部署的 Matrix 服务器。Matrix 是一个开源的通信协议和开放标准，用于构建去中心化的实时通信系统。它支持多种类型的通信，包括文本消息、语音通话、视频通话以及文件共享等。Dendrite 作为 Matrix 生态系统中的一个重要组件，为开发者和运营商提供了构建自己通信服务的工具。

PostgreSQL 数据库版本升级实战

2024-07-14T16:00:00.000Z

PostgreSQL 版本发布规则，一年一个大版本，一个季度一个小版本；PG 遇到的 BUG 问题，社区会很快进行修复，并在下一个版本中发布，因此有必要进行对数据库版本升级，避免触发已知的 BUG 带来业务系统的不稳定。本文主要分享一下，PG 小版本升级、跨版本升级和借助逻辑复制进行数据库升级。

16 款精美的hexo 博客主题推荐

2024-07-14T16:00:00.000Z

根据 Github 影响力,是否在积极维护以及实际使用体验筛选出 16 款精致的 Hexo 主题。欢迎评论区留言，告诉大家你最喜欢的主题。

Hexo 配置 Icarus 主题

2024-07-08T16:00:00.000Z

本文讲述如何给 hexo 博客网站配置 Icarus 主题。

1. 安装环境说明

首先粘贴本教程测试使用的环境，如果在安装配置中，环境有差异，请酌情修改或调整参数．

如何调试Angular应用程序

2024-07-06T16:00:00.000Z

本文演示如何调试 Angular 应用程序。在本文中，我们将讨论。

如何在 VS Code 中调试 Angular 应用程序
如何在 Chrome Dev Tool 中调试 Angular 应用程序

Angular 中的全局错误处理

2024-07-04T16:00:00.000Z

错误处理是构建强大而可靠的 Angular 应用程序的关键方面。处理错误可以有效改善用户体验并帮助开发人员识别和修复问题。以下是 Angular 中的一些错误处理策略

Angular HTTP 拦截器：配置多个HTTP拦截器和 4 个拦截器代码示例

2024-07-04T16:00:00.000Z

拦截器在 Angular 中用于拦截 HttpRequest/HttpResponse。我们可以使用拦截器来记录 HttpRequest/HttpResponse 日志，或者在将其传递给服务器之前添加其他 HttpRequest 头部信息，以及更改请求主体或更改从服务器收到的响应的格式等。在本文中，我将解释如何使用多个拦截器以及拦截器的 6 种最常见用法（附示例）。

如何使用VS Code调试Go代码

2024-07-03T16:00:00.000Z

本教程将讨论使用 VS Code 调试 Go 代码所需的步骤。首先我们需要安装扩展、分析工具和调试器。

然后，我们将创建一个示例应用程序。最后，我们将探索如何使用断点和条件断点。

凭借这套技能，您将能够更好地理解应用程序在代码执行的特定点上的值和状态。

Angular结合TinyMCE实现富文本编辑器

2024-06-23T16:00:00.000Z

1. 背景介绍

自己编写了一个博客系统，想要支持用户写作博客，考查了几种开源编辑器方案，例如 Quill, ckEditor，最后还是选择了 TinyMCE 编辑器。

原因主要在与它开箱即用，插件丰富，而且很多插件都是比其他编辑器做得优秀。

Angular结合ckeditor5实现富文本以及markdown编辑器

2024-06-18T16:00:00.000Z

1. 背景介绍

自己编写了一个博客系统，想要支持 html 和 markdown 两种格式，但是又不希望向其他博客系统一样，数据库存两种完全格式的内容，前端用多套编辑器这么麻烦和繁琐。于是做了一下 research 还真让我找到了。

这套方案的核心就是ckeditor5，它原本是一套富文本编辑器，但是当给它添加上 markdown plugin 以后，它就可以变成了一个富文本编辑器+markdown 编辑器类似 typro 编辑器，编辑器的输出统一为了 markdown 格式。

如何升级Golang

2024-05-17T16:00:00.000Z

升级golang

查看当前版本


$ go version
go version go1.19.3 linux/amd64

Fedora 40 找不到声音设备的问题

2024-05-07T16:00:00.000Z

硬件配置说明。

1 2	$lspci \| grep -i audio 00:1f.3 Multimedia audio controller: Intel Corporation Tiger Lake-LP Smart Sound Technology Audio Controller (rev 30)

现象：电脑播放没有声音，音量控制显示找不到设备

如何制作macOS Sonoma ISO 文件

2024-04-25T16:00:00.000Z

因为我的一些编译和测试工作需要在 macOS 上进行，然而项目预算有限不够支撑去购买一台 macOS，而且测试需要在不同版本的 macOS 上进行。此时在虚拟机上安装 macOS 操作系统成为了一个不错的选择。

此前曾经在 VMWare esxi 上成功安装了一台 macOS High Sierra 10.13.6 虚拟机，教程可参考如何安装一台 MacOS 虚拟机 | 鹏叔的技术博客，由于 VMWare esxi 的版本太低，一直运行的是 6,7 版本的 VMWare esxi，而且由于服务器硬件的原因无法升级到更高级版本，导致不能将 macOS 更高版本。

因此打算在一台较新的个人电脑上安装 VMware player 最新版本(17.5.0), 然后在在其上安装 macOS Sonoma.

linux上安装vmware

2024-04-25T16:00:00.000Z

本文主要讲述在 Linux 上如何安装 vmare 软件，文章以 vmware player 为例，当然对 vmware pro 也同样适用。

useSignal()才是Web框架的未来

2024-04-22T16:00:00.000Z

signal 是一种存储应用程序状态的方法，类似于 React 中的 useState()。但有一些关键的差异赋予了 Signals 另外的优势。

自己动手写一个Angular 日志框架

2024-04-10T16:00:00.000Z

日志记录是软件行业中相当常见的话题。不幸的是，它在前端世界中并不常见，虽然在后端相关文章中经常提到。

然而，这个主题也适用于前端项目。

在本文中，我们将了解什么是日志记录以及在现代 Angular 应用程序中实现它的各种方法。

Angular Material 3 自定义主题

2024-04-03T16:00:00.000Z

1. 什么是 Material 3

Material 3 (M3)是 Google 开源设计系统 Material Design 的最新版本。它是 Angular Material 所遵循的设计系统 Material 2 (M2)的继承者。

从 v17.2.0 开始，Angular Material 除了 M2 之外还包括对 M3 样式的实验性支持。该团队计划在短暂的实验后稳定对 M3 的支持，以获得有关设计和 API 的反馈。

Angular Material 2 自定义主题

2024-04-01T16:00:00.000Z

1. 什么是 theming

Angular Material 的主题系统可让您为应用程序中的组件自定义基础样式、颜色、排版和密度样式。主题系统基于 Google 的 Material Design 规范。

本文档介绍了自定义颜色的概念和 API。对于排版自定义，请参阅Angular Material Typography。有关构建可使用此系统进行自定义的组件的指南，请参阅主题化您自己的组件。

一步一步升级到Angular 17

2024-03-29T16:00:00.000Z

Angular 16 于 2023 年 11 月 8 日发布.

今天，我计划向您介绍如何升级到 Angular 17。

Golang 日志库

2024-03-24T16:00:00.000Z

任何一个系统开发，都离不开完备的日志系统。go 日志不同其他语言，比如 java 由于 commons-logging 日志标准，和不同实现如log4j,slf4j,logback，但都是统一调用标准接口;python 中标准logging 模块，功能强大，基本上满足各种需求。但是在golang 语言开发中，目前阅读了几个开源代码，都是自己实现了一套日志记录标准，并没有采用go 官方 log 模块。golang’s log 模块主要提供了3类接口。分别是 “Print、Panic、Fatal”，对每一类接口其提供了3中调用方式，分别是 “Xxxx 、 Xxxxln 、Xxxxf”，基本和fmt中的相关函数类似；但功能有限，很难比如按天，按照容量自动输出拆封生成新日志。如果自己开发一套日志，基本上要满足日志等级输出如DEBUG,INFO,WARN,ERROR/FATAL 、支持输出 console 或者滚动式文件、参数格式化输出、自定义格式化模板，当然如果支持更高级别如按照pakcage输出到不同文件，按照日志级别输出到不同地方那就更好了。

golang使用Zap日志库

2024-03-24T16:00:00.000Z

1. zap 介绍

Golang Zap库是一个由Uber公司开发的高性能日志记录库，专为Go语言应用程序设计。Zap库以其出色的性能和灵活性而闻名，为开发者提供了结构化、分级别的日志记录功能，此外Zap库还支持日志切割功能，可以根据文件大小、时间或间隔等来切割日志文件，方便管理和分析。Zap库还支持自定义日志格式和输出方式。你可以通过配置Encoder来自定义日志的输出格式，包括时间戳、日志级别、调用文件/函数名和行号等信息。同时，你还可以将日志输出到不同的目的地，如控制台、文件或远程日志系统。

Angular async pipe中的异常处理

2024-03-22T16:00:00.000Z

处理 web 应用程序中的错误对于获得良好的用户体验非常重要。有时会发生异常，每个应用程序都应该涵盖这些情况，以帮助用户了解发生了不好的事情。

许多教程没有显示如何在使用异步管道时处理错误/异常情况。因此，在这篇文章中，我们将研究如何处理这些错误案例的一些技术。

Angular SEO 友好的编码实践

2024-03-19T16:00:00.000Z

如果您正在使用 Angular 开发网站或应用程序，您很可能希望它在搜索引擎中排名靠前。正如您可能已经读到的，这会带来一些挑战。Angular 是一个著名的前端框架，广泛用于构建单页面应用程序，即 SPA。它们以其流畅、即时的页面转换和出色的用户体验而闻名。但也存在一些缺点，尤其是在 SEO 性能方面。

深入了解 Angular 异步管道

2024-03-16T16:00:00.000Z

Angular 异步管道(Async pipe)是 Angular 框架中在 HTML 模板中使用 Observables 或 Promises 的方法之一。而且在大多数情况下，我认为这是在 Angular 中处理 Observables 和 Promise 的首选方式。

当您使用异步管道订阅 Observable 或 Promise 时，您将收到 Observable 或 Promise 最后发出的值。

请注意，在 Observable 或 Promise 发出值之前，需要在 HTML 模板中初始化异步管道，否则管道不会接收任何值。

因此，如果异步管道位于 *ngIf 内，并且 Observable 在 ngIf 计算为 true 之前发出一个值，则不会显示任何内容，并且异步管道在发出新值之前不会接收任何值。

使用 Angular 异步管道很简单，并且比订阅 Observables 和 Promise 的一些更标准的方法提供了一些好处。

如何手动引导 Angular 应用程序

2024-03-16T16:00:00.000Z

Angular 官方文档指出，要引导应用程序，您必须将以下内容放入文件中 main.ts：

使用Angular制作Github pages网站

2024-02-02T16:00:00.000Z

GitHub Pages 是 GitHub 提供的一项服务，人们可以免费托管网站。这有助于人们为他们的博客、作品集、业务等托管个人网站。我们可以毫不费力地在 GitHub 页面上托管一个只有 HTML、CSS 和 JavaScript 的简单网站，但复杂的应用程序需要一些努力。

Angular 应用程序本身有许多附加内容，如组件、node 模块、路由等等功能。有几种方法可以在 GitHub Pages 中托管 Angular 应用程序。在这篇博客文章中，我们将看到在 GitHub Pages 中托管 Angular 应用程序的最简单方法。

在Fedora 39上安装Libreoffice

2024-01-28T16:00:00.000Z

1. 办公软件产品介绍

LibreOffice 是一款开放源代码的自由免费全能办公软件，可运行于 Microsoft Windows、GNU/Linux 以及 macOS 等操作系统上。它包含了 Writer、Calc、Impress、Draw、Math 以及 Base 等组件，可分别用于文本文档、电子表格、幻灯片演示文稿、绘图文档、数学公式编辑、数据库管理等工作。

update-alternatives 命令详解

2024-01-20T16:00:00.000Z

1. 介绍

update-alternatives 命令在 Linux 系统中具有重要的作用。它主要用于维护符号链接，这些符号链接确定了各种任务或实用工具的默认命令或应用程序。update-alternatives 允许系统管理员或用户选择在其系统上使用哪个版本的特定命令或应用程序。

使用ansible安装golang

2024-01-18T16:00:00.000Z

本文主要讲述如何使用Ansible在Redhat Linux系列上安装golang 19。

使用ansible安装java

2024-01-18T16:00:00.000Z

本文主要讲述如何使用Ansible在Redhat Linux系列上安装java 17。

解决GitHub访问不了的方法

2024-01-17T16:00:00.000Z

一直用的 GitHub，突然一下子不能访问了，最后发现是 DNS 解析的 IP 地址出了问题，按照以下方法修改又能访问 github 了。

最后发现是DNS解析被污染了，解析到了无法访问的ip地址，通过ipaddress等网站查询到正确的地址，采用本地解析的方式，最终解决了问题。

关于DNS解析污染参考这篇文章

当然终极方法还是搭建梯子，搭建梯子的方法有很多种，可以到我的首页去找。

Linux 上安装与配置v2rayA

2024-01-17T16:00:00.000Z

本教程详细讲解了如何在 debian 系列和 redhat 系列 Linux 操作系统上安装并配置 v2rayA 这款科学上网、魔法上网软件。

Almalinux 安装与使用

2024-01-12T16:00:00.000Z

1. 背景介绍

CentOS 8 于 2021 年 12 月 31 日正式结束了生命周期。这意味着官方不再提供对该版本的安全补丁、错误修复或功能改进等支持服务。因此，建议用户将其系统升级到最新的操作系统版本以获得更好的性能和安全保障。CentOS-7 由于用户基数与用户贡献较多，因此会按照计划维护至生命周期结束即 2024 年 6 月 30 日，接下来一年会把重心放到 CentOS Stream 上。由于CentOS Stream相对不稳定，因此很多朋友会有从Centos-7迁移至AlmaLinux-8的需求。

如何在 Fedora 中安装和切换桌面环境

2024-01-12T16:00:00.000Z

您是否想在Fedora Workstation spin中使用或尝试其他桌面环境，而不是默认的GNOME 3。在本文中，我们将展示如何使用图形用户界面 (GUI) 和命令行界面 (CLI) 在 Fedora Linux 中安装和切换桌面环境。

如何在fedora上关闭ipv6

2024-01-01T16:00:00.000Z

有时因为某些服务器不支持 ipv6 会出现 EHOSTUNREACH 错误，需要关闭 ipv6

将如下几行配置添加到 /etc/sysctl.conf

Fedora 上安装与配置 Android studio

2023-12-21T16:00:00.000Z

本文讲述如何在 Fedora 上安装 Android studio.

升级App到Tauri 2.0并配置Tauri Mobile

2023-12-20T16:00:00.000Z

Tauri 2.0的新alpha.4 版本已经发布。此版本包括即将发布的Tauri 1.3版本的所有更改，此版本包含了对HTTP客户端的一些breaking change和TauriNative mobile插件的功能一些更改。

以下是从Tauri 1.3或1.4升级到Tauri 2.0.0-alpha.4的一些指引。

Tauri Debug

2023-12-17T16:00:00.000Z

在本文中我们将详细讲解在各平台如何debug tauri项目。

Angular 样式隔离

2023-12-13T16:00:00.000Z

本文详细讲解如何在 Angular 使用样式隔离。

如何设计 landing page?

2023-12-09T16:00:00.000Z

如何取得「高转换率( Conversion Rate ) 」一直是销售团队最大的课题！而 Landing Page 的操作就是其中一项有效解决行销难题的秘方！

使用Tailwind CSS必须知道的29个组件库

2023-12-07T16:00:00.000Z

Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。

然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在本文中，我们将探索 2023 年 28 个最佳免费 Tailwind CSS 组件库，每个库都提供一组独特的组件，帮助您更快、更高效地构建下一个项目。无论您是经验丰富的 Web 开发人员还是刚刚入门，这些组件库都将使您的工作流程更加顺畅和愉快。

Gemini AI介绍

2023-12-06T16:00:00.000Z

Gemini AI 是 Google DeepMind 正在开发的大型语言模型 (LLM)。它仍在开发中，但预计会比目前最先进的 ChatGPT 4 更强大。Gemini AI 是建立在 DeepMind 于 2016 年开发的早期人工智能系统 AlphaGo 中使用的技术和技巧之上的。这意味着 Gemini AI 预计将拥有强大的计划和解决问题的能力。

Gemini AI 是一个强大的工具，有潜力用于各种应用。Gemini AI 的一些潜在用例包括：

聊天机器人：Gemini AI 可用于创建更现实、更有吸引力的聊天机器人。
虚拟助理：Gemini AI 可用于创建虚拟助理，帮助用户完成安排预约、预订和查找信息等任务。
内容生成：Gemini AI 可用于生成创意内容，例如文章、博客文章和脚本。
数据分析：Gemini AI 可用于分析大型数据集并识别模式和趋势。
医疗诊断：Gemini AI 可以帮助医生诊断疾病。
金融交易：Gemini AI 可用于做出交易决策。

Linux下安装nodejs-源码安装

2023-11-28T16:00:00.000Z

大多数情况下我们都能够使用二进制文件安装nodejs, 各种包管理生态下, 以及各种操作系统环境下的安装方式, 在我往期的博客中都有介绍.

但是有些某些系统或环境下, 或者由于个人偏好, 还是需要通过源码安装nodejs, 那么此篇文章或许对您有帮助.

关于各种二进制文件形式安装可以参考我的博客安装并配置nodejs | 鹏叔的技术博客

MacOS 上安装与配置v2rayA

2023-11-17T16:00:00.000Z

本教程详细讲解了如何在 Macos 系统上安装并配置 v2rayA 这款科学上网、魔法上网软件。

2026 科学上网教程：v2rayA 安装与使用

2023-11-17T16:00:00.000Z

全面讲解v2rara：2025年最新版v2rayA科学上网安装与配置指南，适用于Windows、Macos、Linux系统。

snap命令详解

2023-11-16T16:00:00.000Z

1. snap简介

Snap 是一个软件部署和软件包管理系统，由 Canonical 公司开发，最初用于 Ubuntu 移动操作系统。Snap 包称为“snap”，工具名为“snapd”，可在多种 Linux 发行版上运行，完成发行上游主导的软件部署。该系统的设计面向手机、云、物联网和台式机。

安装并配置docker-compose

2023-11-10T16:00:00.000Z

Compose 是用于定义和运行多容器 Docker 应用程序的工具。通过 Compose，您可以使用 YML 文件来配置应用程序需要的所有服务。然后，使用一个命令，就可以从 YML 文件配置中创建并启动所有服务。

本文主要讲述如何在 centos 7.9上安装docker compose,　当然此安装步骤也适用于 debian & readhat 系列的其他 linux 发行版.

Angular应用如何使用百度统计

2023-11-09T16:00:00.000Z

Angulartics2 是一个用于 Angular 应用程序的分析工具。它可以自动跟踪导航事件并将其发送到您的分析服务提供程序，例如百度统计, Google Analytics 等。您可以通过运行npm i angulartics2在项目中开始使用 angulartics。

一步一步升级到Angular 16

2023-11-07T16:00:00.000Z

Angular 16 于 2023 年 5 月 3 日发布.

今天，我计划向您介绍如何升级到 Angular 16。

Angular Sentry前端错误监控

2023-11-07T16:00:00.000Z

本教程主要讲述, Angular 项目如何整合 Sentry 实现前端应用错误上报.

1. 什么是 Sentry

sentry 是一个基于 Django 构建的现代化的实时事件日志监控、记录和聚合平台,主要用于如何快速的发现故障。支持几乎所有主流开发语言和平台,并提供了现代化 UI,它专门用于监视错误和提取执行适当的事后操作所需的所有信息,而无需使用标准用户反馈循环的任何麻烦。官方提供了多个语言的 SDK.让开发者第一时间获悉错误信息,并方便的整合进自己和团队的工作流中.官方提供 saas 版本免费版支持每天 5000 个 event.

sentry 支持自动收集和手动收集两种错误收集方法.我们能成功监控到 vue 中的错误、异常，但是还不能捕捉到异步操作、接口请求中的错误，比如接口返回 404、500 等信息，此时我们可以通过 Sentry.caputureException()进行主动上报。使用 sentry 需要结合两个部分，客户端与 sentry 服务端；客户端就像你需要去监听的对象，比如公司的前端项目，而服务端就是给你展示已搜集的错误信息，项目管理，组员等功能的一个服务平台。

这个平台可以自己搭建，也可以直接使用 sentry 提供的平台（注册可用），当然如果是公司项目，当然推荐自己搭建.

如何替换 Angular 的CanActivate接口

2023-11-06T16:00:00.000Z

在本文中，我们将探讨 Angular 的“CanActivate”接口的弃用，并讨论如何用推荐的解决方案替换它。我们将介绍官方文档的建议以及解决此已弃用警告的替代解决方案。

Angular 14 有哪些更新

2023-11-05T16:00:00.000Z

我们很高兴地宣布 Angular v14 发布！从类型化表单和独立组件到 Angular CDK（组件开发工具包）中的新原语，我们很高兴分享每个功能如何使 Angular 变得更强大。

自上一个版本以来，我们完成了两项主要的征求意见请求搞 (RFC)，这为整个 Angular 社区提供了针对提议的更改提供设计反馈的机会。因此，我们的严格类型反应表单 RFC解决了我们的#1 GitHub 问题，并且我们的独立 API RFC引入了一种更简单的方法来编写 Angular 应用程序。

我们还将 Angular 组织中存储库中的默认分支重命名为 main，以履行我们对包容性社区的承诺。

此外，此版本还包括由社区成员直接贡献的许多功能和错误修复，从添加路由器强类型到更多 tree-shakable 错误消息。我们很高兴强调 RFC 和社区如何继续使 Angular 成为更多开发人员的选择和拥有更好的开发人员体验！

Angular 15 有哪些更新?

2023-11-05T16:00:00.000Z

在过去的一年里，我们删除了 Angular 的旧版编译器和渲染管道，这使得在过去几个月内实现了一系列开发人员体验的改进。Angular v15 是这方面的巅峰之作，它进行了数十项改进，带来了更好的开发人员体验和性能。

Angular 16 有哪些更新?

2023-11-05T16:00:00.000Z

六个月前，我们通过将 standalone API 从开发者预览版中升级到稳定版，在 Angular 的简单性和开发者体验方面达到了一个重要的里程碑。今天，我们很高兴与大家分享，我们将继续保持 Angular 的势头，推出自 Angular 首次推出以来最大规模的版本, 在反应性、服务器端渲染和工具方面取得了巨大飞跃。所有这些都伴随着针对功能请求的数十项用户体验改进，GitHub 上总共有超过 2500 个点赞！

这篇文章包含大量内容，涵盖了我们在过去六个月中所做的大部分改进。

Angular 17 有哪些更新?

2023-11-05T16:00:00.000Z

上个月是 Angular 红盾诞生 13 周年。AngularJS 是新一波 JavaScript 框架的起点，旨在支持对丰富 Web 体验日益增长的需求。今天，我们凭借新的外观和一系列前瞻性功能，通过版本 17 带领大家走向未来，为性能和开发人员体验设定了新标准。

Centos上安装nvm

2023-10-31T16:00:00.000Z

1. 前言

Node Version Manager (NVM) 是一种广泛使用的工具，允许开发人员在单台计算机上管理 Node.js 的多个版本。它的重要性怎么强调都不为过，因为 Nodejs 应用程序有时可能是依赖特定版本运行，然而不同的项目可能需要不同的 Nodejs 版本。NVM 提供的灵活性确保了不同项目同时运行在同一台机的开发过程的顺利进行，允许开发人员在 Node 版本之间无缝切换。在 macOS 上，有多种安装 NVM 的方法，但最流行、最有效的方法之一是使用 Homebrew，这是 macOS 著名的包管理器。

本指南将引导您完成使用 yum 在 centOS 7.9 上安装 NVM 的详细步骤，让您轻松设置灵活的 Node.js 开发环境。

异步初始化MatPaginator

2023-10-25T16:00:00.000Z

1. 问题描述

我们在组件中初始化MatPaginator，如

@ViewChild(MatPaginator) paginator: MatPaginator;

并将其分配给在我们的组件中定义的MatTable DataSource

matTableDataSource.paginator=this.ginator；

当使用带有*ngIf组合的async管道异步初始化数据源时，这在用例中不起作用。

在TypeScript和Angular中使用Getter和Setter

2023-10-25T16:00:00.000Z

getter 和 setter 是一种众所周知的模式，在不同的语言中使用。在本文中，我想通过 TypeScript 中的示例帮助您理解 getter 和 setter。看看它如何在 Angular 应用程序中发挥作用。

更好的大屏幕设计

2023-10-11T16:00:00.000Z

Material You 如何支持美观、高效的平板电脑和可折叠体验?

近年来，我们看到了更大屏幕的增长趋势。这在一定程度上是由于平板电脑、大型智能手机和台式机的日益普及。

在今年的 Google I/O 大会上，Material Design正在深入研究针对设计师和开发人员的大屏幕设计的最新指南。请关注我们的演讲并继续阅读，了解 Material如何帮助您应对针对多种设备进行设计的挑战和机遇，以满足应用程序用户不断增长的需求。

Material Design 3介绍

2023-10-11T16:00:00.000Z

1. 什么是Material Design？

Material Design 是由 Google 设计师和开发人员构建和支持的设计系统。Material.io包含针对 Android、Flutter 和 Web 的深入 UX 指南和 UI 组件实现。

Material于2014年推出，多年来不断发展。
材料设计1（M1）：第一代Material Design于2014年推出，存档并可访问：https://Material.io/archive/guidelines。
材料设计2（M2）：2018年推出的第二代材料设计引入了Material主题和Material组件。
Material Design 3（M3）：2021年推出的第三代Material包括Material You功能，支持个性化、自适应和富有表现力的体验 - 从动态颜色和增强的无障碍功能，到大屏幕布局和设计Tokens的基础。
Material You：新的Material视觉风格和一系列功能，满足个人用户的个人和表达需求，是Material Design 3的一部分

最新版本 Material 3 支持个性化、响应式和富有表现力的体验 - 从动态颜色和增强的可访问性，到大屏幕布局和Design tokens的基础。

Material 3 基础

2023-10-11T16:00:00.000Z

Material foundations是任何优秀用户界面的基础，从无障碍标准到布局和交互的基本模式。

如何在Ubuntu 22.04上安装Sentry

2023-10-10T16:00:00.000Z

Sentry 是一个免费和开源的错误跟踪平台，可以实时监控和修复崩溃。它使软件开发人员能够看到重要的东西，更快地解决问题，并不断了解他们的应用程序。这个平台提供了对生产部署的实时洞察力，并提供了重现和修复崩溃的信息。Sentry 支持所有主要的语言和框架，并与你喜欢的应用程序和服务集成。

使用rpm部署Strapi

2023-10-09T16:00:00.000Z

strapi 是目前我最喜欢的 CMS 系统之一, 因为它可以嵌入到各种前端框架, 并于各种前端技术浑然天成, 这是我喜欢它的原因. 这里大胆预测一些, 它大概会成为下一代 CMS 系统的引领者. 虽然它还很年轻, 但是已经出现王者气象.

正如很多年轻技术一样, 它还有很多不够完善的地方, 今天就它对于 self-hosted 部署方式的不足之处, 我们另辟蹊径介绍一种我正在实践的自动部署方式. 那就是使用 rpm 包进行部署.

Angular中使用forroot和forchild

2023-09-28T16:00:00.000Z

在本文中我们将深入探讨一些您可能已经见过的 Angular 模式和方法。我将讨论 Angular 管理依赖项辑器配置信息中经常会使用到的 forRoot 和 forChild 方法。

Angular独立组件介绍

2023-09-27T16:00:00.000Z

Angular 14 引入了独立组件——该组件不属于任何 ngModule 的一部分，可以与其他独立或基于模块的组件一起使用。

从 Angular 14 开始，您可以创建整个应用程序，而无需制作任何自定义 Angular 模块，这可以通过使用独立组件来实现，这些组件提供了创建 Angular 应用程序的简化方法。

在Angular中使用async-await特性

2023-09-26T16:00:00.000Z

Promise 和回调函数是在 JavaScript 中编写异步代码的构建块。

在 Angular 应用程序中，我们可以使用 Rx.js 来利用 Observables、Subject、BehaviorSubject 等的强大功能，以优雅的方式编写异步代码。

随着最新版本的 ECMA Script 草案，JavaScript 开始支持“异步等待”功能。

ECMAScript 最新草案 (ECMA-262)

Angular Async Pipe详解

2023-09-26T16:00:00.000Z

Async Pipe可以对 Angular 应用程序的更改检测策略产生巨大影响。如果到目前为止您还感到困惑，请详解读完全文。我们一起来了解一下吧！

在 Angular 中，Async Pipe本质上是执行以下三个任务的管道:

它订阅一个observable或一个Promise并返回最后发出的值。
每当发出新值时，它都会标记组件为需要要检查的。这意味着Angular将在下一个周期中为该组件运行Change Detector。
当组件被销毁时，它会取消订阅可观察的内容。

此外，作为最佳实践，建议尝试使用 onPush 更改检测策略上的组件和异步管道来订阅可观察对象。

如果您是Angular的初学者，也许上面对异步管道的解释让人不知所措。因此，在本文中，我们将尝试使用代码示例逐步理解异步管道。只需创建一个新的Angular 项目并继续操作即可；在文章的最后，您应该对异步管道有一些深刻的了解。

Angular整合strapi CMS

2023-09-25T16:00:00.000Z

1. 前言

对于我们这些开发人员来说，启动一个新的web项目可能是一项乏味的工作。一些普通的增删改查都要自己亲自动手去写，那效率着实是大打折扣的。

一些技术选型工作要一次一次地被重复考虑.

前端应该使用什么技术？
我应该在后端使用什么技术？
什么数据库是最好的？

因为现在所有的Javascript技术，如React、Angular和Vue，在构建Web应用程序时都非常流行，所以我们可以很快得到第一个问题的答案。
但是后端呢？我应该使用NodeJS还是.NET Core？
使用关系数据库还是非关系数据库更好？
后端解决方案Strapi已经找到了所有这些问题的答案。

在本文中，我们将使用Strapi和Angular构建一个简单的web应用程序。

Strapi的安装和使用

2023-09-25T16:00:00.000Z

strapi一款基于Node.js开发的headless, 接口优先（API-first）的内容管理系统.

Strapi 应用程序可以本地安装在计算机上，也可以安装在远程服务器上。以下安装指南提供了有关如何在本地计算机上安装和创建新Strapi项目的分步说明。

Strapi CLI（命令行界面）安装脚本是让 Strapi 在本地运行的最快方法, 也是官方推荐的安装方式。

strapi 项目结构介绍

2023-09-25T16:00:00.000Z

1. 项目结构

如果 Strapi 项目是使用starter CLI创建的，则其结构包括frontend和backend文件夹，其中backend文件夹具有默认结构。

如何在Strapi v4中创建Slug系统

2023-09-25T16:00:00.000Z

在为客户或您自己构建网站时，您通常希望通过 URL 中的人类可读的 slug 来访问您的公共内容。这将有助于搜索引擎优化 (SEO)，并且更容易让用户理解。值得庆幸的是，借助Strapi，您可以轻松地以这种方式访问您的内容。

计算机发展极简编年史

2023-09-11T16:00:00.000Z

1. 前言

我为什么要写这篇文章? 计算机发展的速度太快了, 已经进入了蓬勃发展期. 但是依然看不到它的尽头, 看不清它的终极形态. 很多人都在追逐新的技术, 但是很少有人拿起笔系统的记录它的过去。很多年以后当我们要追寻一项技术的来龙去脉的时候, 可能连它的”尸身”都找不到了.

比如说软盘驱动器（floppy disk driver）现在谁手上还保存有一张 1.44MB 的 3.5 英寸软盘, 谁电脑上还会装有软驱呢, 这在当时可是一项创新性的技术, 是便携式存储的鼻祖, 是一代人的回忆。一张小小的软盘能装下一整套 DOS 操作系统, 能装下一个夏天的劳动成果. 但是现在当我想介绍存储技术的演进过程时, 不仅找不到一部软驱, 一张软盘, 就连一张合适的图片的很难找到了. 同样的命运的还有寻呼机机, 这个承载着很多人青春记忆的通信设备, 可能剩下脑海中的只有它发出的 BiBi 声了. 同样的命运的还有功能机, 早已过了手机换脸盆的淘汰期, 曾经层出不穷的款式, 不知道现在还有几款健在. 更不用说他们所依赖的生态系统, 比如基站设备, 外设装置.

站在当下这个似乎还能朦朦胧胧看到过去的时间节点, 在不费太多力气的情况下, 将不太遥远的过去记录下来, 省得后来人花费昂贵的代价去考古, 也不失为一件幸事.

为什么以编年体的形式记录这段历史? 其实这是我的某项计划的一部分, 还处于材料收集阶段, 收集计算机发展史也是我副业中的副业, 没有太多时间深入研究和系统性地整理, 只能以最简单的方式快速呈现内容, 不至于让整个计划胎死腹中(我已经有很多文章由于计划过于宏大而胎死腹中的先例了). 编年体是快速理清脉络, 呈现材料的最好方式. 它不需要花太多时间去整理去构思, 而且结构也非常清晰. 另外我也非常喜欢将软件工程中的一些概念应用到写作中, 那就是小步快跑, 快速迭代; 再者就是重构. 有了足够的材料后, 我相信通过不断地重构, 不断地迭代, 能将其打造为我心中理想的样子. 所以这篇文章会是一篇不断完善的文章, 请有兴趣的朋友关注鹏叔的技术博客获取最新内容. 另外如何您有兴趣资助鹏叔的计划, 原文末尾有打赏功能, 请点一点, 在此表示感谢!

Chart.js教程

2023-09-04T16:00:00.000Z

1. chart.js 介绍

Chart.js是一个流行的由社区维护的开源数据可视化框架。它使我们能够生成响应式条形图、饼图、线图、甜甜圈图、散点图等。我们所要做的就是简单地指出你想在页面的什么地方显示图表，你想绘制什么样的图表，然后向 Chart.js 提供数据、标签和其他设置。在这之后，这个库就完成了所有繁重的工作。

如何在Angular应用中使用Ng2-charts

2023-09-03T16:00:00.000Z

1. 前言

图表帮助我们以易于理解和交互的方式可视化大量数据。

在 Angular 中，我们有各种图表库来创建图表。

在本文中，我们将使用 Ng2-Charts 在 Angular 中开发出色的图表。

在本文中我们将会讲述

ng2-charts 介绍
在 Angular 中安装 ng2-charts 的两种不同方法。
创建条形图
创建折线图

如何在Angular应用中使用Ngx-charts？

2023-09-03T16:00:00.000Z

1. 前言

图表帮助我们以易于理解和交互的方式可视化大量数据。在 Angular 中，我们有各种图表库来创建图表。NGX-charts 就是其中之一。

ngx-charts 是 Angular2+ 的开源声明式图表框架。它由Swimlane维护。

Angular图表库介绍

2023-09-02T16:00:00.000Z

1. 前言

如今，数据分析是任何业务应用程序的重要组成部分。这有助于企业做出重要决策。以易于理解和交互的方式表示大量数据非常重要。
图表对于美观、易于理解和交互式的数据可视化非常有用。

JavaScript 中有不同的开源和付费图表库，可以实现漂亮的数据表示。

在本文中，我们将研究几款美观的, 易于交互的 Angular 图表库。

首先，我们将看到开源 Angular 图表库，稍后我们将研究其他付费 Angular 图表库.

将ngx-datatable替换为Angular material table

2023-09-01T16:00:00.000Z

1. 前言

从 Angular 1.x 到 Angular 13 一直是用的 angular-data-table(for angularjs 1.x)和它的姊妹项目 ngx-datatable(for angular 2+), 但是最近需要将 Angular 项目从 Angular 14 升级到 Angular 16 的过程中发现了一些兼容性问题, 另外 ngx-datatable 也不支持 dark mode. 再次关注 ngx-datatable 以及网上的评论都有同感, ngx-datatable 的更新速度严重放缓了, 有些跟不上 Angular 更新的节奏了. 参考 reddit 上的一篇帖子Any better alternatives to ngx-datatable?, 也谈到了 ngx-datatable 更新放缓.

于是考虑将 ngx-datatable 组件替换掉, 这里有一些付费的项目, 在功能上可以完全替换, 比如ag-grid, Ignite UI for Angular Data Grid, Syncfusion Angular UI Components - Data Grid等等.

最后考察了 angular material table 在功能上完全服务我们的要求, sorting, pagination, server side pagination 之类的功能都有. 另外项目刚好使用的是 Material Design 设计风格, 那些付费方案的高级功能也用不上, 还要花时间学习, 另外考虑到 bundle 文件的大小, 最后坚定的选择了 Angular material table. 于是才有了这篇文章

Windows下搭建WSL Linux开发环境

2023-08-28T16:00:00.000Z

1. 前言

WSL（Windows Subsyetem for Linux，适用于 Linux 的 Windows 子系统），是 Microsoft 公司于 2016 年在 Windows 10 平台发布的一项新功能，其使得用户可以在 Windows 操作系统上运行 ELF 格式的 Linux 可执行文件。

WSL 目前已发布两代产品：WSL 1 和 WSL 2。WSL 1 实现了 Linux 兼容层，将 Linux 系统调用转换为 Windows NT 系统调用；而 WSL 2 则利用 Windows 的 Hyper-V 功能，通过虚拟化技术直接运行 Linux 虚拟机，更接近原生 Linux 操作系统体验。

Windows上安装nvm和nodejs

2023-08-24T16:00:00.000Z

1. 前言

Node Version Manager (NVM) 是一种广泛使用的工具，允许开发人员在单台计算机上管理 Node.js 的多个版本。它的重要性怎么强调都不为过，因为 Nodejs 应用程序有时可能是依赖特定版本运行，然而不同的项目可能需要不同的 Nodejs 版本。NVM 提供的灵活性确保了不同项目同时运行在同一台机的开发过程的顺利进行，允许开发人员在 Node 版本之间无缝切换。在 windows 上，有多种安装 NVM 的方法，但最流行、最有效的方法之一是使用 Chocolatey，这是微软出品的包管理器。

本指南将引导您完成使用讲述在 windows 上安装 NVM 的详细步骤，让您轻松设置灵活的 Node.js 开发环境。

Windows开发环境配置

2023-08-24T16:00:00.000Z

1.

MacOS上安装nvm

2023-08-22T16:00:00.000Z

1. 前言

本指南将引导您完成使用 Homebrew 在 macOS 上安装 NVM 的详细步骤，让您轻松设置灵活的 Node.js 开发环境。

在Linux上配置Tauri环境

2023-08-21T16:00:00.000Z

1. 前言

本文讲述如何在 linux 操作系统中配置 Tauri 编译, 打包环境.

2. 安装依赖工具和开发包

您将需要安装几个系统依赖项，例如 C 编译器和 webkit2gtk。以下是一些流行发行版的命令：

debian 系列 Linux 发行版,

gitlab-runner常用命令

2023-08-20T16:00:00.000Z

本文主要讲述如何使用 gitlab-runner cli 命令。

fedora上安装gitlab-runner安装与配置

2023-08-20T16:00:00.000Z

1. 前言

本文主要讲述如何在fedora上安装gitlab-runner，安装和配置过程同样适用于其他Linux发行版。

本文是gitlab-runner安装和配置姊妹篇中的一篇，主要针对fedora操作系统，其它操作系统可以参考针对特定操作系统的姊妹篇。

gitlab-runner安装与配置

macOS上安装gitlab-runner安装与配置

ubuntu上安装gitlab-runner安装与配置

windows上安装gitlab-runner

macOS上安装gitlab-runner安装与配置

2023-08-20T16:00:00.000Z

1. 前言

本文主要介绍使用二进制文件方式在macOS上安装并注册gitlab-runner.

ubuntu上安装gitlab-runner安装与配置

2023-08-20T16:00:00.000Z

1. 前言

在ubuntu上安装gitlab-runner有两种方式: 一种是使用deb/rpm包安装; 一种是使用二进制文件安装.

前一种更方便, 后一种使用范围更广泛, 可以适用于Archlinux或其它任何架构的Linux 发行版.

本文主要介绍使用deb/rpm包安装gitlab-runner, 二进制安装方式可以参考官方文档Using binary file install gitlab-runner

Macos开发环境配置

2023-08-20T16:00:00.000Z

1. 前言

本文讲述如何为Macos配置开发环境.

esxi6.7升级至esxi7.0

2023-08-19T16:00:00.000Z

1. 升级前准备

1.1. 备份

将当前ESXi Server的数据备份至其它ESXi Server

参考升级路径

esxi 升级路径

下载升级包

访问VMWare 7.0下载页面

在Standard 列表中选择 VMware vSphere Hypervisor (ESXi), 点击右侧”go to downloads”进入下载页面.

windows上安装gitlab-runner

2023-08-18T16:00:00.000Z

1. 前言

因为需要在Windows上打包Tauri程序, 所以需要一个windows gitlab-runner, 于是有了这篇文章.

安装Ubuntu虚拟机

2023-08-17T16:00:00.000Z

1. 前言

安装Ubuntu虚拟机主要是为了打包Tauri桌面应用, 这里使用的虚拟化平台是VMWare ESXi 6.7.

2. 前提条件

需要一个虚拟化系统, 可以是Vmare, ESXI, 也可以是virtualBox, podman.
需要Ubuntu系统的iso文件.

如何使用VMware ESXi安装一台Windows虚拟机

2023-08-17T16:00:00.000Z

1. 前言

最近在开发一个Tauri桌面应用, 由于Tauri应用的跨平台编译特性还不是特别完善, 比如打包Windows桌面应用程序, 需要在Windows上进行. 于是想到了是否能安装一台Windows虚拟机用于打包, 并兼顾Windows上的测试. 于是就有了这篇文章.

本文原文位于鹏叔的博客空间 - 如何安装一台Windows虚拟机, 原文下面有打赏按钮, 原创不易, 希望得到您的支持, 您的支持是持续输出更多好文的动力!

用Vmware安装一台MacOS虚拟机

2023-08-17T16:00:00.000Z

1. 前言

最近在开发一个 Tauri 桌面应用, 由于 Tauri 应用的跨平台编译特性还不是特别完善, 比如打包 macos 桌面应用程序, 需要在 Macos 上进行. 于是想到了是否能安装一台 macos 虚拟机用于打包, 并兼顾 Macos 上的测试. 于是就有了这篇文章. 当然安装 macos 虚拟机的好处远不指这些.

原创不易, 本文原文位于如何安装一台 MacOS 虚拟机 | 鹏叔的技术博客 , 原文下面有打赏按钮, 希望得到您的支持, 您的支持是持续输出更多好文的动力!

快速的将web应用转化为桌面应用

2023-08-14T16:00:00.000Z

1. 前言

本文讲述如何将Web应用转化为桌面应用。

Tauri cli详解

2023-08-14T16:00:00.000Z

1. 前言

这是一份Tauri cli中文版详细说明文档, 由philoenglish.com团队翻译.
原文位于鹏叔的技术博客 - Tauri cli详解, 要获得最近更新及反馈问题请访问原文!

Tauri开发环境配置

2023-08-14T16:00:00.000Z

1. 前言

本文要介绍的Tauri，一个多语言工具链，可使用小型和快速的二进制文件构建安全的原生应用。官网地址：https://tauri.app/.

创建gitlab pipeline打包Tauri跨平台应用程序

2023-08-14T16:00:00.000Z

1. 前言

关于如何对 Tauri 项目进行打包和发布, 在 Tauri 的官方网站实际上只做了基本的介绍. 而且由于 Tauri 或者说是 Rust 对跨平台编译以及打包支持得不是很好.

所以到底如何在 Github.com 以外得平台进行编译打包, 讲得不够详细. 本人希望搜索到能对这方面有所补充的博客文章, 但是也没有找到. 包括一些英文方面的资料以及视频教程都不理想。网上关于 Tauri 的 devops 自动化编译打包部署方面都是照本宣科, 按照官方的介绍使用 github action 进行配置. 而这些内容对于企业开发或者非开源项目来说帮助非常有限.

Tauri Mobile-使用JavaScript和Rust开发移动应用程序

2023-08-14T16:00:00.000Z

1. 前言

Tauri 定位为一个为所有主要桌面平台构建微小、速度极快的二进制文件的框架。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架来构建用户界面。应用程序的后端是一个 Rust 二进制文件，具有前端可以与之交互的 API。

从 NPM 迁移到 PNPM

2023-08-12T16:00:00.000Z

PNPM 一直被誉为 NPM 的更高性能和更可靠的替代品，旨在减少缓慢的构建时间并消除依赖项不匹配的问题。我主要研究 PNPM 作为一种加快 CI 管道完成时间的方法，以及在开发周期中使用更好的包管理器。

为什么我们应该使用pnpm?

2023-08-12T16:00:00.000Z

1. 前言

原文: Why should we use pnpm?

Author: Zoltan Kochan

译者：philoenglish.com 团队

关键字： pnpm, npm, yarn

pnpm是 Node.js 的替代包管理器。它是 npm 的直接替代品，但速度更快、效率更高。

多快？快3倍！请参阅此处的基准。

为什么效率更高？当您安装软件包时，我们将其保存在您计算机上的全局存储中，然后我们从中创建硬链接而不是复制。对于模块的每个版本，磁盘上仅保留一个副本。例如，当使用npm或yarn时，如果您有100个使用lodash的包，则磁盘上将有100个lodash副本。Pnpm 可以让您节省千兆字节的磁盘空间！

npm create命令详解

2023-08-11T16:00:00.000Z

1. 前言

今天使用npm create tauri-app时候发现npm不是简单的创建一个nodejs工程, 其还做了很多特定于tauri相关的操作, 顿时感到这个命令不单纯, 这个命令可能还能干很多活, 迅速燃起了研究的兴趣, 于是写下了这篇文章.

使用Tauri和Angular创建桌面应用程序

2023-08-11T16:00:00.000Z

1. 前言

Tauri 是一个应用程序构建工具包，可让您使用 Web 技术为所有主要桌面操作系统构建软件。核心库是用 Rust 编写的，用户界面几乎可以使用任何前端框架编写。它包括一个可选的、tree-shakeable JavaScript API用于舒适地访问底层操作系统、一个具有签名和验证的桌面二进制捆绑器、一个让您的用户保持最新版本的安全更新程序、一个可扩展的插件系统以及支持与操作系统整合，例如通知和应用程序托盘。

Tauri 使用简单且易于扩展。对于 Rust 编程语言的新手，Tauri 提供了一个舒适的学习环境，将与您一起成长。安装 Rust 后，创建您的第一个应用程序只需运行create-tauri-app. 但如果您希望保持 100% Rust 的安全性和舒适性，那么您根本不必使用 Node.js。

我们为注重安全、尊重隐私和具有环保意识的软件工程社区构建 Tauri

Tauri的设计哲学: 我们为注重安全、尊重隐私和具有环保意识的软件工程社区构建Tauri.

SVG详解

2023-08-07T16:00:00.000Z

1. 前言

SVG 是一种 XML 语言，类似 XHTML，可以用来绘制矢量图形，英文全称是Scalable Vector Graphics 可缩放矢量图, 是W3C的一项建议. 基于像素的图像, 如果被放大会看到明显的失真, 而svg是基于形状描述的, svg图像无论放大多少倍都不会失真.

chrome插件开发中Chrome storage API使用详解

2023-07-29T16:00:00.000Z

1. 前言

Storage API 是 Google Chrome 提供的一个内置 API，用于在插件中存储和访问数据。它提供了四种存储方式：本地存储（Local Storage）,同步存储（Sync Storage）,会话存储(storage.session), 受管存储(storage.managed)。本地存储用于在本地计算机上存储数据，而同步存储则将数据存储在用户的 Google 账号中，并在不同设备间同步。这使得插件能够在不同环境中保持一致的数据状态，为用户提供更好的体验。

Chrome插件开发

2023-07-24T16:00:00.000Z

1. 前言

chrome extensions官方文档

2. 初识Chrome插件

2.1. 什么是Chrome插件, 他能干什么?

Chrome插件是为chrome浏览器添加功能的小程序, chrome插件可以获取网页内容并可以操作网页内容, 如爬取网页数据(网络爬虫), 自动点击(定时点击或刷新), 修改网页内容(如更改网页文字或图片)等.

Linux下通过Nginx日志分析网站访问情况

2023-07-20T16:00:00.000Z

1. 前言

作为一位站长, 了解网站的访问情况是日常的重要内容, 以下就是关于通过Nginx日志了解访问情况的一些常用命令.
这里罗列于此, 希望对您有所帮助, 更多关于开发, 运维, 以及产品方面的文章请访问鹏叔的技术博客, 该博客空间中涉及到的技术都是鹏叔在开发与维护网站过程中总结出来的.

客户满意度模型 - 卡诺模型

2023-07-18T16:00:00.000Z

1. 什么是卡诺模型

Kano模型是由Noriaki Kano在 20 世纪 80 年代开发的产品开发和客户满意度理论，它将客户偏好分为五类。

买家决策过程详解

2023-07-18T16:00:00.000Z

1. 前言

作为消费者行为的一部分，购买决策过程是消费者在购买商品或服务之前、期间和之后对市场交易进行的决策过程。它可以被视为存在多种替代方案的情况下成本效益分析的一种特殊形式。

常见的例子包括购物和决定吃什么。决策是一种心理建构。这意味着，虽然决策无法“看到”，但我们可以从可观察的行为推断已经做出了决策。因此，我们得出结论，发生了心理“决策”事件。这是一种将承诺归于行动的结构。也就是说，根据可观察到的行动，我们假设人们已经做出了实施该行动的承诺。

诺贝尔奖获得者赫伯特·A·西蒙 (Herbert A. Simon)认为经济决策是理性的徒劳尝试。西蒙声称（1947 年和 1957 年），如果要进行完整的分析，做出决定将非常复杂。西蒙还写道，人的信息处理能力是有限的。经济行为者完全理性的假设是不现实的。消费者受到情感和非理性考虑的影响，使得理性的尝试只能部分成功。他呼吁用适合认知受限主体的理性概念来取代经济人的完美理性假设。即使买方的决策过程是高度理性的，所需的产品信息和/或知识通常在质量或范围上受到很大限制，潜在替代品的可用性也是如此。认知努力和决策时间等因素也发挥了作用。

什么是客户满意度？

2023-07-18T16:00:00.000Z

1. 前言

客户满意度（通常缩写为CSAT ）是营销中经常使用的术语。它衡量公司提供的产品和服务如何满足或超越客户期望。客户满意度被定义为“报告的对公司产品或服务（评级）的体验超过指定满意度目标的客户数量或客户总数的百分比”。客户发挥着重要作用，对于保持产品或服务的相关性至关重要；因此，确保客户满意度并建立客户忠诚度符合企业的最佳利益。

营销责任标准委员会 (MASB)认可营销指标中出现的定义、目的和衡量标准，作为其正在进行的营销项目通用语言的一部分。在一项针对近 200 名高级营销经理的调查中，71% 的受访者表示，他们发现客户满意度指标对于管理和监控其业务非常有用。客户满意度被视为企业内的关键绩效指标，并且通常是平衡计分卡的一部分。在企业争夺客户的竞争市场中，客户满意度被视为主要的差异化因素，并日益成为业务战略的重要组成部分。

tailwindcss教程

2023-07-14T16:00:00.000Z

1. 前言

Tailwind 是一个基于 Atomic/Utility-First 规范 CSS 框架，提供了基础的工具类 utility classes（如：内边距 padding、字体 text 和 font、动画 transition 等预设类），能直接在脚本标记语言中组合起来，构建出您想要的设计。

Tailwind CSS 优点

可定制化程度极高
减少为 class 取名字的苦恼。
响应式设计
Tailwind CSS 遵循移动优先的设计模式，断点系统很灵活。比如实现一个媒体查询，要求根据不同的屏幕宽度实现不同的图片宽度。传统写法如下
CSS 体积大幅降低

百度统计的使用

2023-07-06T16:00:00.000Z

1. 前言

百度统计是全球领先的中文网站流量分析平台，帮助企业收集网站访问数据，提供流量趋势、来源分析、转化跟踪、页面热力图、访问流等多种统计分析服务，同时与百度搜索、百度推广、云服务无缝结合，为网站的精细化运营决策提供数据支持，进而有效提高企业的投资回报率。

从Angular 13升级到Angular 15

2023-06-27T16:00:00.000Z

1. 前言

升级应用程序或者框架是软件生命周期中非常重要的一项活动. 因为其有风险性, 很多人不愿意去做, 久而久之随着技术债务的积累变成了一件不能去做的事情.

在我的职业生涯中见到过很大这样逐渐失去生命活力的系统, 这里就不具体举例了, 以免引起不必要的争论, 明白的人自然明白.

MDC-based Angular Material组件迁移

2023-06-24T16:00:00.000Z

1. 前言

在 Angular Material v15 中，许多组件已基于官方的 Web Material Design Components (MDC) 进行了重构。以下导入的组件已被重构：

在Angular中使用TailwindCSS

2023-06-24T16:00:00.000Z

1. 前言
2. 创建 Angular 项目
3. 安装 Tailwind CSS
4. 配置您的 html 模板路径
5. 将 Tailwind 指令添加到您的 CSS 中
6. 构建 Angular
7. 开始在您的项目中使用 Tailwind
8. 插件和配置设置
9. Angular 系列文章
10. 参考文档

1. 前言

本文主要讲述如何在 Angular 项目中设置 Tailwind CSS。

从@Angular/Flex-Layout迁移到Tailwindcss

2023-06-24T16:00:00.000Z

1. 前言

根据flex-layout官方宣告, @angular/flex-layout当前(2023-06-25)处于deprecated状态. 替代方案为Tailwind或者Angular CDK.

具体原因参考官方的anoucement - Medium post
和github上的讨论

建议新项目使用其他css library, 旧项目考虑移植到其他css library.

以下是我从flex-layout的一些实践.

npm debug指南

2023-06-21T16:00:00.000Z

1. 前言

本指南将帮助您开始调试Node.js应用程序和npm run-script脚本。

记一次npm run问题排查的详细过程

2023-06-21T16:00:00.000Z

1. 前言

今天遇到一个特别难整的问题, 在执行npm run a_task 出错, 报错信息特别简单, 对于查找问题没有任何帮助. 尝试过几种方法来定位问题, 收效很差, 最后不得不祭出npm的大杀器npm debug来一探究竟.

使用mat-paginator在Angular mat表中进行服务器端分页

2023-06-17T16:00:00.000Z

1. 前言

在上一篇文章中，我们学习了如何使用 Angular 添加客户端分页。mat-tablemat-paginator

在客户端分页中，我们将从服务器一次获取所有记录并使用 mat-paginator 组件应用分页。

但是，如果我们的数据量很大，即记录数量较多，那么应用客户端分页并不是一个好主意。

这可能会导致严重的性能影响。

在这种情况下，我们将在 Angular mat-table 中实现服务器端分页。

v2rayN 安装与配置

2023-06-03T16:00:00.000Z

1. 前言

v2rayN 是 Windows 平台上一款基于 v2ray 核心的简洁好用、功能强大的 v2ray 客户端，用于科学上网和保护用户隐私。支持 Vmess、Socks5、VLESS、Trojan、Shadowsocks（不支持 ssr）等多种协议，也支持服务器订阅，支持规则分流。对于新手们来说使用非常的方便快捷，在本篇教程我们教大家如何配置使用 v2rayN，来快速实现代理上网的功能。

Centos7 上安装 wordpress

2023-05-30T16:00:00.000Z

1. 前言

当前环境说明:

OS: Centos 7.9

2. 安装要求

安装 WordPress 之前，服务器要求具备两个基本元素：

CodeWhisperer使用详解

2023-05-25T16:00:00.000Z

1. 说明

AWS的CodeWhisperer是Amazon于2021年12月推出的一款代码补全工具, 与GitHub Copilot类似。与Copilot不同的是CodeWhisperer对于个人用户免费, 也是其优势所在. CodeWhisperer是一款基于机器学习的通用代码生成器，由Amazon出品，可以给我们提供代码建议, 可以帮助程序员更快、更安全地编写代码的工具，可以在他们的开发环境中实时提供代码建议和推荐。

SEO教程

2023-05-20T16:00:00.000Z

1. 前言

本文详细讲解了如何为网站执行 SEO, 文章中的部分内容及方法有些过时了, 但是涉及理念依然有效, 而且内容比较全面, 希望对正你的 SEO 工作有帮助.

Angular service worker介绍

2023-05-15T16:00:00.000Z

1. 前言

Service Worker 增强了传统的 Web 部署模型，并使应用程序能够提供与 Native application 相当的可靠性,性能和用户体验。将服务工作进程添加到 Angular 应用程序是将应用程序转换为渐进式 Web 应用程序（也称为 PWA）的步骤之一。

简单来说，Service worker 是在 Web 浏览器中运行并管理应用程序缓存的脚本。

Service worker 充当网络代理。它们拦截应用程序发出的所有 HTTP 请求，并可以选择如何响应这些请求。例如，他们可以查询本地缓存并提供缓存的响应（如果有）。代理不仅限于通过编程 API 发出的请求，例如 fetch;它还包括 HTML 中引用的资源，甚至是对 index.html 的初始请求。因此，基于 Service worker 的缓存是完全可编程的，不依赖于服务器指定的缓存标头。

与组成应用程序的其他脚本（如 Angular application bundle）不同，服务工作进程在用户关闭选项卡后仍然保留。下次浏览器加载应用程序时，Service worker 首先加载，并且可以截获每个资源请求以加载应用程序。如果服务工作进程被设计为这样做，它可以完全满足应用程序的加载，而无需网络。

即使在快速可靠的网络中，往返延迟也会在加载应用程序时引入明显的延迟。使用服务工作进程来减少对网络的依赖可以显著改善用户体验。

Service worker和PWA

2023-05-15T16:00:00.000Z

1. 前言

本文向你介绍什么是 PWA, 以及如何在 Angular 项目中启用 PWA。然后使用一个示例向您展示一个正在运行的 service worker，演示如何加载和如何在客户端缓存数据。

申请免费SSL证书

2023-05-14T16:00:00.000Z

1. 前言

SSL证书（SSL Certificates）可以说是现在一个网站的标配，如果没有用SSL证书，浏览器上会显示不安全，导致一部分用户以为网站有问题。另外在微信小程序和iOS APP上，提供的API必须要用HTTS协议，否则不允许上架，所以掌握好SSL证书的配置是一个后端开发必备的技能。

在阿里云上，提供了每年可以申请一次的免费SSL证书，对于一些个人站点或者小公司的网站来说，确实是一个不错的选择。

nginx配置https

2023-05-14T16:00:00.000Z

1. 介绍

HTTPS 协议（HyperText Transfer Protocol over Secure Socket Layer）：可以理解为HTTP+SSL/TLS，即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL，用于安全的 HTTP 数据传输。HTTPS 相比 HTTP 多了一层 SSL/TLS.

SSL（Secure Socket Layer，安全套接字层）：1994年为 Netscape 所研发，SSL 协议位于 TCP/IP 协议与各种应用层协议之间，为数据通讯提供安全支持。

TLS（Transport Layer Security，传输层安全）：其前身是 SSL，它最初的几个版本（SSL 1.0、SSL 2.0、SSL 3.0）由网景公司开发，1999年从 3.1 开始被 IETF 标准化并改名，发展至今已经有 TLS 1.0、TLS 1.1、TLS 1.2 三个版本。SSL3.0和TLS1.0由于存在安全漏洞，已经很少被使用到。TLS 1.3 改动会比较大，目前还在草案阶段，目前使用最广泛的是TLS 1.1、TLS 1.2。

使用Terraform在ESXI上创建虚拟机

2023-05-11T16:00:00.000Z

1. 前言

ESXi 是一种用于创建和管理虚拟机（VM）的系统管理程序。然而，手动创建和管理多个虚拟机可能非常耗时且容易出错。Terraform 是一个开源 IaC 工具，可以在 ESXi 中自动创建和管理虚拟机。在本教程中，我们将学习如何使用 Terraform 在 ESXi 中创建多个虚拟机。

Ubuntu服务器安装图形化界面

2023-05-10T16:00:00.000Z

1. 前言

最近在阿里云上创建云主机, 主要是需要使用浏览某些网站, 说实在的我只需要浏览器就够用了, 但是无奈阿里云提供了桌面的镜像只有 Windows 的几个版本.
而使用 windows 得镜像要比 Linux 得镜像贵好几倍, 一来是服务器硬件资源要求较 Linux 高, 而来 Windows 镜像都是需要 License 费用或者额外购买 License 的.
于是考虑在创建 Linux 云主机后, 安装一个 Linux 桌面系统, 果然让我实验成功了, 特写此文, 以防遗忘, 另外给后来人以方便.

使用Angular Universal时的重要注意事项

2023-05-04T16:00:00.000Z

1. 介绍

尽管 Angular Universal 项目的目标是能够在服务器上无缝渲染 Angular 应用程序，但您应该考虑一些不一致之处。首先，服务器和浏览器环境之间存在明显的差异。在服务器上渲染时，应用程序处于短暂或“快照”状态。应用程序被完全渲染一次，返回完整的 HTML，而整个过程中的产生的状态被销毁，直到下一次渲染开始, 再重新计算这些状态。接下来，服务器环境本质上不具有与浏览器相同的功能（也有可能服务器拥有而浏览器没有的功能）。例如，服务器没有任何 cookie 的概念。您可以将此功能和其他功能 polyfill，但没有完美的解决方案来弥合这种差异。在后面的部分中，我们将介绍潜在的缓解措施，以减少在服务器上渲染时的错误机会。
还请注意 SSR 的目标：提高应用程序的初始渲染时间。这意味着，应该避免或充分防范任何可能在初始渲染中降低应用程序速度的情况。同样，我们将在后面的部分中回顾如何实现这一点。

Angular universal服务器端渲染与预渲染

2023-05-02T16:00:00.000Z

1. 前言
2. 什么是 Angular universal
3. 为什么需要 SSR(服务器端渲染)
4. Angular Universal 如何解决 FCP 和 SEO 问题
5. 开启 SSR
6. 开启客户端水合(Client Hydration)
7. 使用 Universal 构建和运行
8. Prerender 预渲染静态 HTML
- 8.1. 预渲染路径配置
9. SEO 优化
10. 使用 Nginx 部署
11. troubleshooting
12. 相关阅读
13. 参考文档

1. 前言

当初选择将应用做成 SPA(单页应用)的时候主要是觉得用户体验非常丝滑, 当时也知道 SPA 很难做 SEO, 还是毅然决然的选择做成 SPA 应用. 当时还是 Angularjs 1.X 的时候, 就觉得 Angular 的理念跟自己对前端的看法特别契合, 后来将框架升级到 Angular 11 继而 13, 虽然费了很多时间和精力, 但是收获非常多, 由于本文的重点是 SSR 与 prerendering,所以这里不赘述原因了. 之前也了解到 Angular Universal 是做服务器端渲染的套件(SSR), 乘最近有空刚好将其引入到项目. 实现地过程中虽然遇到问题, 但是还是有些小兴奋的感觉, 一来解决了首次访问应用时白屏的问题, 二来将当初打算舍弃的 SEO 能力也找了回来, 而且整个对引入 SSR 实现 SEO 的过程还是相当轻松的, 特写此文, 以防遗忘, 也希望给后来者有所帮助.

frp内网穿透

2023-05-01T16:00:00.000Z

1. 前言

frp 是一个开源、简洁易用、高性能的内网穿透和反向代理软件，支持 tcp, udp, http, https等协议。frp 项目官网是 https://github.com/fatedier/frp

frp工作原理

服务端运行，监听一个主端口，等待客户端的连接；

客户端连接到服务端的主端口，同时告诉服务端要监听的端口和转发类型；

服务端fork新的进程监听客户端指定的端口；

外网用户连接到服务器端指定的端口，服务端通过和客户端的连接将数据转发到客户端；

客户端进程再将数据转发到本地服务，从而实现内网对外暴露服务的能力。

2. 前置条件

想要配置frp穿透，首先必须先要有一台具有外网ip(即：可以从因特网访问)的服务器。配置教程主要分为两个部分，一是服务器端(外网服务器)的配置；二是客户端(内网服务器)配置。

Golang单元测试

2023-04-26T16:00:00.000Z

1. 前言

原文: How To Write Unit Tests in Go

Author: Tobi Balogun

译者：philoenglish.com团队; 更多资讯可访问philoenglish.com

单元测试是一种软件测试方法, 用于测试代码的最小可测试单元, 通常是函数或方法. 它的目的是确保每个单元都能够按照预期工作, 并且在修改代码时不会破坏现有的功能,它们是Go编程语言的关键部分。
在本教程中，您将创建一个小程序，然后使用Go的测试包和Go test命令对代码运行一系列测试。完成教程后，您将拥有一个可工作的单元测试套件，其中包括一个基于表表格的单元测试、一个覆盖率测试、一项基准测试和一个文档化的示例。

mockery v2的介绍和使用

2023-04-26T16:00:00.000Z

1. 前言

由于项目时间比较紧, 我本来是没有打算写一篇文章来介绍mockery的, 但是无奈网上介绍mockery的文章比数量上较少(截至2023-04-27), 而且很多文章都过期了.
一方面由于golang更新比较快, 网上解释使用go get 安装mockery的, 到了go 1.6以后都安装不了. 另一方面mockery自身更新也比较快, 很多文章介绍的一些用法在新的版本中已经不灵了, 比如生成mock对象的命令选项-name已经调整为--name, -dir的意义也发生了变化等等, 出现了很多差异的地方.

所以本着稳扎稳打的原则, 不得不放慢脚步, 停下来把golang mock这一块的知识库补充完整.

2. mockery介绍

Mockery是一个用于生成Golang接口的Mock的工具. Mockery可以帮助您在测试期间模拟依赖, 以便更轻松地测试代码. Mockery v2是Mocker的最新版本.

在Golang中使用Testify mock框架

2023-04-26T16:00:00.000Z

1. 前言

我使用golang已经有一段时间了，但直到最近我才终于明白如何在golang测试中进行对象mocking。由于我来自Java，所以在golang中mock对象的方式对我来说并不清楚。这篇文章是我如何达到目前理解的自我记录。在这篇文章中，我使用了来自Testify的mock功能在阅读这篇这篇文章之前, 读者需要有golang基础。

首先, 我们来创建一个非常简单的服务，如下所示：

GreeterService是一个向用户打招呼的服务。其由两种问候方式：
Greet（）根据设置的语言向用户打招呼
GreetDefaultMessage（）将使用默认消息向用户打招呼致意，不涉及到语言设置.
在GreeterService内部，Greet（）将调用db.FetchMessage（lang），GreetDefaultMessage（）将呼叫db.FetchDefaultMessage（）。我们可以在真实场景想象的样子，db类是调用真实数据库的类。因此，我们需要在测试中使用mock来避免测试调用实际的数据库。golang中没有class的概念，但我们可以认为struct行为与类是等效的。

Msys2安装教程

2023-04-21T16:00:00.000Z

1. 前言

之前一直是使用的Cygwin作为命令行终端, 后来好像是因为Cygwin上的git不兼容还是什么原因, 具体记不太清了, 就安装了git for windows后来终端也就切换到了git bash, 使用了很长一段时间, 后面发现git for window安装不了额外的软件, 使用完整的Linux命令行都是在虚拟机上完成的, 也就一直这样别扭的用着. 今天发现一个可用在windows上使用bash并可以安装额外软件包的方法,特地写文章纪念一下.

如何在 RHEL 系列 linux 上安装并配置 docker?

2023-04-15T16:00:00.000Z

Docker 是现代软件开发和运维中不可或缺的工具之一。它通过容器化技术，为开发者和运维人员提供了一个轻量级、高效且灵活的解决方案。无论是构建、测试还是部署应用程序，Docker 都能显著简化流程并提升效率。在本篇文章中，我们将详细介绍如何在 RHEL 系列系统上安装和配置 Docker，帮助您快速上手并充分利用其强大的功能。

Redhat系列yum源介绍

2023-04-15T16:00:00.000Z

CentOS 默认自带 CentOS-Base.repo 源，但官方源中去除了很多有版权争议的软件，而且安装的软件也不是最新的稳定版。 Fedora 自带的源中也找不到很多多媒体软件，如果需要安装，必需先添加其他源，如 RPMFusion 和 RPMForge 等第三方软件库。

下面鹏叔来一一介绍各种第三方软件库，以下软件库适用于与 RHEL 完全兼容的 linux 发行版

使用WireGuard内网穿透

2023-04-15T16:00:00.000Z

1. 前言

WireGuard 是由 Jason Donenfeld 等人用 C 语言编写的一个开源威屁恩协议，被视为下一代威屁恩协议，旨在解决许多困扰 IPSec/IKEv2、Open威屁恩或 L2TP 等其他威屁恩协议的问题。它与 Tinc 和 MeshBird 等现代威屁恩产品有一些相似之处，即加密技术先进、配置简单。从 2020 年 1 月开始，它已经并入了 Linux 内核的 5.6 版本，这意味着大多数 Linux 发行版的用户将拥有一个开箱即用的 WireGuard。

如何设计一款App

2023-04-11T16:00:00.000Z

1. 译者序

这是一篇很好的关于从零开始创建App的建议的文章, 作者的结构和思路非常清晰, 一个很好的关于创建App的结构性的建议文章. 所以我们将其翻译成中文, 期望读者能进一步以此为蓝本将创建App的想法,思路,建议丰富起来. 同时这也是我们后续编写关于创建app建议文章的蓝本.

译者：philoenglish.com 团队

应用推广的十个观点(译文)

2023-04-11T16:00:00.000Z

1. 译者序

这是一篇非常好的推广移动应用的想法或者说是策略, 翻译过来分享给大家. 或许有些观点已经很显而易见, 那么就权当是一个总结. 后续会基于此文章陆续更新关于应用推广方面的想法和观点.

译者：philoenglish.com团队; 更多资讯可访问philoenglish.com

Angular结合quill实现富文本编辑器

2023-04-03T16:00:00.000Z

1. 前言

由于需要一个富文本编辑器来编辑一些网页内容, 手动编辑后存储到数据库比较麻烦, 所以着手实现一个自己的富文本编辑器, 来编辑和存储一些 html 文件.
这里使用 Angular 框架, 加 Quill 库实现.

ngx-quill: https://github.com/KillerCodeMonkey/ngx-quill
quill 官网: https://quilljs.com/

Angular injectable接口

2023-04-02T16:00:00.000Z

1. 前言

本文将使用@Injectable 装饰器创建 Angular 服务。Angular 服务是可注入的，注入器可以将其注入到我们 Angular 应用程序中的任何组件或服务中。@Injectable 装饰器在类级别的服务中使用。@Injectable 装饰器帮助注入器考虑可注入的服务。在应用程序模块中的@NgModule 装饰器的提供者元数据中配置我们的服务后，该服务将在整个应用范围内可用。

要在组件中获取服务实例，我们需要为服务构造一个带参数的构造器, 并构造包含一系列可供组件或其他服务调用的方法。

假设我们想要创建一个购物车应用程序。在这种情况下，服务可以包含管理商店的方法、将商品添加到购物车的方法、从购物车中删除商品的方法以及查询商品的方法等。

vmware ESXi配置

2023-04-01T16:00:00.000Z

1. 前言

这篇文章主要用来收集VMWare ESXi的一些配置步骤.

2. 开启SSH服务

默认ssh服务是关闭的, 开启ssh服务过程如下

进入管理=>服务, 找到TSM-SSH服务, 右击该服务会弹出子菜单, 点击启动.

要设为开机启动, 右击服务, 选择策略, 选择随主机启动和停止

帮助系统设计2

2023-03-16T16:00:00.000Z

1. 网站帮助中心的作用

通过向客户表明您了解他们所面临的问题以及如何提供帮助来建立信任；
通过回答常见问题来改善客户服务，增强专业的品牌形象；
通过减少重复发送给支持人员的电话和电子邮件，节省时间和金钱；
增强您在搜索引擎中的知名度（包含更多关键词的帮助中心页面更易被搜索引擎喜欢）；
通过轻松找到他们要寻找的内容而不是搜索站点来改善用户体验。将答案直接链接到博客文章或内容页面可以使访问者更轻松地获取其他信息；

nginx安装教程

2023-03-10T16:00:00.000Z

1. 介绍

1.1. 什么是nginx

Nginx是一款高性能的http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。

由俄罗斯的程序设计师Igor Sysoev所开发，官方测试nginx能够支支撑5万并发链接，

并且cpu、内存等资源消耗却非常低，运行非常稳定。

PostgreSQL备份与恢复

2023-02-23T16:00:00.000Z

1. 前言

数据库的备份有多种分类方式。

按照备份后的文件类型，可以分为物理备份（文件系统级别的备份）和逻辑备份（备份后的文件是sql文件或特定格式的导出文件）；
按照备份过程中是否停止数据库服务，可分为冷备份（备份过程中停止数据库服务）和热备份（备份过程中数据库服务开启并可供用户访问）；
按照备份是否是完整的数据库，可分为全量备份(备份是完整的数据库)和增量备份（备份是上一次全量备份后数据库改变的内容）。

Postgresql的常见备份方式有以下三种：文件系统级别的冷备份, SQL转储, 连续归档.

GitLab集成PlantUML

2023-02-02T16:00:00.000Z

1. 摘要

本文提供了将PlantUML与GitLab集成的逐步指南。它涵盖了从配置PlantUML服务器到在GitLab中启用它的所有内容，并包括代码块以说明必要的命令。通过遵循本指南，您将能够使用PlantUML在GitLab snips、wikis和代码库中创建图表。

自己动手写一个Mysql到PostgreSQL数据库迁移工具

2023-01-14T16:00:00.000Z

1. 前言

这段时间在进行 Mysql 到 PostgreSQL 数据库迁移工作.

主要包含三部分工作, 其一是构建数据库对象, 包括表, 视图, 存储过程的构建, 这部分由于我在项目早期就引入了 liquibase, 所以迁移工作很简单, 所以没有总结文章.

其二是代码修改, 让代码适配新的数据库, 这部分已经总结发布到了鹏叔的技术博客 - 从 Mariadb 迁移到 postgresql.

其三是数据迁移, 数据迁移也有一些现成的工具, 但是配置起来比较麻烦, 工具比想象中的复杂太多, 用起来也不是太顺手, 与其花时间在熟悉一次性的工具上, 不如自己写一个迁移工具. 于是就有了这篇文章.

使用stomp实现服务器端向web客户端推送数据

2023-01-14T16:00:00.000Z

1. 前言

在上篇文章java实现websocket的五种方式, 我详细讲述了使用java实现websocket的五种方式.
五种方式都集中在服务器端的实现, 客户端我们使用的是一个在线测试工具进行测试的. 只有针对stomp这种方式我自己写了一个javascript版本的客户端. 但是随着项目的推进, 发现整个体系就像魔方或拼图一样, 在完整体系中还缺少了一块, 那就是java客户端去连接stomp websocket服务. 其作用是,在服务器端主动向客户端发送消息时, 通过stomp客户端连接stomp websocket服务, 将消息发布到某个topic, 最终被订阅消息的前端页面接收到. 三者之间的关系 java client -> stomp websocket服务 -> 前端页面. 采用的是消息订阅模式, 消息订阅并不是pull, 实际是push.

Win11怎么把软件添加到开机自启动中

2023-01-14T16:00:00.000Z

1. 前言

把程序设置为开机自启或取消一些开机自选项, 对我个人来说是一个很重要的功能, 因为它能提高我的专注力. 很多时候, 我们容易被一些琐碎的事情给诱惑.
不知道大家有没有仔细观察或回味自己使用电脑的习惯.

根据我以前的经验, 按下开机键后, 经过一个不算漫长的等待, 真正进入 windows 界面后, 我们往往会短暂的忘记或刻意的不想把注意力集中到我们开机前想干的事情上.

开机后往往第一件事查看一下邮件, 检查一下聊天软件上的, 看看今天都发生了哪些新闻. 等这些事情完成后, 才会或者才可能想起我们开机前想要干的事情.
如果这段时间中再弹个窗, 提示软件需要杀毒, 升级某娱乐明星又爆出了什么大瓜, 某电视剧又更新到多少级了, 一断被这些信息给吸引了, 对于自制力不强的人们来说,今天这一天可能就尽是去打蚊子拍苍蝇去了, 一天又荒废了.

而将重要的应用程序放置在开机启动项，并在开机后直接弹出应用界面，可以让我们立即专注到重要事情，并有效缓解注意力被分散的状况。

而此时有一个干净高效的自启动项设置, 往往有助于屏蔽这些干扰, 或提醒自己该干正事了.

如何通过表名获取所有字段信息

2023-01-12T16:00:00.000Z

1. 前言

通常情况下, 如果想写一些比较通用的应用程序, 我们需要通过表名去了解整个表的情况, 才能编写一些比较通用的数据库工具.
通过表名获取字段名有多种方式:

第一种我们可以查询系统表或者数据字典来获取表的信息, 其优点是效率比较高, 缺点是所写的工具往往只适用与某种特定的数据库.
第二种通过一些标准的数据库连接库获取数据库元数据, 从而获取到相应表的结构信息, 这样做的优点是由于程序是面向标准库的API,
无论底层是何种数据库都能够兼容. 在Java领域可以通过Jdbc库提供的接口获取表信息, 在.net领域可以通过odbc, PHP领域可以使用PDO,
SQLAPI ++ 之于C++, database/sql之于golang, sqlx之于Rust等等

本文主要介绍使用jdbc获取数据库字段信息.

java实现websocket的五种方式

2022-12-31T16:00:00.000Z

1. 前言

WebSocket 是 HTML5 一种新的协议。它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯，它建立在 TCP 之上.

本文主要讲述在Java技术领域实现websocket服务的五种方式.

使用Gradle整合angular和Spring boot

2022-12-30T16:00:00.000Z

1. 前言
2. 前置条件
3. 创建后端项目
4. 创建前端项目
5. 使用 gradle 将前后端整合
6. Angular 系列文章
7. 总结
8. 参考文档

1. 前言

本文讲述如何使用 Gradle 搭建一个以 springboot 技术栈作为后端, 使用 Angular 作为前端技术栈, 同过 gradle 将其整合成一个项目的实践经验.

这里只是作为一种实践, 并不建议在生产环境中将前后端耦合在一起. 本文的目的是拓展 Spring 在(SPA)Single page Application 一种能力, 即将实现项目依赖关系, 测试,打包等等自动化.

实现思路就是通过 Gradle task 触发 npm build, 将编译后的静态资源文件, 部署到 springboot 的静态资源文件目录, 然后沿用后端打包过程, 将前后端应用程序整合在一起.

Cmder安装与配置

2022-12-21T16:00:00.000Z

1. 前言

相信很多开发者都在寻找一款在Windows下理想的命令行工具, 因为Windows10包括10之前自带的命令行工具真的是弱爆了, 而且它20多年都不曾经发生过太大的改变. 这种状况在应用软件快速发展的时代对很多人来说是不能忍受的, 即使在Windows 11中自带了一个叫terminal的工具, 虽然很强大但是我仍然没有打算使用它, 请容许我大胆的臆测一下它, 可能是因为WSL推出后微软实在觉得之前命令行工具太过简陋, 然后推出了Windows Powershell, 但是powershell还是难堪大任, 于是模仿市面上流行的终端推出了, terminal这样一款命令行工具. 至于之后会不会跟CMD一样数十年不再改进? 需要打一个大大的问号.

如何在springboot中配置多个数据源

2022-12-20T16:00:00.000Z

1. 配置数据库详细信息

首先，我们将配置多个数据源，在application.properties文件中提供详细信息.

如何手动创建一个springBoot项目

2022-12-20T16:00:00.000Z

1. 介绍

在本文中，您将学习如何创建一个简单的Spring Boot应用程序，以及您需要哪些依赖项和技术需要了解。
此外，我们将更深入地了解基本原理。我将解释一些最关键的工作机制，如果你想成为一名专业开发人员，你需要了解这些机制。

2. 创建一个SpringBoot项目

2.1. 先决条件

要创建新的Spring Boot应用程序，我们需要以下开发环境：

Java 1.8或更高版本

IDE: Spring STS, Intellij Idea或者vscode

包管理工具: Maven 3.2+ 或者gradle 4+

基于 Code-server 快速部署自己的云开发环境

2022-12-20T16:00:00.000Z

1. 前言

其实 Web IDE 很早就有，但那些都只能说是玩具，直到现在才有一些不错的产品推出，比如微软和 Github 的 Visual Studio Codespaces、coding.net 的 Cloud Studio、华为云 CloudIDE 等。不过，这些产品要么还在测试，要么免费用会有限制或者价格不菲，目前还不是非常方便。

如果想要低成本愉快地使用，自己动手搭建是一个不错的方案。对配置要求不高的话，一年几十块一百多块就能买到廉价的 VPS 或者云主机就足够了。

Windows上安装PostgreSQL 14

2022-12-04T16:00:00.000Z

本文主要讲述如何在Windows上安装PostgreSQL 14。

从Mariadb迁移到postgresql

2022-12-04T16:00:00.000Z

1. 前言

本文主要实验所用的环境, 后端是golang, gin web框架.

PostgreSQL高级篇

2022-12-04T16:00:00.000Z

1. PG简介

PostgreSQL是一个免费的对象-关系型数据库服务器(ORDBMS), 在灵活的BSD许可证下发行.
PostgreSQL开发者把它念作post-gress-Q-L.
PostgreSQL的Slogan是世界上最先进的开源关系型数据库.
开源界的Oracle, 去O首选

Go database/sql 教程

2022-11-29T16:00:00.000Z

1. 简介

Go使用SQL与类SQL数据库的惯例是通过标准库database/sql。这是一个对关系型数据库的通用抽象，它提供了标准的、轻量的、面向行的接口。不过database/sql的包文档只讲它做了什么，却对如何使用只字未提。快速指南远比堆砌事实有用，本文讲述了database/sql的使用方法及其注意事项。

在各种操作系统上安装和配置Rust

2022-11-28T16:00:00.000Z

1. 安装 rust

Rust 官网: https://www.rust-lang.org

2. 在 Linux or macOS 上安装 Rust

在 Linux or Mac 上安装 Rust:

1	curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf\| sh

在VSCode配置Rust环境

2022-11-28T16:00:00.000Z

1. 安装Rust

安装Rust可以参考

Centos7上安装MariaDB

2022-11-26T16:00:00.000Z

1. 安装

1.1. 检查是否已安装 mariadb

1	yum list installed \| grep mariadb

1.2. 安装MariaDB

如果未安装，执行以下命令安装命令

1	yum -y install mariadb mariadb-server

Linux上安装PostgreSQL

2022-11-26T16:00:00.000Z

1. 前言

本文以 PostgreSQL 15 为例讲解如何在 linux 上安装 PostgreSQL。

1.1. 本文主要内容

PostgreSQL 15 安装(yum)
PostgreSQL 15 基础配置
PostgreSQL 15 远程访问配置
PostgreSQL 基础管理

PostgreSQL基础

2022-11-23T16:00:00.000Z

1. 数据库基础知识

1.1. 什么是数据库

数据库(Database, DB)是一个长期存储在计算机内的, 有组织的, 有共享的, 统一管理的数据集合.

保管数据的”仓库”
数据管理的方法和技术

Angular PWA

2022-10-15T16:00:00.000Z

前言

这里假设我们已经使用Angular开发了SPA应用, 我们希望在此基础上使用PWA做一些增强以获得更好的用户体验, 更好的性能.

Angular sweetalert2

2022-10-15T16:00:00.000Z

1. 前言

在本教程中，我们将学习如何在 angular 14 应用程序中使用 sweetalert2 来显示 sweetalert 弹出消息。

Angular上传图片

2022-10-15T16:00:00.000Z

前言

在本教程中，您将学习如何在 angular 12/11 应用程序中制作带有预览功能的图像上传示例。

此外，本教程将逐步指导您如何在角度 11/12 中上传图像。并且还将反应式表单与表单组一起使用，以上传带有预览的图像。

Typescript教程

2022-10-15T16:00:00.000Z

1. TS简介

1.1. typescript是什么?

以javascript为基础构建的语言
可以在任何支持javascript的平台中执行
一个javascript的超集
typescript扩展了javascript，并添加了类型
TS不能被JS解析器直接执行，需要经过编译成javascript后被JS解析器执行。

破解Gitlab ee 15 企业版

2022-10-05T16:00:00.000Z

1. 前言
2. 安装gitlab-ee企业版
3. 环境说明
4. 安装必要软件
- 4.1. 安装ruby
- 4.2. 安装gitlab-license
5. 破解方法
6. 关联阅读
7. 参考文档

1. 前言

在破解之前, 我们要确保我们安装了合适版本的gitlab, 本文适用于gitlab 13, 14, 15等多个版本, 因为我是一路从gitlab13升级到15的, 对这些版本我都有亲自测试过, 此方法有效. 对于gitlab 16由于没有亲测过, 适用性未知, 希望试验过的朋友留言告知我, 在此提前表示感谢.

使用此教程的前提:

需要安装gitlab-ee 企业版
需要安装Ruby环境

2. 安装gitlab-ee企业版

关于如何安装配置gitlab-ee可以参考我的文章鹏叔的技术博客 - gitlab安装升级及迁移

3. 环境说明

当前我的gitlab版本及环境如下:

操作系统版本: Centos 7.9
gitlab-ee版本为: 15.8.1-ee

帮助系统案例与赏析

2022-09-11T16:00:00.000Z

1. 前言

网站设计师应将每一位访问我们网站的用户视为潜在的新用户，为他们提供足够的指导和指南，以完成他们的任务并熟悉网站。几乎所有类型的网站都必须帮助用户，但方式不同。网站的类型将决定您应该提供的帮助系统的类型。
此外，帮助系统的有效性直接关系到网站设计的质量。一个设计不好的帮助系统——无论其内容多么好——都会带来劣质的用户体验。在本文中，我们将通过示例研究设计有效帮助页面的一些方法，这些方法可能会启发您的工作。

Angular Material实现typeahead简单示例

2022-08-23T16:00:00.000Z

1. 前言

项目中需要一个输入提示框, 之前是使用ng-bootstrap实现的. 但是由于系统框架完全迁移到了material design. 所以所有bootstrap的依赖项都要迁移到angular material design.

如果您的web表单有一个包含许多选项的下拉列表，那么您可能希望通过提前键入来简化用户的生活。幸运的是，Angular Material组件可以让你很容易地做到这一点。在本指南中，我将向您展示如何实现这一点。

顺便说一句：如果你不熟悉typeahead(提前输入)，这是一种在下拉列表中过滤结果的方法。用户刚开始在字段中键入字符，列表将缩小为仅以用户键入的字符开头的选项。
typeahead是一种用户友好的输入方式，因为用户不必在看似无穷无尽的列表中滚动才能找到他们想要的内容。

Material Design 基础 - 文字排版

2022-07-05T16:00:00.000Z

1. 文字系统（The type system）

使用排版尽可能清晰有效地呈现您的设计和内容。

值得观看的电影

2022-06-16T16:00:00.000Z

值得观看的电影

《白日梦想家》

《辩护人》

《勇敢的心》

《阿甘正传》

Angular Flex Layout使用详解

2022-06-04T16:00:00.000Z

1. 前言

1.1. update on 5th/Apr/2023

根据 flex-layout 官方宣告, @angular/flex-layout 当前处于 deprecated 状态. 替代方案为 Tailwindcss 或者 Angular CDK.

具体原因参考官方的 anoucement - Medium post
和 github 上的讨论

建议新项目使用其他 css library, 旧项目考虑移植到其他 css library.

迁移工具:

migrate-angular-flex-to-tailwind

[flex-layout-migrator](https ://github.com/NIPE-Solutions/flex-layout-migrator)

1.2. update on 25th/June/2023

目前 DuncanFaulkner 克隆了@angular/flex-layout 并提供社区支持, 目前以及能支持 Angular 16 了.

所以使用社区版本的 flex-layout 也是一直选择, 如果重度依赖 flex-layout

新家现在位于

@ngbracket/ngx-layout。

2. 安装

要在 Angular CLI 项目中使用@angular/flex-layout 相当简单，只需要两个步骤：

安装组件指令

1	npm install @angular/flex-layout --save

将 Angular Flex Layout 导入到 app.module 中

// src/app/app.module.ts

import {NgModule} from '@angular/core';
import {FlexLayoutModule} from '@angular/flex-layout';
@NgModule({
imports: [FlexLayoutModule],
...
})
export class AppModule {}

应用angular material design

2022-05-28T16:00:00.000Z

1. 前言

为什么选择 angular material design?

实际上如果想在自己的 web 项目中使用 material design 这套设计理念, 有多种选择, 一个是使用 bootstrap + mdbootstrap 这套架构和组件, 或者使用 bootstrap+materialize-css 这套解决方案. 其核心思想就是使用 bootstrap 去处理响应式 web ux 的问题以及跨浏览器, 跨各种大小屏幕兼容性问题, 而使用 mdbootstrap 或 materialize 去实现一套 material design 风格的组件库. 实际上这是一套很好的思路, 各方案专注自己的擅长的领域, 保持小而美的设计. 但是现实问题是 mdbootstrap 并不是免费的, 其 prime 版本是收费的, 而且对初创公司来说其收费还不便宜. materialize-css 是开源免费的, 但是截至 2022-05-29, 该项目已经 6 年没有更新了, 最近的一个版本是 6 年前发布的一个 1.0.0 版本.

CentOS7搭建NAS文件共享存储

2022-05-12T16:00:00.000Z

1. 前言

1.1. 网络存储技术

网络存储技术大概可以分为3种：

DAS：直连式存储（Direct Attached Storage），直接与主机相连的存储设备。它依赖于服务器，本身是硬件的堆叠，不带有任何存储操作系统。现在常见的DAS设备：硬盘座带上 N个硬盘。
NAS：网络连接式存储（Network Attached Storage），存储设备直连网络，NAS设备和DAS设备不同在于，NAS设备一般带有存储操作系统。
SAN：存储网络（Storage Area Network），可以说是一种网络基础设施。SAN和NAS的区别主要在于：SAN针对海量、面向数据块的数据传输，而NAS则提供文件级的数据访问功能。

使用gitlab issue board的四种方式

2022-05-11T16:00:00.000Z

1. 前言

构建软件和运行项目的方法有很多种。当我们开始在 GitLab 中构建产品组合和项目管理工具时，我们问自己，“您如何构建工具来支持各种工作流程，而不会因为工具本身的复杂性而陷入瘫痪？我们的结论是什么？构建更少但更灵活的工具。GitLab 的内置issue board是一个很好的例子，说明选择构建单个多功能工具可以显著降低工具维护的复杂性，同时不会限制其功能。

管理项目和软件本质上是复杂的，但项目管理工具本身不一定如此复杂。无论您管理多少个项目、人员或产品，获得保持平稳运行所需的可见性应该是一件容易的事。

GitLab issue board是一个使用简化方法解决复杂问题的很好的例子。我们建立在 GitLab 现有的问题跟踪功能之上，并利用 GitLab 问题标签的强大功能，将它们用作看板上的列表。您可以构建不同的问题板视图，同时保持您在问题跟踪器中看到的相同过滤和排序功能。您可以创建多个板来捕获所需可见性，并按里程碑、标签、责任人和权重定义板的范围。

issue board基于其项目的标签结构，因此，它应用相同的描述性标签来定位在板上的位置，从而在整个开发生命周期中保持一致性。而且，您可以直接从开发板中单击某个问题以开始您的工作。

issue board显示您的团队正在处理哪些问题，分配给每个问题的人员以及这些问题在工作流中的哪个位置

Material Design 基础 - Applying density

2022-05-02T16:00:00.000Z

1. 前言

Material设计为提高密度改善用户体验的用例提供高密度间距指导。

Material Design 基础 - 颜色

2022-05-02T16:00:00.000Z

1. 颜色系统

Material设计颜色系统可以帮助您创建反映您的品牌或风格的颜色主题。

1.1. 颜色用法和调色板

Material设计颜色系统可帮助您以有意义的方式将颜色应用于 UI。在此系统中，您可以选择主要颜色和次要颜色来代表您的品牌。然后，每种颜色的深色和浅色变体可以以不同的方式应用于 UI。

Material Design 基础 - 导航

2022-05-02T16:00:00.000Z

1. 说明

导航允许用户在应用程序中移动。

1.1. 导航类型

导航是在应用程序的屏幕之间移动以完成任务的行为。它是通过几种方式实现的：专用导航组件、将导航行为嵌入内容以及平台功能。

gitlab CICD基础

2022-04-30T16:00:00.000Z

1. Gitlab CI/CD 基础

课程主要内容

为什么要做CI/CD?
GitLab CI/CD
GitLabCI vs JenkinsCI

Material Design 基础 - Component behavior

2022-04-29T16:00:00.000Z

1. 前言

本页描述组件在布局中的行为，包括与网格以及断点的关系。

2. Position术语

UI元素在每个分界点范围内的行为方式不同。UI元素、组件和表面在网格中的位置用以下术语描述。

Material Design 基础 - Elevation（标高）

2022-04-29T16:00:00.000Z

1. Elevation（标高）

Elevation（标高）是沿 z 轴的两个Surface之间的相对距离。

2. 测量标高

Material Design中的标高为Material surfaces之间的距离。从一个Material surface的前部到另一个Material surface前面的距离沿 z 轴以与dps(density-independent pixels)为单位进行测量，并使用阴影进行描绘（默认情况下）.

Material Design简介

2022-04-29T16:00:00.000Z

1. 介绍

Material 是 Google 创建的一个设计系统，旨在帮助团队为 Android、iOS、Flutter 和 Web 构建高质量的数字体验。

2. 原则

2.1. 材料是隐喻

Material design 的灵感来自物理世界及其纹理，包括它们如何反射光线和投射阴影。Material surfaces 重新构想了纸张和墨水的介质。

Bold, graphic, intentional
材质设计由印刷设计方法（排版、网格、空间、比例、颜色和图像）指导，以创建让观看者沉浸在体验中的层次结构、意义和焦点。
Motion provides meaning
Motion 通过微妙的反馈和连贯的过渡来集中注意力并保持连续性。当元素出现在屏幕上时，它们会通过交互来转换和重新组织环境，从而生成新的转换。

Material Design 基础 - Layout

2022-04-29T16:00:00.000Z

1. 理解layout

material设计布局使用统一的元素和间距，以鼓励在多种平台、环境和屏幕尺寸之间的一致性。

1.1. 原则

Predictable(可预测的) 使用直观且可预测的布局，并具有一致的UI区域和空间组织。
Consistent(一致的) 布局应始终使用网格、关键线和填充。
Responsive(响应的) 布局是自适应的。它们对用户、设备和屏幕元素的输入做出反应。

Material Design基础 - 光线和阴影

2022-04-29T16:00:00.000Z

1. 光线和阴影

material surface阻挡光源时会投射阴影。

在material设计环境中，虚拟灯光照亮UI。关键灯光创建更清晰的方向性阴影，称为关键光阴影。环境光从各个角度出现，以创建漫射的柔和阴影，称为环境光阴影。

Material Design基础 - Pixel Density

2022-04-29T16:00:00.000Z

1. 像素密度(Pixel Density)

一英寸屏幕上存在的像素数称为像素密度。

屏幕像素密度和分辨率因平台而异。

1.1. 屏幕密度变化

高密度屏幕的每英寸像素数比低密度屏幕的多。因此，相同像素尺寸的UI元素在低密度屏幕上显示得更大，而在高密度屏幕上显示得更小。

Material Design基础 - 响应式布局网格

2022-04-29T16:00:00.000Z

1. 响应式布局网格

Material Design的响应式布局网格可根据屏幕大小和方向进行调整，确保布局的一致性。

1.1. Columns, gutters, and margins

响应式布局网格由三个元素组成：Columns, gutters, 和 margins。

Material Design基础 - spacing methods

2022-04-29T16:00:00.000Z

1. spacing methods

spacing methods使用基线网格、关键线、填充和增量间距来调整比率、容器和触摸目标。

Material Design基础 - Surfaces

2022-04-29T16:00:00.000Z

1. Material Surfaces

Material设计具有三个维度的特质，这些品质反映在其对表面(Surfaces)、深度和阴影的使用中。

1.1. Material environment

在真实世界中，物体可以堆叠或相互接触，但不能相互传递。它们投射阴影并反射光线。

Material设计在Material UI 中如何显示和移动曲面来反映这些品质。表面以及它们在三维空间中的移动方式以类似于它们在物理世界中移动的方式进行通信。此空间模型还可以跨应用程序一致地应用。

安装 Golang

2022-04-21T16:00:00.000Z

1. 前言

Go（又称 Golang）是 Google 开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。罗伯特·格瑞史莫（Robert Griesemer），罗勃·派克（Rob Pike）及肯·汤普逊（Ken Thompson）于 2007 年 9 月开始设计 Go，稍后 Ian Lance Taylor、Russ Cox 加入项目。

Angular实现登录保护

2022-04-02T16:00:00.000Z

1. 前言

一个网站，通常都会包含公开页面和受保护页面两种，如果是 OA 或者企业应用网站，甚至可能全部都是保护页面，访问者需要在进行身份认证后，才能正常的浏览相关页面。

在本实验中, 我们会创建一个登录页面, 一个受保护的页面, 和一个面向公众公开的信息页面. 当用户访问受保护页面时, 需要先登录再访问, 而公众公开页面不需要登录即可访问.

Angular guard介绍

2022-04-02T16:00:00.000Z

1. 前言

我们在开发 web 应用时，在服务器端都会控制某种或某个用户是否有权限调用某个接口。在前端，我们除了根据用户的角色或其他特性来控制一些页面元素是否显示以外，也需要控制用户是否能够进入某些页面（例如通过直接输入 URL 的方式直接进入）。要控制是否显示，我们可以使用 *ngIf 、 [hidden] 等方式。而对于控制用户能否进入某个页面，Angular2 的路由框架也提供了非常方便的方式来实现这个功能。

Angular2 提供了 2 种组件， Guard 和 Resolve 。 Guard 顾名思义就是用来保护一个路径。可以用来判断用户只有在满足一定的条件的情况下才能打开这个路径对应的页面。 Resolve 用来在进入某个路径之前先获取数据。

深度刨析NgModule

2022-04-02T16:00:00.000Z

1. 前言

我们今天要学习的是 Angular2 的模块系统,一般情况下我们使用一个根模块去启动我们的应用,然后使用许多的功能模块去丰富我们的应用,扩展我们应用的功能.这些全部依靠我们的 NgModule 装饰器,接下来我们就来好好学习一下这个装饰器. 当然在这个过程中你会遇到一些新的指令,概念等等;但是别慌,我们会在以后的文章中一个一个的详细讲解呢.

Angular中的JIT与AOT

2022-04-02T16:00:00.000Z

1. 前言

本文会聊聊 JIT 与 AOT 之间的区别，及前端框架中 AOT 的应用。Angular 同时提供这两种编译方案，下面我们用 Angular 举例说明两者的区别。

深度刨析@angular/platform-browser-dynamic

2022-04-02T16:00:00.000Z

1. 前言

作为 angular 应用的入口模块，了解他的重要性是显而易见的！

2. angular 之 main.ts

main.ts 是这个样子的，下面我就去解开 platformBrowserDynamic 神秘面纱！

1
2
3

platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch((err) => console.error(err));

Angular platform是什么?

2022-04-02T16:00:00.000Z

1. Angular platform 是什么?

原文: Angular Platforms in depth. Part 1. What are Angular Platforms?

2. 前言

在这一系列文章中，我将向你们揭示 Angular 应用程序如何跨不同环境执行。此外，我们还将学习如何构建自定义 Angular Platforms 使用 ASCII 图形呈现系统终端内的应用程序。

Angular 框架被设计成平台独立的。即允许在不同的环境中执行 Angular 应用程序 — 浏览器、服务器、web-worker，甚至移动设备。

Angular如何配置多套环境

2022-04-02T16:00:00.000Z

1. 前言

在 Angular 应用程序中，默认情况下构建了两个环境文件 dev 和 prod。基于目标环境，您的应用程序可能具有不同的设置。您可以根据需要配置多个自定义环境。在这里，您将看到如何配置多个环境，如 staging、beta、QA、prod 等

创建Angular项目

2022-03-12T16:00:00.000Z

1. 说明

本项目使用的 angular, nodejs, npm, cnpm 版本如下

Angular CLI 安装和使用

2022-03-05T16:00:00.000Z

1. Angular 介绍

关于 Angular 版本，Angular 官方已经统一命名 Angular 1.x 同一为 Angular JS；Angular 2.x 及以上统称 Angular；

CLI 是 Command Line Interface 的简写，是一种命令行接口，实现自动化开发流程. 它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。

Angular2中的路由

2022-03-05T16:00:00.000Z

1. Angular2 中的路由

Angular2 中建立路由的 5 个步骤.

2. 安装@angular/router

首先第一件事，我们需要安装 Angular Router。你可以通过运行以下命令进行安装.

1	npm i --save @angular/router

以上命令执行后，将会自动下载 @angular/router 模块到 node_modules 文件夹中。

Windows上安装git2.x

2022-03-05T16:00:00.000Z

1. Windows上安装git2.x

转到Git download page并根据您的机器配置下载安装程序。
执行安装程序。如果要在任何备用位置上安装节点，请选择安装路径。我建议使用默认选项。
验证是否已使用此命令安装了节点。
1
2
$ git --version
git version 2.17.1.windows.2

安装ansible

2022-01-26T16:00:00.000Z

Ansible 是一种基于 Python 开发的开源配置和自动化工具，专为类 Unix 系统设计。它使用 SSH 协议与节点进行通信，无需在节点上安装任何客户端。

Linux下安装gradle

2022-01-09T16:00:00.000Z

1. 前言

Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具

下面就描述一下如何在linux环境下安装配置gradle环境.

在fedora35上安装virtualbox

2022-01-09T16:00:00.000Z

1. 安装 virtualBox

首先下载oracle_vbox.asc文件到本地：

wget -q https://www.virtualbox.org/download/oracle_vbox.asc

再执行import：

1	sudo rpm --import oracle_vbox.asc

在 fedora40 上安装 virtualbox

2022-01-09T16:00:00.000Z

Oracle VirtualBox 是一款功能强大的虚拟化工具，可让您在一台计算机上运行多个操作系统。如果您是 Fedora 用户，并且想要安装 VirtualBox，那么您来对地方了。本指南将指导您在 Fedora Linux 上安装 VirtualBox 的过程。

Fedora linux上安装 Visual Studio Code

2022-01-01T16:00:00.000Z

1. 介绍
2. 更新yum源
3. 安装vscode
4. 运行vscode
5. VS Code 更新
6. 相关阅读

1. 介绍

Visual Studio Code 简称 VS Code 是微软开发的一款跨平台的源代码编辑器。它具有内置的调试支持，嵌入式 Git 控件，语法突出显示，代码完成，代码重构和代码片段。