Hugo를 사용하여 개인 블로그를 구축하는 방법

경고: 이 기사는 기계 번역으로 생성되어 품질이 좋지 않거나 잘못된 정보로 이어질 수 있으므로 주의 깊게 읽으십시오!

머리말

최근에는 인턴쉽에 가입했습니다. 하나는 일정을 조정하는 것입니다. 다른 하나는 작업에 적응하는 것입니다. 세 번째는 배우고 처리 해야하는 몇 가지 과정 관련 콘텐츠가 있다는 것입니다. 허용되지 않습니다. 유휴 상태입니다. 오늘의 작업 일정이 마침내 조정되었습니다. 블로그를 작성하기 위해 바쁘다.

이 주제를 작성하는 이유는 매우 간단합니다. 이틀 전에 블로그를 만들었습니다. 나는 몇 가지 경험을 공유하고 구덩이에 대한 단계를 밟을 것입니다. 마찬가지로, 많은 사람들이 이미 비슷한 주제를 작성했으며 링크를 직접 게시하고 게시 할 것입니다. 링크. 기계적으로 반복하는 대신 나오십시오. 공유하는 데 사용하는 지식을 구성 할 것입니다.

참조 링크

휴고는 무엇입니까?

정적 페이지 생성기

실제로, 개인 블로그를 만들고 싶다면 위의 링크를 보는 것으로 충분합니다. 그러나 여기서 여전히 필요한 단계를 간단히 소개합니다. Hugo는 정적 페이지 생성기입니다. 아름다운 정적 페이지를 아름답게 생성 할 수 있습니다. 정적 페이지의 장점은 배포가 비교적 편리하고 응답 속도가 빠르며 단점이 명백하다는 것입니다. 실시간으로 페이지를 편집 할 수 없습니다. 로컬 -Generate 페이지를 서버에 배포해야합니다 (물론). 그리고 일부 전통적인 전면 및 후면 다이나믹 페이지의 기능을 통합하기가 어렵습니다. 그러나 그럼에도 불구하고 정적 페이지 또는 Hugo는 개인에게 충분합니다.

Hugo의 설치 및 사용

이 부분은 매우 간단합니다. 공식 웹 사이트에서 직접하십시오.빠른 시작 | hugo (gohugo.io)공식 웹 사이트는 Hugo 다운로드, 테마 설정, 게시 게시물 등을위한 주요 단계를 제공했습니다. 매우 간단한 튜토리얼이 제공됩니다.

구덩이 1: Windows 플랫폼에서 사용하는 경우winget install Hugo.Hugo.Extended다운로드 Hugo를 정상적으로 열/사용할 수없는 경우 Hugo.exe를 블로그 폴더에 복사하고 Hugo 관련 지침을 실행하려면 Hugo 설치 디렉토리로 이동하여 상대 경로와 같은 상대 경로로 실행해야합니다../hugo.exe server -D, 이것은 정상적으로 실행될 수 있습니다

휴고 테마 선택 및 설치

당신은 도착할 수 있습니다전체 목록 | hugo 테마 (gohugo.io)가장 좋아하는 테마를 찾아보세요. 테마를 사용하려면 세부 사항 페이지의 데모를 클릭하여 온라인 예제를 볼 수 있습니다 (일부 테마에는 데모가 없습니다). Github Warehouse (이 테마에 대해 자세히 설명); 그러면 사용할 수 있습니다. 그것git clone links position 또는git submodule add links positon테마는 블로그 디렉토리로 클로닝됩니다. 일반 테마 폴더에는 예제 하위 폴더가 있으므로이 폴더를 빠르게 배포 할 수 있습니다 (이전 구성 파일을 보존하기 위해주의를 기울이십시오). 테마 공식 웹 사이트의 문제는 아마도 당신의 문제 일 것입니다. 현재, 당신은 당신의 디렉토리 이름, 파일 이름, 파일 헤드 정보 등을 확인해야합니다.

휴고의 스택 테마

사용`Github Action`블로그를 자동으로 게시합니다

물론 자동 릴리스에 대해 이야기하기 전에 웹 사이트를 배포하는 방법에 대해 이야기 해 봅시다.

서버에 웹 사이트를 배포하십시오

먼저 사용합니다hugo --minify웹 정적 파일 생성 (생성 된 디렉토리는 공개).public디렉토리의 내용을 서버에 복사하십시오 (파일 권한에주의를 기울이십시오); 그런 다음 다음 구성을 구성하십시오.nginx에이전트 (여기에 구성되어 있습니다https인증서가 없으면 구성 할 수 있습니다.http.

 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;
                   }
        }

이러한 방식으로 브라우저에 도메인 이름을 입력하여 블로그를 방문 할 수 있습니다.

다음 구성을 통해 포트 80의 흐름을 포트 443으로 전달할 수도 있습니다.http앞으로 흐릅니다https),주의를 기울이십시오aprilme.love자신의 도메인 이름으로 바꾸십시오.

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

인증서가없는 경우 서명 인증서를받을 수 있습니다 (그러나 브라우저는 권위있는 대행사의 서명이 아니라 자신의 서명이 아니기 때문에 안전하지 않다는 것을 나타냅니다). 현재 클라우드 서버 제공 업체는 무료로 무료로 무료로 무료로 보낼 수 있습니다. 무료 인증서를 보낼 수 있습니다. 예를 들어 Alibaba Cloud의 서버를 참조 할 수 있습니다.2022 Alibaba Cloud Free SSL 인증서 응용 프로그램 (그래픽에 대한 자세한 설명) -eriyun 개발자 커뮤니티 (aliyun.com)그러면

구성`Github Action`

위의 배포 프로세스가 어렵지 않지만 블로그 컨텐츠가 업데이트 될 때마다 파일을 복사하려면 복사해야합니다. 그 후에는 매우 어려운 문제가 발생하여 자동으로 릴리스 될 필요가 없습니다. 수동으로 게시 하시겠습니까? 물론, 즉 사용합니다Github Action그러면

`Github Action`무엇인가요

GitHub ActionsCode Warehouse에서 다양한 작업을 자동으로 수행하기 위해 Github 플랫폼이 제공하는 자동화 된 워크 플로우 도구입니다. 개발자는 창고의 이벤트에서 트리거 된 일련의 이벤트를 구성하고 정의하여 공통 소프트웨어 개발 작업을 자동화하는 데 도움이 될 수 있습니다. 구성, 테스트, 배포 및 알림.

GitHub Actions개발자는 간단한 YAML 파일을 작성하여 워크 플로를 정의 할 수 있습니다. 이러한 워크 플로우는 특정 이벤트 (예 : 코드 푸시, 합병 요청 생성, 레이블 릴리스 등)가있을 때 자동으로 트리거 될 수 있습니다. 각 단계는 일부 특정 작업을 수행 할 수 있습니다. 실행 명령, 빌딩 코드, 테스트 실행, 다른 코드 창고로 추진, 알림 보내기 등과 같은 등.

GitHub Actions더 복잡한 자동화 워크 플로우를 달성하기 위해 Docker, AWS, Azure, Google Cloud, Slack, Jira 등과 같은 다른 많은 개발 도구 및 서비스와 통합 할 수있는 풍부한 통합 및 생태계를 제공 할 수 있습니다.

GitHub Actions개발자가 개발 효율성을 향상시키고, 자동화 된 반복적 인 작업을 개선하고, 코드 품질을 보장하며, 팀워크를 홍보하는 데 도움이 될 수 있습니다. 이는 오픈 소스 프로젝트 및 상업 프로젝트에 널리 사용되는 GitHub 플랫폼의 강력한 기능입니다.

`Github Action`구성 파일

프로젝트 디렉토리에서 작성하십시오.github/workflows폴더 아래에 생성 된 폴더my_blog_deploy.yaml파일, 파일 내용은 다음과 같습니다

 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/

다음은 구성 파일의 설명입니다.

name: 워크 플로의 이름을 지정하십시오.“Deploy Hugo Project to Aliyun ECS"그러면
on: 워크 플로를 트리거하는 이벤트를 지정하십시오.“main” 분기 중에 워크 플로를 트리거합니다.
jobs: 하나 이상의 작업을 정의하십시오. 여기"deploy” 일하다.
runs-on: 운영 체제 운영 환경을 지정합니다. 여기서 구성은 다음과 같이 구성됩니다.“ubuntu-latest"그것은 최신 우분투 환경에서 실행되는 것을 의미합니다.
steps: 작업을 정의하는 일련의 단계.

name: 각 단계의 이름을 지정하여 단계의 역할을 식별하십시오.
uses: 동작 사용을 지정하십시오. 여기에서 여러 다른 동작을 사용하여 사용과 같은 다른 작업을 수행하십시오.“actions/checkout@v2” 조치 코드를 감지하고 사용합니다"peaceiris/actions-hugo@v2” 액션 설치 및 구성 Hugo, 사용"easingthemes/ssh-deploy@v2" Action은 웹 사이트를 Alibaba Cloud ECS에 배포했습니다.
with: 매개 변수를 사용으로 전달하는 데 사용되는 동작은 여기에서 다른 매개 변수를 사용하여 Hugo 버전을 구성하고 배포 대상, 사용자 및 경로의 호스트를 설정합니다.
run: 현재 작업 환경에서 명령을 실행하고 여기에서 사용하십시오.“hugo –minify” Hugo 웹 사이트를 구축하고 출력을 압축하는 명령.
env: 환경 변수 설정. 여기에 개인 키 및 원격 호스트, 사용자 및 SSH 연결을위한 대상 경로에 대한 환경 변수가 있습니다. 이러한 값은 Github 비밀에서 얻습니다.

이 구성 파일의 목적은 매번 푸시하는 것입니다.“main” 지점에서 Hugo 웹 사이트를 자동으로 빌드하고 생성 된 웹 사이트 파일을 Alibaba Cloud EC에 지정된 지정된 디렉토리에 배포합니다. 이는 지속적인 통합 및 자동 배포를 달성하고 개발 효율성을 향상 시키며 최신 버전의 웹 사이트를 사용할 수 있도록 할 수 있습니다. 알리바바 클라우드 EC.

위에${{ secrets.REMOTE_HOST }}GitHub 창고의 암호화 된 환경 변수로, API 키, 개인 키, 암호 등과 같은 민감한 정보를 저장하는 데 사용됩니다.

Github 창고를 열고 창고 페이지의 오른쪽 상단을 클릭하십시오.“Settings"그러면
창고"Settings” 페이지에서 왼쪽 메뉴에서 왼쪽 메뉴를 선택하십시오.“Secrets"그러면
클릭"New repository secret” 버튼은 새로운 비밀을 만듭니다.
비밀의 이름과 가치를 입력 한 다음"Add secret" 버튼이 저장됩니다.
GitHub 조치의 작업 흐름 구성 파일에서${{ secrets.SECRET_NAME }} 문법은 비밀의 가치에 인용됩니다.

이전 구성 파일에서 전달할 수 있습니다${{ secrets.SSH_PRIVATE_KEY }}게다가${{ secrets.REMOTE_HOST }}게다가${{ secrets.REMOTE_USER }} 해당 비밀의 가치를 얻으려면 이러한 민감한 정보를 해당 GitHub 조치로 전달하여 배포와 같은 작업을 수행 할 수 있습니다.

위의 구성 후에는 코드를 창고에 넣을 때마다Github Action제공된 구성 파일에서 컨텐츠를 실행 한 다음 통과합니다.SSH서버에 연결하면 약 30 초가 소요되며 수동 작동을 크게 단순화하고 복잡성을 줄입니다.Github Action나는 다른 많은 일을 할 수 있으며 기능은 매우 강력합니다!

통합 검토 시스템

블로그의 의견 시스템의 중요성은 내용만큼 중요하지 않습니다. 물론, 당신이 좋아하는 주석 시스템을 선택합니다. 여기에 몇 가지 일반적인 의견 시스템이 있습니다.

내가 현재 선택한 것은 Cusdis입니다. 그 이유는

오픈 소스 및 자체 호스트 : CUSDIS는 오픈 소스 검토 시스템입니다. 세 번째 파티 서비스에 따라 자신의 서버에서 호스팅하고 완전한 데이터 제어를 할 수 있습니다. 이는 사용자의 개인 정보를 보호하고 자율적 자율성을 가질 수 있음을 의미합니다. 검토 시스템을 관리하고 수정하는 기능.
Lightweight : Cusdis의 SDK는 5KB (GZIP 압축 후)에 불과합니다. Disqus (24KB GZIP 압축)와 같은 다른 주석 시스템과 비교하여 매우 가벼우 며 웹 사이트의 로딩 속도에 많은 부담을주지 않으면 웹 사이트 성능을 향상시킵니다.
주석가는 로그인 할 필요가 없습니다. Cusdis는 주석가가 로그인 할 필요가 없습니다. 검토자는 익명 주석을 사용할 수 있으며 쿠키를 사용할 수 없습니다.이를 통해 사용자 로그인 및 등록 임계 값을 줄이고 사용자 참여를 높이는 데 도움이됩니다.
사용하기 쉬운 : Cusdis는 웹 사이트의 모든 페이지에 쉽게 내장 할 수있는 간단한 내장 주석 도구를 제공하여 사용하기 쉽습니다.
이메일 알림 : CUSDIS는 메일 알림 기능을 지원하여 웹 사이트 관리자가 새로운 주석 알림을 제 시간에 받고 관리 및 복구 의견을 용이하게 할 수 있습니다.

Cusdis와 많은 블로그 배포의 공식 웹 사이트와 관련하여, 나는 매우 명확하게 썼습니다. 나는 주로 Cusdis의 크로스 도메인 문제에 대해 이야기합니다.

Cusdis의 십자가 -도메인 문제를 해결하십시오

페이지가 Cusdis의 임베드 코드를 참조하면 쉽게 발생할 수 있습니다.크로스 -도메인문제는 JS 스크립트 또는 댓글 데이터를로드 할 수 없습니다.

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>

현재 Nginx에 응답 헤드를 추가해야합니다.

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

이것은로드 할 수없는 문제를 해결하지만 주석 데이터를로드 할 때 문제가 있습니다. 주석 데이터의 응답 헤더가 2 ~ 2 개가 추가됩니다.'Access-Control-Allow-Origin' 'yourhost'결과적으로 데이터로드가 실패했습니다.

그 이유는 검토 데이터를로드하기 전에 사용되기 때문입니다.OptionsHTTP 요청의 경우, 나중에 GET 요청의 NGINX 에이전트가 GET 요청에 다른 계층을 추가했습니다.'Access-Control-Allow-Origin' 'yourhost'결국, 반복적 인 교차 -도메인 허가의 문제가 있습니다. Nginx의 구성을 다음 형식으로 작성하여 교차 -도메인 문제를 완벽하게 해결합니다. 보안 고려 사항의 경우 HTTPS를 사용하는 경우 Cusdis도 사용해야합니다. 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, 검색 엔진 최적화

많은 기사에서 Google, Bing 및 Baidu에서 검색 엔진 최적화 단계를 최적화하는 방법을 소개했습니다.이 부분에 대해서는 이야기하지 않습니다. 검색 엔진 최적화에 대한 관련 지식에 대해 이야기하겠습니다.

검색 엔진의 색인은 무엇입니까?

검색 엔지 인터넷에 있고 인터넷에 저장합니다. 자체 데이터베이스에 사용자가 검색 할 때 관련 웹 페이지를 빠르게 찾을 수 있습니다.

검색 엔진의 색인에는 일반적으로 URL, 제목, 텍스트, 링크, 사진, 비디오 등을 포함하여 많은 양의 웹 정보가 포함되어 있습니다. 웹 정보 저장 및 관리.

사용자가 검색 엔진에 검색 엔진에 키워드를 입력하면 검색 엔진이 자체 인덱스 데이터베이스의 키워드와 일치하고 관련 웹 페이지와 관련된 결과를 반환합니다. 섹스는 중요한 영향을 미치므로 검색 엔진 회사는 지속적으로 알고리즘 및 알고리즘을 개선합니다. 더 나은 검색 경험을 제공하는 기술.

모든 웹 페이지가 실제로 검색 엔진에 의한 것은 아닙니다. 검색 엔진은 캡처 및 색인 전략을 기반으로 웹 페이지를 선택적으로 색인하고 웹 페이지의 품질, 권한 및 업데이트 빈도와 같은 요소에 따라 정렬 및 표시 할 수 있습니다. 따라서 웹 사이트 관리자는 검색 엔진 인덱스에 의해 색인 및 순위를 매기고 일련의 검색 엔진 최적화 (SEO) 측정을 통해 순위를 매길 수있는 기회를 향상시킬 수 있습니다.

SEO는 무엇입니까?

SEO (검색 엔진 최적화)는 검색 엔진 최적화입니다. 검색 엔진에서 웹 사이트 순위를 향상시키기 위해 웹 사이트의 컨텐츠, 구조 및 기술을 최적화하는 방법입니다. . SEO 최적화는 웹 사이트가 검색 엔진에서 더 높은 유기농 (비료) 검색 순위를 얻을 수 있도록 더 많은 타겟 트래픽을 얻을 수 있도록하는 것을 목표로합니다.

SEO 최적화는 일반적으로 다음과 같은 측면을 포함합니다.

키워드 연구 : 검색 엔진에서 사용자가 사용하는 키워드를 연구하면 적절한 키워드를 선택하고 웹 사이트의 내용에 적용하여 웹 사이트가 키워드로 검색에서 높은 순위를 얻을 수 있도록하십시오.
웹 사이트 컨텐츠 최적화 : 제목, 설명, 텍스트 등을 포함하여 웹 사이트의 내용을 최적화하여보다 품질, 가치, 관련 및 검색 엔진의 사양 및 요구 사항을 충족하도록합니다.
웹 사이트 구조 최적화 : 웹 사이트의 구조 및 레이아웃을 최적화하여보다 사용자에게 친숙하고 탐색하고 이해하기 쉽고 검색 엔진이 웹 사이트 콘텐츠를 효과적으로 파악하고 색인 할 수 있도록합니다.
웹 사이트 기술 최적화 : 웹 사이트의 사용자 경험과 검색 엔진의 크롤링 효과를 향상시키기 위해 웹 사이트의로드 속도, 반응 형 디자인, URL 구조, 페이지 레이블 등을 포함한 최적화 된 웹 사이트 기술.
외부 링크 구성 : 외부 링크 구성을 통해 웹 사이트의 링크 가중치와 인기를 높이고 검색 엔진에서 웹 사이트의 권한과 신뢰성을 높입니다.
소셜 미디어 최적화 : 웹 사이트 컨텐츠 공유, 소셜 미디어 커뮤니티의 상호 작용 및 참여 등 소셜 미디어 플랫폼을 최적화함으로써 웹 사이트의 노출 및 인기를 높이십시오.
모니터링 및 분석 : 웹 사이트의 SEO 효과에 대한 정기적 인 모니터링 및 분석, 검색 엔진에서 웹 사이트의 순위 및 트래픽을 이해하고 데이터에 따라 조정 및 최적화하십시오.

SEO 최적화의 목표는 검색 엔진에서 웹 사이트 순위를 개선하여 사용자가 관련 키워드를 검색 할 때 쉽게 찾을 수 있도록하여 웹 사이트의 유기적 흐름을 늘리고 브랜드의 브랜드 가시성 및 비즈니스 전환율을 높이는 것입니다. SEO. 지속적으로 최적화되고 지속적인 노력을 기울여야하는 장기적이고 복잡한 작업입니다. 동시에 웹 사이트가 검색에서 계속 우수한 순위를 얻을 수 있도록 검색 엔진의 사양과 요구 사항을 따라야합니다. 엔진.

siteemap.xml이란 무엇입니까?

sitemap.xml 웹 사이트의 XML 파일은 웹 사이트의 구조화 된 정보가 포함되어 있으며 검색 엔진 웹 사이트의 페이지 및 컨텐츠 및 컨텐츠의 페이지 및 컨텐츠에 알리기위한 웹 사이트의 구조화 된 정보가 포함되어 있습니다. 검색 엔진 최적화 (SEO)를위한 기술입니다. 검색 엔진을 더 잘 이해하는 데 도움이됩니다. 인덱싱 웹 사이트 콘텐츠.

sitemap.xml 파일에는 일반적으로 웹 사이트의 모든 페이지의 URL 주소 와이 페이지의 중요성, 업데이트 빈도 및 최종 업데이트 시간과 같은 정보가 포함되어 있습니다. 검색 엔진은 읽을 때 읽을 수 있습니다.sitemap.xml 웹 사이트 페이지에서 지능적으로 파악하고 색인하기 위해 웹 사이트의 구조와 내용을 이해하는 파일.

sitemap.xml 웹 사이트의 SEO 최적화에는 몇 가지 기능이 있습니다.

웹 사이트의 색인 효과 개선 : 제출함으로써sitemap.xml 파일은 검색 엔진에 검색 엔진이 웹 사이트의 내용을보다 포괄적으로 이해하도록 돕기 위해 웹 사이트의 페이지를 더 잘 색인화하고 표시 할 수 있습니다.
새 페이지의 인덱싱 속도를 가속화합니다. 웹 사이트가 새 페이지를 출시 할 때 새 페이지의 URL을 추가하여sitemap.xml 파일 및 검색 엔진에 제출하면 검색 엔진 인덱스로 새 페이지의 속도를 높일 수 있습니다.
검색 엔진의 빈도를 제어 : 통과함으로써sitemap.xml 페이지의 업데이트 빈도와 파일의 최종 업데이트 시간을 설정하여 검색 엔진 프롬프트 페이지의 업데이트가 검색 엔진이 웹 사이트 페이지를보다 지능적으로 이해하는 데 도움이 될 수 있습니다.
웹 사이트의 사용자 경험 향상 : 사용을 통해sitemap.xml 파일은 검색 엔진이 웹 사이트의 구조 및 내용을 더 잘 이해하여 사용자가 검색 엔진에서 웹 사이트 페이지 경험을 찾고 액세스하도록 향상시킬 수 있습니다.

우마미 자체 구축 유량 분석 도구 사용

이전에 사용 된 Google 웹 로그 분석은 중국에서 천천히로드되며 데이터 손실을 유발하기 쉽습니다. 사용자 데이터를 사용하여 Google의 사용자 초상화를 생성합니다. 따라서 선택하기로 결정했습니다.우마미지역의 대체, 배치로서, 그것은 더 빠르고 가볍고 안전합니다.

누마 소개

우마미 간단하고 쉬운 오픈 소스 웹 사이트 액세스 트래픽 통계 분석 도구입니다. Umami는 쿠키를 사용하지 않고 사용자를 추적하지 않으며 모든 수집 된 데이터는 익명으로 처리되며 GDPR 정책과 일치합니다. 리소스. 데이터의 분석은 컨텐츠, 국가의 기본 소스, 소스 도메인 이름, 브라우저, 시스템, 사용 된 장비 및 인터뷰에 대한 웹 페이지 액세스가 풍부합니다. 또한 다중 언어를 지원합니다. Google 웹 로그 분석, CloudFlare 웹 분석, CNZZ 및 51LA 및 기타 통계 도구를 대체하는 데 사용될 수 있으며, 통계 데이터를보다 정확하게 만들기 위해 블록에서 제거되지 않도록 직접 구축 할 수도 있습니다 ()나중에 광고 플러그 인 중 일부가 차단 될 것입니다 …)).[Numami Self -Built 웹 사이트 트래픽 통계 분석 도구 -ATPX의 견적]]

우마미를 배치하는 방법

왜냐하면우마미 공식 문서부러 졌으므로 이동 해주세요오픈 소스 창고배포 문서를 확인하면 작업이 여전히 매우 빠릅니다. 여기서는 발생하기 쉬운 문제에 대해 이야기하겠습니다.

복제 된 Github 창고가있을 때git clone https://github.com/umami-software/umami.git네트워크 문제는 쉽습니다. 현재 창고를 먼저 다운로드 한 다음 서버의 지정된 디렉토리로 압축 해제 할 수 있습니다. Github 창고를 Gitee에 복사 한 다음 Gitee Warehouse를 복제 할 수도 있습니다.동기 창고따라서 Gitee 창고로의 링크를 직접 변경할 수 있습니다.주소, 많은 문제를 저장하십시오. 현재 명령은

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

그런 다음 튜토리얼을 계속 따르십시오.yarn build전에 데이터베이스를 지금 사용하십시오CREATE DATABASE IF NOT EXISTS umami; 누마 데이터베이스를 작성하고 구성 파일의 라이브러리 이름을 감미 (생성 한 데이터베이스와 동일)로 변경하십시오.테이블을 만들기 위해 제공된 SQL 문을 사용하지 마십시오. 테이블이 시작 후 자동으로 생성되므로그러면

그런 다음 빌드 및 실행 시작을 실행하고 시작합니다 (시작 실패가 포트 직업으로 인한 경우 사용할 수 있습니다.yarn start --port=3001서비스가 시작 되더라도 Nginx를 구성하고 로그인하고 비밀번호를 수정하는 방법에 대해이 블로그를 참조 할 수 있습니다.Umami Self -Built 웹 사이트 트래픽 통계 분석 도구 -ATPX 사용그러면

이 시점에서, 코졸이 오류를 유발하는 경우, 우마미는 정상적으로 사용할 수 있어야합니다.Failed to load resource: net::ERR_BLOCKED_BY_CLIENT그런 다음 AdBlock과 같은 광고 인터셉터를 통해 가로 채어 져야합니다. 광고 인터셉터를 끄면 해결할 수 있지만 광고 인터셉터의 가로 채기를 피할 수있는 좋은 방법은 없으므로 데이터가 그렇게 정확하지 않을 수 있습니다.

요약하다

위의 내용을 읽은 후, 나는 당신이 자신의 블로그를 구축하는 기본 프로세스에 익숙하다고 생각합니다.**이해는 중요하며 연습은 마찬가지로 중요합니다.**개인 블로그를 구축하는 과정의 중간에, 다른 환경, 선택의 주제 및 개인 경험으로 인해 발생하는 문제는 달라야합니다.이 과정에서 가장 중요한 것은 다음과 같습니다.인내심, 발생하는 문제를 해결하고, 학습에서 자라며, 성장에서 배우기 위해 시간을 기꺼이 소비하려고합니다.이 기사의 표지와 마찬가지로 Monet의 Water Lilies . 목표를 달성하고자하는 학생들은 인내와 능력이 충분한 한 충분한 인내와 문제를 발견하고 해결할 수있는 충분한 인내와 능력이있는 한 매끄럽게하는 것은 불가능하지만, 외부 세계를 도와주십시오.당신이 그것을 받아야한다면, 당신은 무언가를 가질 것입니다.