arm下的bt面板nginx启动失败与lua相关问题
报错原因ARM架构下安装Nginx并增加对LuaJIT的支持宝塔面板的 nginx 编译脚本目前是直接忽略 ARM 对 LuaJIT 的支持,这导致了许多依赖 lua 语言的插件失效,比如 Nginx 防火墙、网站监控报表。
123456789101112131415161718192021222324cat>/www/server/panel/install/nginx_prepare.sh<<EOL#!/bin/bashPATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/binexport PATH wget -c -O LuaJIT-2.1.zip https://github.com/LuaJIT/LuaJIT/archive/refs/heads/v2.1.zip -T 10unzip LuaJIT-2.1.zipif [ -e LuaJIT-2.1 ]; then cd LuaJIT-2.1 make linux make install expor ...
antd按需引入样式
通过该方法按需引入antd样式,也可以解决antd与tailwindcss样式冲突的问题
解决方案使用vite-plugin-imp,对antd的样式文件进行按需引入,思路来自github issue
1234567891011121314// vite.config.ts// 需要安装less, antd的使用的lessexport default defineConfig({ plugins: [ vitePluginImp({ libList: [ { libName: "antd", style: (name) => `antd/lib/${name}/style/index.css`, }, ], }), ],});
antd与tailwindcss样式发生冲突
个人觉得更优的解决方案,不需要禁止tailwindcss的默认属性,仅供参考antd按需引入解决tailwindcss冲突
问题描述项目使用vite构建,模板为react-ts,安装antd与tailwindcss后,按照顺序引入css后发现antd的按钮背景变成透明了
1234567// index.css@import 'antd/dist/antd.css';@tailwind base;@tailwind components;@tailwind utilities;
原因通过查看css发现,造成这个问题的原因是:@tailwind base内的基础样式,覆盖掉了antd.css的部分样式
解决方案禁止tailwindcss的默认属性,添加corePlugins对象,并设置preflight为false
123456module.exports = { corePlugins: { preflight: false }}
参考:使用tailwindcss与antd冲突,Button按钮透明
在heroku上使用webhook上部署telegram bot
前言本文只是基础实现使用webhook消息处理方式开发telegram bot并且部署在heroku平台上
开发准备
开发语言: nodejs
bot-api框架: telegraf
部署平台: heroku
常见问题1.heroku的configVar与nodejs的.env处理使用heroku CLI设置configVar
1heroku config:set CONFIG_NAME=CONFIG_VALUE
比如把BOT_TOKEN 设置在config var内,但是当本地node项目测试时需要从.env文件中读取变量,可以通过已下命令把heroku的config var写入到.env文件
1heroku config -s >> .env
2.heroku web应用端口的问题heroku 启动 web 应用时会随机生成一个端口值记录在 process.env.PORT 内,所以在使用telegraf的api时,在webhook的配置项内有端口值需要根据dev/prod的环境来设置
123456789bot.launch({ web ...
使用docker部署aria2离线下载,自动上传rclone
参考自p3terx的博客
部署docker-aria21234567891011121314docker run -d \ --name aria2-pro \ --restart unless-stopped \ --log-opt max-size=1m \ --network host \ -e PUID=$UID \ -e PGID=$GID \ -e RPC_SECRET=<改成你自己的TOKEN> \ -e RPC_PORT=6800 \ -e LISTEN_PORT=6888 \ -v ~/aria2-config:/config \ -v ~/rclone-downloads:/downloads \ -e SPECIAL_MODE=rclone \ p3terx/aria2-pro
1.然后把rclone.conf复制到aria2-config目录下2.修改aria2-config目录下的script.conf的drive-name与drive-id
部署docker-ari ...
时至今日却仍未知道她的心(一)
9264b5f29762277b1904ce70f4ca8beadf16d986e3109f88f4a8bd09a7adb08774eee16be56167f18f856d1c3d3dee8255bae09e04f013017f3049c15ec39c3973cbe975d91cfcef772988678dd44b73328d4cdf2f151a2d3baafe9c35aa6aef01922d69fe5ade1ec6caf46cebad2660ec2d0ca71cdd79369ea7f13a5b238461de486870c15f3d69a5789f55c69be5db494d38d6c479d4bdbecdd88554a74da8db82fa57e32efb45adc744386dc40d073fa3d7fb55074d4b80f6a5fd87e9977b618aa40b64638624db22683cf1395a592c59edbf37cbd58763b9f0680e42acd006c79f185d9422d8190d26dbbeddad72d8cfd3d9b6020666d ...
React 使用render props共享代码(官方文档的说法)
介绍在react官方文档的高级指引中有一页Render Props的文档,作为一个react初学者对这个概念浅薄的理解有点像vue中常用的对组件使用props传入一个回调函数 ,则可以通过回调函数在组件外部拿到组件内部的数据的一个操作
例子Mouse.tsx文件如下File:Mouse.tsx123456789101112131415161718192021222324252627import { useState } from 'react';function Mouse(props) { const [position, setPosition] = useState({ x: 0, y: 0, }); const handleMouseMove = (e) => { setPosition({ x: e.clientX, y: e.clientY, }); }; const { render } ...
Hexo CloudFlare Pages Error
Hexo 部署在Cloudflare Pages时遇到报错信息: error occurred while updating repo submodules
问题描述由于用了Hexo Next主题,并没有使用npm install安装主题,而是使用如下安装方式,在cloudflare pages部署时遇到了问题
12$ cd hexo$ git clone https://github.com/theme-next/hexo-theme-next themes/next
解决方案:在项目根目录添加.gitmodules文件,写入Next主题git的相关信息
123[submodule "next"]path = themes/nexturl = [email protected]:theme-next/hexo-theme-next.git
方案来源:Pages build error: Failed: error occurred while updating repo submodules
我的一个朋友的故事 1
9264b5f29762277b1904ce70f4ca8beac6dcb94cc7636a389bf4987d81a092f8c94c2769b2a71f27f6a0556426e7503b0b18945054910f72ccd3b05a6005fee2c74a103f1ba79e0d25917471d7ea6e97ada51517b182630caf70e3f30e4a71228eb050c53556d1bee8d4d8c5302aaf90cb637cf58c7aa13cbb53a68e56d143e1e64a6ccb6f94473a1e09e26bac276185427fbc5e4f921120a3b95c08445e628f1ffae6f9c348378274b4b2a1c9488fc70e6ef5493468d757606c83b358dec5d0c7f6f1406fcc6877526722277a3fb825e2e5d9904d4ac608ef83d3bae0b8d734eb52799d1937f78eab8c8102697fe0fb4a7df6502dde86f68 ...