Featured image of post Como usar Hugo para construir um blog pessoal

Como usar Hugo para construir um blog pessoal

Este artigo apresenta como usar Hugo para criar blogs e precauções pessoais

Aviso: Este artigo é traduzido por máquina, o que pode levar a má qualidade ou informações incorretas, leia com atenção!

Prefácio

Nos últimos dias, acabei de ingressar no estágio. Um é ajustar o cronograma, o outro é se adaptar ao trabalho, e o terceiro é que existem alguns cursos relacionados ao conteúdo que precisam ser aprendidos e manuseados. Não é permitido Fique ocioso. O cronograma de trabalho de hoje está finalmente ajustado., Ocupado para escrever blogs.

A razão para escrever este tópico também é muito simples. Acabei de construir o blog há dois dias. Vou compartilhar algumas experiências e pisar no poço. Da mesma forma, muitas pessoas já escreveram tópicos semelhantes e vou postar diretamente o link e postarei o link. Saia em vez de repetir mecanicamente. Organizarei o conhecimento que uso para compartilhar.

  1. A estrutura Fasest do mundo para a construção de sites | Hugo (gohugo.io)
  2. Solução de Sistema de Blogs pessoais gratuitos e solução de implantação (Hugo + Github paga + Cusdis) · Pseudoyu
  3. Hugo + Github Action, construa seu blog Sistema de liberação automática · Pseudoyu
  4. Solução de revisão de blog gratuita de código aberto leve (CUSDIS + Railway) · Pseudoyu
  5. Estabelecer um sistema de estatística de dados de blog pessoal gratuito (Umami + vercel + Heroku) · Pseudoyu
  6. Processo de estabelecimento do site pessoal (1): Compre nome de domínio pessoal e configure Análise de Nome de Domínio Dinâmico (Jinli.cyou)
  7. O estabelecimento de um site pessoal (2): use a estrutura Hugo para construir um site pessoal (Jinli.cyou)
  8. O processo de estabelecimento de um site pessoal (3): o uso e otimização da pilha de temas Hugo (Jinli.cyou)
  9. Processo de estabelecimento do site pessoal (4): Otimização do mecanismo de pesquisa do site (SEO) (Jinli.cyou)

O que é Hugo?

Gerador de página estática

De fato, se você deseja construir um blog pessoal, basta olhar para o link acima. Mas eu ainda apresento brevemente as etapas necessárias aqui. Hugo é um gerador de página estática. Ele pode gerar lindamente uma bela página estática. O A vantagem das páginas estáticas é que a implantação é relativamente conveniente, a velocidade de resposta é rápida e as desvantagens são óbvias. Você não pode editar a página em tempo real. Você deve editar a página generária local -implantada no servidor (é claro) , e é difícil ser difícil integrar as funções de algumas páginas dinâmicas da frente e de trás tradicionais; mas mesmo assim, páginas estáticas, ou Hugo é suficiente para os indivíduos.

Instalação e uso de Hugo

Esta parte é muito simples, faça -o diretamente no site oficialInício rápido | Hugo (gohugo.io)O site oficial deu as etapas principais para baixar Hugo, definir temas, publicações, etc. É um tutorial muito simples.

Pit 1: Se você o usar na plataforma Windowswinget install Hugo.Hugo.ExtendedSe o download hugo não puder ser aberto/usado normalmente, você precisará ir ao diretório de instalação de Hugo para copiar Hugo.exe na pasta do seu blog e executar instruções relacionadas a Hugo na forma de um caminho relativo, como./hugo.exe server -D, Isso pode ser executado normalmente

Seleção e instalação de temas Hugo

Você pode chegarLista completa | Hugo Themes (gohugo.io)Navegue pelo seu tema favorito. Quando você deseja usar um tema, clique em Demo da página Detalhes para visualizar o exemplo on -line (alguns temas não têm demonstração). Github Warehouse, que é detalhado sobre esse tema); então você pode usar istogit clone links position ougit submodule add links positonO tema é clonado no diretório do seu blog; a pasta do tema geral tem uma subpasta exemplos, você pode usar esta pasta para implantação rápida (preste atenção para preservar seu arquivo de configuração anterior). Se você acha que seu tema é executado se for diferente do exemplo do exemplo Do site oficial do tema, provavelmente é o seu problema. No momento, você deve verificar o nome do diretório, o nome do arquivo, as informações da cabeça do arquivo etc. no momento.

Tema da pilha de Hugo

usarGithub ActionPublique automaticamente o blog

Antes de falar sobre lançamento automático, é claro, vamos falar sobre como implantar o site.

Implante um site no servidor

Primeiro usohugo --minifyGerar arquivos estáticos da web (o diretório gerado é público), que irápublicCopie o conteúdo no diretório para o seu servidor (preste atenção às permissões de arquivo); depois configure a seguinte configuraçãonginxAgente (aqui está configuradohttpsSe não houver certificado, você pode configurá -lohttp.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
server {
        listen 443;
        server_name aprilme.love;
        # 证书
        ssl_certificate "/yourPath/aprilme.love.pem";
        # 私钥
        ssl_certificate_key "/yourPath/aprilme.love.key";
        location / {
        	# 此处是你刚刚复制到的目录
                root /yourpath/blog;
                   }
        }

Dessa forma, você pode digitar seu nome de domínio no navegador para visitar seu blog.

Você também pode encaminhar o fluxo da porta 80 para a porta 443 através da seguinte configuração (ou seja, para colocarhttpFluir para encaminhar parahttps), Prestar atençãoaprilme.loveSubstitua -o por seu próprio nome de domínio.

1
2
3
4
5
server {
        listen 80;
        server_name aprilme.love;
        rewrite ^(.*)$ https://${server_name}$1;
                }

Se você não tiver um certificado, pode obter um certificado de assinatura (mas o navegador indicará que não é seguro porque é assinado por sua, não pela assinatura de uma agência autoritária); você também pode comprar um certificado, mas O provedor atual de servidores em nuvem enviará alguns grátis para alguns grátis para enviar alguns para certificado gratuito, basta solicitar download diretamente. Por exemplo, o servidor da Alibaba Cloud pode se referir2022 Alibaba Cloud Free SSL Certificado Aplicativo (explicação detalhada do gráfico) -Eriyun Developer Community (Aliyun.com)Então então

ConfiguraçãoGithub Action

Você descobriu que o processo de implantação acima não é difícil, mas sempre que o conteúdo do blog é atualizado, você precisa copiar o arquivo para copiá -lo, o que é muito difícil depois disso, ele será lançado automaticamente e não precisamos publicá -lo manualmente? Claro que existem, isto é, use -oGithub ActionEntão então

Github ActionO que é

GitHub ActionsÉ uma ferramenta automatizada de fluxo de trabalho fornecida pela plataforma Github para executar automaticamente várias operações no armazém de código. Pode ajudar os desenvolvedores a automatizar a tarefa de desenvolvimento de software comum, configurando e definindo uma série de eventos desencadeados por um evento no armazém. Por exemplo, Construindo, testando, implantação e notificações.

GitHub ActionsPermite que os desenvolvedores definam o fluxo de trabalho escrevendo alguns arquivos YAML simples. Esses fluxos de trabalho podem ser acionados automaticamente quando eventos específicos (como push de código, criação de solicitação de fusão, liberação de etiquetas, etc.). Ações), cada etapa pode executar algumas operações específicas, como executar comandos, criação de código, testes em execução, empurrando para outros armazéns de código, envio de notificações, etc.

GitHub ActionsUma rica integração e ecossistema podem ser fornecidos, que podem integrar -se a muitas outras ferramentas e serviços de desenvolvimento, como Docker, AWS, Azure, Google Cloud, Slack, Jira, etc., para obter fluxos de trabalho de automação mais complexos.

GitHub ActionsEle pode ajudar os desenvolvedores a melhorar a eficiência do desenvolvimento, tarefas repetitivas automatizadas, garantir a qualidade do código e promover o trabalho em equipe. É uma característica poderosa da plataforma Github, que é amplamente utilizada em projetos de código aberto e projetos comerciais.

Github ActionArquivo de configuração

Crie no seu diretório de projeto.github/workflowsPasta, criada sob a pastamy_blog_deploy.yamlArquivos, o conteúdo do arquivo é o seguinte

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
name: Deploy Hugo Project to Aliyun ECS

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
    - name: Checkout code
      uses: actions/checkout@v2

    - name: Setup Hugo
      uses: peaceiris/actions-hugo@v2
      with:
        hugo-version: 'latest'

    - name: Build Hugo Site
      run: hugo --minify

    - name: Deploy Site to Aliyun ECS
      uses: easingthemes/ssh-deploy@v2
      env:
        SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
        REMOTE_HOST: ${{ secrets.REMOTE_HOST }}
        REMOTE_USER: ${{ secrets.REMOTE_USER }}
        TARGET: /yourpath/blog
      with:
        source: public/

A seguir, a explicação do arquivo de configuração:

  1. name: Especifique o nome do fluxo de trabalho, aqui é nomeado"Deploy Hugo Project to Aliyun ECS"Então então
  2. on: Especificar eventos que acionam o fluxo de trabalho, aqui está a configuração para pressionar"main" Acionar o fluxo de trabalho durante a ramificação.
  3. jobs: Defina um ou mais empregos. Aqui"deploy" trabalhar.
  4. runs-on: Especifique o ambiente do sistema operacional Operação de trabalho. A configuração aqui é configurada como"ubuntu-latest"Significa correr no mais recente ambiente do Ubuntu.
  5. steps: Uma série de etapas para definir o trabalho.
  • name: Especifique o nome de cada etapa para identificar o papel da etapa.
  • uses: Especifique o uso da ação, use aqui várias ações diferentes para executar tarefas diferentes, como uso"actions/checkout@v2" Ação detecta código, use"peaceiris/actions-hugo@v2" Ação Instalação e configuração Hugo, use"easingthemes/ssh-deploy@v2" A ação implantou o site da Alibaba Cloud ECS.
  • with: A ação usada para passar o parâmetro para o uso, use parâmetros diferentes para configurar a versão Hugo, definir o host do destino de implantação, usuário e caminho.
  • run: Executar comandos no ambiente de trabalho atual, use -os aqui"hugo –minify" Comandos para criar um site Hugo e compactar a saída.
  • env: Configurar variáveis ​​ambientais. Aqui está uma variável ambiental para chaves privadas e hosts remotos, usuários e caminhos de destino para a conexão SSH. Esses valores são obtidos a partir de segredos do GitHub.

O objetivo deste arquivo de configuração é pressionar cada vez"main" Durante a filial, construa automaticamente o site Hugo e implante os arquivos do site gerado no diretório designado especificado nos ECs da Alibaba Cloud. Isso pode obter integração contínua e implantação automática, melhorar a eficiência do desenvolvimento e garantir que a versão mais recente do site esteja disponível em Alibaba Cloud ECS.

Acima${{ secrets.REMOTE_HOST }}É uma variável de ambiente criptografado no armazém Github, usado para armazenar informações confidenciais, como a chave da API, a chave privada, a senha etc.

  1. Abra o armazém Github e clique no canto superior direito da página do armazém"Settings"Então então
  2. Armazém"Settings" Na página, selecione o menu esquerdo no menu esquerdo"Secrets"Então então
  3. Clicado"New repository secret" O botão cria novos segredos.
  4. Digite o nome e o valor dos segredos e clique em"Add secret" O botão é salvo.
  5. No arquivo de configuração de fluxo de trabalho das ações do github, você pode usá -lo${{ secrets.SECRET_NAME }} A gramática é citada no valor dos segredos

No arquivo de configuração anterior, você pode passar${{ secrets.SSH_PRIVATE_KEY }}Assim como${{ secrets.REMOTE_HOST }}Assim como${{ secrets.REMOTE_USER }} Para obter o valor dos segredos correspondentes, para que essas informações confidenciais possam ser passadas para as ações do Github correspondentes para executar operações como a implantação.

Após a configuração acima, sempre que você colocar o código empurrar para o armazém, seráGithub ActionExecutar o conteúdo no arquivo de configuração fornecido e depois passarSSHConectando -se ao seu servidor, ele custa cerca de 30 anos; isso simplificará bastante a operação manual e reduzirá a complexidade.Github ActionEu posso fazer muitas outras coisas, e as funções são muito poderosas!

Sistema de revisão integrado

A importância do sistema de comentários de um blog não é tão importante quanto seu conteúdo. É claro, escolhendo um sistema de comentários que você gosta. Aqui estão alguns sistemas de comentários comuns

O que eu escolho atualmente é Cusdis, o motivo é

  1. Open Source and Auto -Hosting: CUSDIS é um sistema de revisão de código aberto. Você pode hospedar em seu próprio servidor e ter controle de dados completo, não dependendo dos serviços de terceira parte. Isso significa que você pode proteger a privacidade dos usuários e ter autonomia autônoma a Capacidade de gerenciar e modificar o sistema de revisão.
  2. Luz: o SDK do CUSDIS é de apenas 5kb (após a compactação GZIP). Comparado com outros sistemas de comentários, como o Disqus (compressão GZIP de 24kb), é muito leve e não trará muita carga para a velocidade de carregamento do site que ajuda a melhorar o desempenho do site.
  3. Não exija que os comentaristas efetuem login: CUSDIS não exige que os comentaristas efetuem login. Os revisores podem comentários anônimos e não usam cookies. Isso ajuda a reduzir os limiares de login e registro do usuário e aumentar a participação do usuário.
  4. Fácil de usar: o CUSDIS fornece uma ferramenta de comentários incorporada simples que pode ser facilmente incorporada em qualquer página do site, fácil de usar.
  5. Notificação por email: O CUSDIS suporta funções de notificação de email, permitindo que os administradores de sites recebam novas notificações de comentários no tempo, facilitem os comentários de gerenciamento e recuperação.

Em relação ao site oficial da implantação de CUSDIS e de muitos blogs, escrevi com muita clareza. Falei principalmente sobre os problemas cruzados de Cusdis aqui.

Resolva o problema cruzado de cusdis

Quando a página faz referência ao código de incorporação de cusdis, é fácil ocorrerDomínio cruzadoO problema não pode carregar o script JS ou comentar os dados.

1
2
3
4
5
6
7
8
<div id="cusdis_thread"
  data-host="https://yourhost"
  data-app-id="yourid"
  data-page-id="{{ PAGE_ID }}"
  data-page-url="{{ PAGE_URL }}"
  data-page-title="{{ PAGE_TITLE }}"
></div>
<script async defer src="https://yourhost/js/cusdis.es.js"></script>

Neste momento, você precisa adicionar uma resposta à nginx

add_header 'Access-Control-Allow-Origin' 'yourhost';

Isso resolve o problema que não pode ser carregado, mas há um problema ao carregar os dados do comentário: o cabeçalho da resposta dos dados do comentário é adicionado a dois a dois'Access-Control-Allow-Origin' 'yourhost'Como resultado, o carregamento de dados falhou.

O motivo é que ele será usado antes de carregar os dados de revisãoOptionsPara solicitação HTTP, o agente nginx na solicitação posterior adicionou outra camada à solicitação GET'Access-Control-Allow-Origin' 'yourhost'No final, há um problema de permissão repetida de domínio cruzado. Escreva a configuração do Nginx na forma a seguir para resolver perfeitamente o problema cruzado -domínio. Observe que, para considerações de segurança, se o seu site usar https, então cusdis também deve usar Https.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
server {
        listen 443;
        ssl_certificate "your cert.pem";
        ssl_certificate_key "your cert.key";
        server_name yourhost;
        location / {
        proxy_pass http://127.0.0.1:3000;
        if ($uri !~* .*comments.*) {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,x-timezone-offset';}
        }}

SEO, otimização do mecanismo de pesquisa

Muitos artigos introduziram como otimizar as etapas de otimização de mecanismos de pesquisa no Google, Bing e Baidu. Não vou falar sobre essa parte. Deixe -me falar sobre o conhecimento relevante da otimização do mecanismo de pesquisa.

Qual é o índice do mecanismo de pesquisa

O índice do mecanismo de pesquisa refere -se aos registros da Internet e do conteúdo preservados pelo mecanismo de pesquisa em seu banco de dados. O mecanismo de pesquisa está na Internet na Internet, capturando (ou chamado de rastejamento, aranhas e captura) e lojas na Internet e armazena -o na Internet. Em seu próprio banco de dados, para que os usuários possam encontrar rapidamente páginas da web relacionadas ao pesquisar.

O índice do mecanismo de pesquisa geralmente contém uma grande quantidade de informações da Web, incluindo URL, título, texto, links, fotos, vídeos etc. Armazene e gerencie informações da Web.

Quando o usuário insere palavras -chave no mecanismo de pesquisa de pesquisa, o mecanismo de pesquisa corresponde às palavras -chave do seu próprio banco de dados de índice e retornará os resultados relacionados à página da web relacionada. O sexo tem um impacto importante, portanto, as empresas de mecanismos de pesquisa melhorarão continuamente seus algoritmos e Tecnologias para fornecer uma melhor experiência de pesquisa.

Deve -se notar que nem todas as páginas da web são realmente por mecanismos de pesquisa. Os mecanismos de pesquisa podem indexar seletivamente páginas da Web com base em suas estratégias de captura e índice, e classificar e exibir de acordo com fatores como qualidade, autoridade e frequência de atualização da página da web . Portanto, o administrador do site pode melhorar a oportunidade de ser indexado e classificado pelo índice de mecanismos de pesquisa e classificação por meio de uma série de medidas de otimização de mecanismos de pesquisa (SEO).

O que é SEO

SEO (otimização de mecanismo de pesquisa) é a otimização de mecanismos de pesquisa. É um método para otimizar o conteúdo, a estrutura e a tecnologia do site para aprimorar a classificação do site em mecanismos de pesquisa, aumentando assim a visibilidade e o tráfego do site na página de resultados de pesquisa . A otimização de SEO visa permitir que o site obtenha classificações de pesquisa orgânicas (não pagas) mais altas nos mecanismos de pesquisa, para obter um tráfego mais direcionado.

A otimização de SEO geralmente inclui os seguintes aspectos:

  1. Pesquisa de palavras -chave: estudando as palavras -chave usadas pelos usuários nos mecanismos de pesquisa, selecione as palavras -chave apropriadas e aplique -as ao conteúdo do site, para que o site obtenha uma classificação mais alta na pesquisa com palavras -chave.
  2. Otimização do conteúdo do site: otimize o conteúdo do site, incluindo título, descrição, texto etc., tornando -o mais qualidade, valioso, relacionado e atende às especificações e requisitos dos mecanismos de pesquisa.
  3. Otimização da estrutura do site: otimize a estrutura e o layout do site para torná -lo mais amigável, fácil de navegar e entender e garantir que os mecanismos de pesquisa possam entender e efetivamente o conteúdo do site.
  4. Otimização da tecnologia do site: a tecnologia otimizada do site, incluindo a velocidade de carregamento do site, design responsivo, estrutura de URL, etiqueta de página etc., para melhorar a experiência do usuário do site e o efeito rastreador dos mecanismos de pesquisa.
  5. Construção de links externos: Através da construção de links externos, aumente o peso do link e a popularidade do site, aumentando assim a autoridade e a credibilidade do site no mecanismo de pesquisa.
  6. Otimização de mídia social: otimizando as plataformas de mídia social, incluindo compartilhar conteúdo do site, interação e participação em comunidades de mídia social etc., aumente a exposição e a popularidade do site.
  7. Monitoramento e análise: Monitoramento e análise regulares do efeito SEO do site, compreendam o ranking e o tráfego do site no mecanismo de pesquisa e ajuste e otimize de acordo com os dados.

O objetivo da otimização de SEO é melhorar a classificação do site no mecanismo de pesquisa para facilitar a localização quando os usuários pesquisam palavras -chave relacionadas, aumentando assim o fluxo orgânico do site e aumentando a visibilidade da marca e a taxa de conversão de negócios. SEO é um trabalho longo e complexo que precisa ser continuamente otimizado e contínuo. motor.

O que é sitemap.xml

sitemap.xml É um arquivo XML para o site, que contém as informações estruturadas do site para notificar a página e o conteúdo da página e o conteúdo do site do mecanismo de pesquisa. É uma tecnologia para otimização de mecanismos de pesquisa (SEO) para ajudar os mecanismos de pesquisa melhor compreensão e indexando o conteúdo do site.

sitemap.xml O arquivo geralmente contém o endereço da URL de todas as páginas do site, bem como informações como a importância dessas páginas, a frequência da atualização e o tempo final de atualização. O mecanismo de pesquisa pode ser lido lendo lendositemap.xml Arquivos para entender a estrutura e o conteúdo do site, de modo a entender e indexar de forma inteligente na página do site.

sitemap.xml Para otimização do Site do Site, existem várias funções:

  1. Melhorar o efeito do índice do site: enviandositemap.xml O arquivo é fornecido ao mecanismo de pesquisa para ajudar o mecanismo de pesquisa a entender o conteúdo do site mais abrangente, para melhorar e exibir a página do site.
  2. Acelere a velocidade de indexação da nova página: quando o site lançar uma nova página, adicionando o URL da nova página asitemap.xml No arquivo e enviando para o mecanismo de pesquisa, você pode acelerar a velocidade da nova página pelo índice do mecanismo de pesquisa.
  3. Controle a frequência dos mecanismos de pesquisa: passandositemap.xml Defina a frequência de atualização da página e o tempo final de atualização no arquivo, o que pode solicitar a atualização da página Prompt de mecanismo de pesquisa para ajudar os mecanismos de pesquisa a entender de maneira inteligente a página do site com mais inteligência.
  4. Melhore a experiência do usuário do site: através do usositemap.xml Os arquivos podem ajudar os mecanismos de pesquisa a entender melhor a estrutura e o conteúdo do site, aprimorando os usuários para encontrar e acessar a experiência da página do site nos mecanismos de pesquisa.

Usando uma ferramenta de análise de fluxo auto -construída Umami

O Google Analytics usado anteriormente é carregado lentamente na China e é fácil causar perda de dados. Ele usará dados do usuário para gerar retratos de usuário do Google. Então, eu escolhi escolherUmamiComo substituto, implantação na área local, é mais rápida, leve e segura.

UMAMI INTRODUÇÃO

Umami É uma ferramenta de análise de estatísticas de tráfego de acesso de código aberto simples e fácil de uso. são muito baixos. A análise dos dados é rica em conteúdo, a fonte básica do país, o nome de domínio da origem, o navegador, o sistema, o equipamento usado e as páginas da web acessam as entrevistas. Também suporta multi -linguagem, que Pode ser usado para substituir o Google Analytics, Cloudflare Web Analytics, CNZZ e 51la e outras ferramentas estatísticas, e também pode ser construído por você para evitar ser removido pelo bloco para tornar os dados estatísticos mais precisos (Mais tarde, verificou -se que alguns dos plugues de publicidade -serão interceptados …)).[Citação de UMAMI Auto -construído Site Ferramenta de análise de estatísticas de tráfego -ATPX]

Como implantar umami

porqueDocumentação oficial de UmamiEstá quebrado, então por favor, vá para issoArmazém de código abertoVerifique o documento de implantação e a operação ainda é muito rápida. Aqui vou falar sobre os problemas fáceis de encontrar.

Primeiro quando o armazém do Github clonadogit clone https://github.com/umami-software/umami.gitÉ fácil ter um problema de rede. Nesse momento, você pode fazer o download do armazém primeiro e depois descompactá -lo para o diretório designado do servidor. Você também pode copiar o armazém do Github para o Gitee e clonar seu armazém de gitee.Armazém síncronoEntão você pode alterar diretamente o link para o armazém giteeendereço, Economize muitos problemas. O comando neste momento é

1
git clone https://gitee.com/873098424/umami.git

Em seguida, continue a seguir o tutorial.yarn buildAntes, use seu banco de dados agoraCREATE DATABASE IF NOT EXISTS umami; Crie um banco de dados Umami e altere o nome da biblioteca do arquivo de configuração para umami (o mesmo que o banco de dados que você criou). Então, entãoNão use a instrução SQL fornecida para criar uma tabela, porque a tabela criará automaticamente após o inícioEntão então

Depois disso, execute a construção e execute o início (se a falha inicial for causada pela ocupação do porto, você poderá usá -loyarn start --port=3001Venha modificar a porta). Mesmo que o serviço inicie. Em relação a como configurar o nginx, fazer login, modificar a senha etc., você pode consultar este blogUse UMAMI Auto -construído Site Ferramenta de análise de estatísticas de tráfego -ATPXEntão então

Neste ponto, umami deve poder usá -lo normalmente, se o console solicitar o erroFailed to load resource: net::ERR_BLOCKED_BY_CLIENTEm seguida, ele deve ser interceptado por interceptores de publicidade, como o Adblock. Você pode desativar seu interceptador de publicidade para resolvê -lo, mas não há uma boa maneira de evitar a interceptação do interceptor de publicidade, para que os dados possam não ser tão precisos.

Resumir

Depois de ler o conteúdo acima, acredito que você está familiarizado com o processo básico de construção de seu próprio blog;Entender é importante e a prática é tão importanteNo meio do processo de construção de um blog pessoal, devido ao ambiente diferente, ao tema da seleção e à experiência pessoal, os problemas encontrados devem ser diferentes. O mais importante nesse processo épaciência, Disposto a gastar tempo para tentar resolver os problemas encontrados, crescer no aprendizado e aprender em crescimento. Assim como a capa deste artigo, os lírios da água de Monet simbolizam tranquilidade e paciência. Eu também gostaria que todos querem construir todos que desejam construir Os alunos que desejam alcançar seus objetivos, embora seja impossível ser suave, desde que tenham paciência e capacidade suficientes para descobrir e resolver o problema, desde que tenham paciência e habilidade suficientes. Ajude o mundo exterior,Se você precisar obtê -lo, terá algo.

All Rights Reserved
Última atualização em Oct 12, 2023 11:23 UTC
Tema Stack desenvolvido por Jimmy & Built with Hugo