title: Server Build Image Bed + PicGo Configuration + Typora Summary
date: 2022-03-14 22:12:13
tags:
- servidor
- Categorias do PicGo
: - Cobertura de outras práticas
: https://cover.png
característica: false
1. Introdução
Eu usei o leito do mapa CSDN antes, antes de mais nada, também enviaria para o CSDN e, a propósito, também posso visitá-lo em meu próprio site, e também é conveniente. Mas recentemente o CSDN adicionou um link anti-roubo, e todos eles estão desligados, então eu quero construir uma cama de imagem sozinho
As camas de imagem gratuitas sempre não são confiáveis, por isso é melhor escolher uma paga. Alibaba Cloud OSS, Tencent Cloud COS e Qiniu Cloud são comumente usados no mercado. O armazenamento Alibaba Cloud OSS tem 5 GB de armazenamento gratuito e cota de tráfego todos os meses; O armazenamento Tencent Cloud COS tem 6 meses de cota de armazenamento gratuito de 50 GB; Qiniu Cloud tem uma cota gratuita permanente de uma determinada capacidade
No entanto, depois de usá-lo, sempre sinto que existem certas condições e restrições. Embora haja uma cota gratuita, a capacidade de armazenamento subsequente, o tráfego e o número de solicitações devem ser cobrados. No entanto, o Alibaba Cloud não parece ser contado, a menos que seja atinge um certo valor. Tencent Cloud não tem certeza, embora Como um blog pessoal, o preço não seja muito alto, mas eu já tenho um servidor, então quero configurar uma cama de imagem em meu próprio servidor, o que é conveniente para gerenciamento e transferência, e não há outras restrições
2. Base do mapa de construção do servidor
2.1 Instalar o Nginx
Primeiro você precisa instalar o Nginx para iniciar um serviço de site
Veja outro blog: A instalação do Nginx no resumo do uso de servidores de aplicações leves
2.2 Configuração de implantação
1. Primeiro crie uma pasta para armazenar fotos, aqui meu caminho é/usr/java/fan/images
2. Adicione img
um registro de resolução de nome de domínio de segundo nível de , principalmente para conveniência de gerenciamento e visualização img.域名
, e use-o como o endereço do leito do mapa no futuro. Se não houver nome de domínio, pule esta etapa e você poderá usar diretamente o IP do servidor no futuro
3. Solicite um certificado SSL para o nome de domínio de segundo nível
Deve-se observar aqui que o objetivo desta etapa é adicionar HTTPS ao serviço de leito de imagem . Portanto, se o seu nome de domínio principal for um certificado SSL de nome de domínio genérico pago, os nomes de domínio secundário sob ele serão todos protegidos por HTTPS e nenhuma operação adicional será necessária. Se for um certificado de nome de domínio único gratuito, você precisará solicitar o nome de domínio de segundo nível separadamente
Este passo é muito importante. Porque se você não adicionar HTTPS, ao visualizar imagens em sites que usam HTTPS (a maioria deles), elas não serão carregadas. Visualize a solicitação por meio de F12 e você descobrirá que o HTTPS é usado por padrão para solicitar imagens. Devido à política de segurança do navegador, o acesso a sites inseguros (não HTTPS) requer autorização manual para permitir o acesso
Se a imagem for acessada diretamente, o navegador terá um prompt de autorização, e você poderá optar por continuar acessando, mas não quando o site for acessado para carregar a imagem, portanto, o carregamento falhará. Embora possa ser carregado normalmente acessando diretamente a imagem primeiro e depois autorizando-a manualmente, a maioria dos usuários não pensará nesse motivo e também é muito problemático e hostil. Ao mesmo tempo, o acesso Typora local não possui essa operação de autorização e não pode ser carregado diretamente, portanto, HTTPS deve ser adicionado
4. Entre no diretório conf do Nginx e edite o arquivo de configuração do Nginxnginx.conf
5. Adicione a configuração do servidor, server_name é a resolução do nome de domínio de segundo nível adicionada acima, o caminho raiz aqui é o caminho do diretório raiz do site, ou seja, o caminho da pasta de imagens de armazenamento criada acima, aqui está um caminho relativo, começando no diretório de instalação do Nginx Diretório inicial, implemente o certificado SSL acima ao mesmo tempo
Para a operação de implantação, consulte outro blog: Lightweight Application Server Deployment SpringBoot Front-End Separation Project Configuration SSL Certificate Part
6. Em seguida, inicie o Nginx, mencionado no blog anterior sobre a instalação do Nginx, portanto não entrarei em detalhes aqui
7. Neste ponto, você pode enviar uma foto para fan/images
a pasta e 域名/图片名
acessá-la através de
3. PicGo
3.1 baixar
Endereço de download do GitHub: Releases Molunerfinn/PicGo (github.com)
Selecione o sistema e os dígitos correspondentes para fazer o download
3.2 Instalação
1. Clique duas vezes para abrir o arquivo exe e selecione o usuário de instalação
2. Selecione o caminho de instalação e personalize o caminho
3. Aguarde a conclusão da instalação
3.3 uso
1. Baixe o plug-inpicgo-plugin-sftp-uploader
2. Configuração de SFTP
- Nome da configuração do leito de imagem: definido livremente
- Logotipo do site: livre para definir
- Arquivo de configuração: Caminho para o arquivo de configuração do SFTP
3. Arquivo de configuração SFTP, crie o arquivo correspondente no caminho acima
Consulte as instruções de configuração oficiais para obter detalhes: imba97/picgo-plugin-sftp-uploader
{
// 网站标识
"Fan": {
// 图片网站的域名
"url": "http://img.xxx.xxx",
// 图片在网址中的路径,即网站根目录下的路径,这里我的网站根目录就是 fan/images
"path": "/{year}/{month}/{fullName}",
// 图片在服务器的真实路径
"uploadPath": "/usr/java/fan/images/{year}/{month}/{fullName}",
// 一般是服务器 IP
"host": "124.xxx.xxx.90",
// 端口
"port": 22,
// SSH 用户登录用户
"username": "username",
// SSH 用户登录密码
"password": "password"
}
}
4. Faça upload de arquivos, selecione upload de SFTP
5. Você pode ver o arquivo carregado no servidor e a pasta é o caminho configurado pelo arquivo de configuração
6. Ao mesmo tempo, o navegador também pode acessar
4. Tipografia
Encontre a opção de imagem nas configurações do Typora, escolha fazer upload de fotos ao inserir fotos, selecione PicGo como o serviço de upload e selecione o arquivo PicGo.exe instalado localmente ao mesmo tempo
Desta forma, quando o Typora insere uma imagem, ela pode ser automaticamente carregada no servidor
5. Vantagens adicionais
Outro problema ao usar o armazenamento OSS antes é que ele não pode ser transferido diretamente para o CSDN. Ao copiar o conteúdo, o link da imagem OSS correspondente avisará que a transferência do link externo falhou
Se você quiser exibi-lo, pode usar apenas <img>
o formato para se referir à imagem, o que é muito inconveniente. Não há esse problema ao usar a cama de imagem do servidor, ela pode ser transferida diretamente para o CSDN