Geek_Blog

Geek 블로그(유지보수로 인해 중단됨)

Vue2 + Nuxt.js + Semantic UI로 구축되어 서버 측 렌더링을 지원하는 차세대 개인 블로그입니다.

링크

• 데모 사이트: blog.kamtao.com

• inis 인터페이스 문서: inis.cc

특징

• 서버 측 렌더링

• 모바일 단말기 지원

• 다크 모드, 매끄럽고 선명한 모드를 지원합니다.

• 각 페이지의 코드 분할

• 중요한 CSS만 로드(페이지 수준)

• 맞춤형 바닥 등

• 경로 원활한 전환 처리

설치하다

본 프로젝트는 inis를 기반으로 개발되었으며, 해당 API에는 inis 지원이 필요합니다.

inis 블로그 시스템이 배포되지 않은 경우 https://inis.cn/#/article/1로 이동하세요.

준비

• 파고다 패널 설치

• 서버에 연결할 수 있는 shh 도구

• 인내하는 마음(중요)

첫 번째 단계

먼저 pm2 관리 도구를 설치하고 Pagoda Software Store에서 다운로드하세요. (이미 설치한 경우 이 단계를 무시하세요)

2단계

사이트를 추가하고 도메인 이름을 직접 바인딩하세요

3단계

그런 다음 전체 nuxt 프로젝트를 도메인 이름에 바인딩된 디렉터리에 복사합니다(이 디렉터리 위치는 이전 단계의 디렉터리입니다).

그런 다음 프로젝트 파일 nuxt.config.js를 열고 그림과 같이 API 주소를 백엔드 인터페이스의 도메인 이름으로 변경합니다.

4단계

SSH 도구를 사용하여 서버에 연결한 다음 cd /www/xxx와 같은 웹 사이트 디렉터리를 입력하고 다음 명령을 실행합니다.

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

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

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

# 运行
$ pm2 start

# 测试一下
$ pm2 list

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

5단계

이때 문제가 없으면 성공할 것입니다. 그런 다음 역방향 프록시를 설정하고 방금 만든 웹 사이트를 찾은 다음 설정을 클릭하고 역방향 프록시를 찾으면 특정 설정이 그림과 같습니다.

특수: 현재 포트가 설정한 포트와 충돌하는 경우 포트를 수정할 수 있습니다(프로젝트 파일의 루트 디렉터리에 있는 ecosystem.config.js). 수정 후 PM2를 다시 시작해야 합니다. (포트 충돌이 없다면 무시해주세요)

 # 重启PM2
$ pm2 restart all

마지막 단계

• 이때 귀하의 URL을 방문하여 시도해 보세요. 당신은 기본적으로 여기서 성공했습니다.

여전히 접속할 수 없다면 포트에 문제가 있을 수 있습니다. Alibaba Cloud와 Tencent Cloud는 보안 그룹을 열어야 하고, Pagoda의 보안 그룹도 열어야 합니다.

즐겨라!

피드백

설치 및 사용 중 문제가 발생하는 경우 작성자에게 문제를 제출해 주세요. QQ 커뮤니케이션 그룹: 632274746

기여하다

파트너는 인터페이스, 기능, 개선, 버그 수정 등을 포함하되 이에 국한되지 않는 다양한 형태로 기여할 수 있습니다.