Geek_Blog

Geek Blog (suspenso para manutenção)

Uma nova geração de blog pessoal construído com Vue2 + Nuxt.js + UI semântica, com suporte para renderização no servidor.

Link

• Site de demonstração: blog.kamtao.com

• documento de interface inis: inis.cc

recurso

• Renderização do lado do servidor

• Terminal móvel de suporte

• Suporta modo escuro, modos elegantes e nítidos.

• Divisão de código para cada página

• Carregue apenas CSS crítico (nível de página)

• Fundo personalizado etc.

• Processamento de comutação suave de rota

Instalar

O projeto é desenvolvido com base no inis, e a API relevante requer suporte ao inis.

Se o sistema de blog inis não tiver sido implantado, acesse: https://inis.cn/#/article/1

Preparação

• Instale o painel pagode

• Uma ferramenta shh que pode se conectar ao seu servidor

• Um coração perseverante (importante)

primeiro passo

Primeiro, instale a ferramenta de gerenciamento pm2 e baixe-a na Pagoda Software Store. (Se já estiver instalado, ignore esta etapa)

Etapa 2

Adicione um site e vincule você mesmo o nome de domínio

Etapa 3

Em seguida, copie todo o projeto nuxt para o diretório vinculado ao nome de domínio (este local de diretório é o diretório da etapa anterior)

Em seguida, abra o arquivo de projeto nuxt.config.js e altere o endereço da API para o nome de domínio da sua interface de back-end, conforme mostrado na figura.

Etapa 4

Use a ferramenta ssh para se conectar ao seu servidor, insira o diretório do seu site, como cd /www/xxx, e execute o comando

 # cd到网站目录（是你的项目目录）
$ cd /www/xxx

# 安装依赖（请注意 要在你的站点目录下执行，请注意node版本是14）
$ npm install  或者 cnpm install

# 构建你的项目
$ npm run build 或者 nuxt build

# 运行
$ pm2 start

# 测试一下
$ pm2 list

# 如果看到以下的样子 说明成功了

Etapa 5

Se não houver problemas neste momento, tudo será bem sucedido. Então configuraremos o proxy reverso, encontraremos o site que acabamos de criar, clicaremos em Configurações, encontraremos o proxy reverso, as configurações específicas são mostradas na figura.

Especial: Se a sua porta atual entrar em conflito com a que você definiu, você pode modificar a porta (ecosystem.config.js no diretório raiz do arquivo do projeto). Observe que o PM2 deve ser reiniciado após a modificação. (Se não houver conflito de porta, ignore)

 # 重启PM2
$ pm2 restart all

última etapa

• Neste momento, visite e experimente seu URL. Você basicamente teve sucesso aqui.

Se você ainda não conseguir acessá-lo, pode haver um problema com a porta. Alibaba Cloud e Tencent Cloud deveriam abrir seus grupos de segurança, e o grupo de segurança do Pagoda também deveria abrir.

apreciá-lo!

opinião

Se você encontrar problemas durante a instalação e uso, envie um problema ao autor. Grupo de comunicação QQ: 632274746

contribuir

Os parceiros são bem-vindos para contribuir de diversas formas, incluindo, mas não se limitando a: interface, funções, melhorias, correções de bugs, etc.