nginx配置
服务器 nginx 配置一般目录地址:/etc/nginx
nginx.conf 配置示例# For more information on configuration, see:# * Official English Documentation: http://nginx.org/en/docs/# * Official Russian Documentation: http://nginx.org/ru/docs/user www-data;worker_processes auto;worker_rlimit_nofile 65535;error_log /var/log/nginx/error.log;pid /run/nginx.pid;# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.# include /usr/share/nginx/modules/*.conf;events { worker_connections 1024;}http { ...
ubuntu 部署jenkins
服务器部署 jenkinsjenkinsci/blueocean 安装docker pull jenkinsci/blueocean
doker 部署 jenkinsdocker run -d -u root --name jenkins -p 8080:8080 -p 50000:50000 -v /data/jenkins_home:/var/jenkins_home jenkinsci/blueocean:ltsdocker run -d -u root --name jenkins -p 8080:8080 -p 50000:50000 -v /workspace/data/jenkins:/var/jenkins_home -v /var/run/docker.sock:/var/run/docker.sock -v /etc/timezone:/etc/timezone -v /etc/localtime:/etc/localtime jenkinsci/blueocean:1.25.1
查看 Jenkins 启动情况# 查看启动项docker ps# 查看全部docke ...
element-plus修改主题色
先安装 vite 构建工具# 先安装 vite 构建工具npm install -g create-vite-app
创建项目:# 下面两个命令都可以create-vite-app vue3-democva vue3-demo
按照官网修改主题色官网我选择的是通过 scss 修改主题色例子参照:element-plus-vite-starter
创建 index.scss 文件# ./styles/element/index.scss$--colors: ( "primary": ( "base": #ee4444, ), "success": ( "base": #21ba45, ), "warning": ( "base": #f2711c, ), "danger": ( "base": #db2828, ), "error": ( "base ...
vue3 使用 百度地图
Vue3 使用 百度地图的报错的问题vue3 项目中使用百度地图总是报错 BMap is not defined.
public/index.html 中加入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的ak"></script>
.eslintrc.js 中加入module.exports = { ..., globals: { BMap: true }}
vue.config.js 中加入module.exports = { ..., configureWebpack: { externals: { "BMap": "BMap" } }}
重新运行项目在组件中添加 import BMap from ‘ ...
swiper在loop模式下获取当前下标
前言
项目需要根据轮播来改变对应背景和文字,所以需要获取当前轮播的下标。轮播是 水平卡片式轮播,教程在前文 vue 水平卡片式轮播
loop 下 swiper6 获取当前轮播下标
获取下标方式: this.activeIndex % length// 当前下标除以数组长度取余
代码示例:new Swiper(".swiper3", { direction: "horizontal", //滑动方向,可设置水平(horizontal)或垂直(vertical)。 loop: true, // 设置为true 则开启loop模式 slidesPerView: "auto", // 设置slider容器能够同时显示的slides数量(carousel模式)。类型:number or auto centeredSlides: true, // 设定为true时,active slide会居中,而不是默认状态下的居左。 spaceBetween: 20, // 在slide之间设置距离(单位px)。 autop ...
vue相关问题合集
vue2 和 vue3 router 更改 hash 模式前言项目部署到线上之后,发现刷新页面之后会 404,所以我们需要将 router 的模式从 history 换成 hash
项目采用了 vue3+ts 框架
vue2historyconst router = new VueRouter({ mode: 'history', routes: [...]})
hashconst router = new VueRouter({ mode: 'hash', //或者把这句话注释,默认就是hash routes: [...]})
vue3history// 引入 createWebHistoryimport { createRouter, createWebHistory } from "vue-router";const router = createRouter({ history: createWebHistory(process. ...
Hexo 叨叨点啥图床改为SM.MS
简介
按照叨叨点啥教程设置使用 7bu 图床,我上传图片的时候很多图片上传不成功所以我就自己修改图床
本文中使用 SM.MS 图床
叨叨点啥教程地址叨叨点啥教程
教程先注册 SM.MS 账号修改 ios 图床地址
把 7bu 图床的地址换成 SM.MS 的上传地址
修改请求头和参数
请求头添加 Authorization 后面文本粘贴你的 SM.MS token 值
请求体改为 smfile改如下图圈起来的地方
修改匹配正则表达式
原匹配参数 (?<=”url”:”).*(?=”/},)
改为 (?<=”url”:”).+?(?=”,”)如下图所示
修改完成 可以上传图片了
vue水平卡片式轮播
vue 水平卡片式轮播基于 vue3 + ts 开发的
项目需要完成如上图的轮播,这是水平卡片式轮播。我的项目是基于 vue3+ts 开发的,我使用 swiper 来完成该轮播开发。具体代码如下文
首先安装 swipernpm install swiper --save// oryarn add swiper
html 代码<template> <div> <div class="examples"> <div class="bannerBox"> <div class="swiper-container swiper3"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) ...