चेतावनी: यह लेख मशीन द्वारा अनुवादित है, जिससे खराब गुणवत्ता या गलत जानकारी हो सकती है, कृपया ध्यान से पढ़ें!

प्रस्तावना

हाल के दिनों में, मैं सिर्फ इंटर्नशिप में शामिल हुआ। एक को शेड्यूल को समायोजित करने के लिए है, दूसरा काम के अनुकूल है, और तीसरा यह है कि कुछ पाठ्यक्रम संबंधित सामग्री हैं जिन्हें सीखा और संभाला जाना चाहिए। इसे अनुमति नहीं है। बेकार हो। आज का काम शेड्यूल आखिरकार समायोजित किया गया है।, ब्लॉग लिखने में व्यस्त हैं।

इस विषय को लिखने का कारण भी बहुत सरल है। मैंने अभी -अभी दो दिन पहले ब्लॉग बनाया था। मैं कुछ अनुभवों और कदमों को गड्ढे पर साझा करूंगा। इसी तरह, कई लोग पहले से ही समान विषय लिख चुके हैं, और मैं सीधे लिंक और पोस्ट को पोस्ट करूंगा लिंक। यंत्रवत् दोहराने के बजाय बाहर आओ। मैं उस ज्ञान को व्यवस्थित करूंगा जो मैं साझा करने के लिए उपयोग करता हूं।

संदर्भ लिंक

1. बिल्डिंग वेबसाइटों के लिए दुनिया का सबसे बड़ा ढांचा | ह्यूगो (gohugo.io)
2. नि: शुल्क व्यक्तिगत ब्लॉगिंग सिस्टम बिल्डिंग और परिनियोजन समाधान (ह्यूगो + गिथब भुगतान + cusdis) · pseudoyu
3. ह्यूगो + गिथब एक्शन, अपने ब्लॉग स्वचालित रिलीज सिस्टम का निर्माण करें · pseudoyu
4. लाइटवेट ओपन सोर्स फ्री ब्लॉग रिव्यू सिस्टम सॉल्यूशन (Cusdis + रेलवे) · Pseudoyu
5. एक मुफ्त व्यक्तिगत ब्लॉग डेटा सांख्यिकी प्रणाली स्थापित करें (UMAMI + VECEL + HEROKU) · Pseudoyu
6. व्यक्तिगत वेबसाइट की स्थापना प्रक्रिया (1): व्यक्तिगत डोमेन नाम खरीदें और डायनेमिक डोमेन नाम विश्लेषण कॉन्फ़िगर करें (jinli.cyou)
7. एक व्यक्तिगत वेबसाइट (2) की स्थापना: एक व्यक्तिगत वेबसाइट बनाने के लिए ह्यूगो फ्रेमवर्क का उपयोग करें (jinli.cyou)
8. एक व्यक्तिगत वेबसाइट (3) की स्थापना प्रक्रिया: ह्यूगो थीम स्टैक का उपयोग और अनुकूलन (jinli.cyou)
9. व्यक्तिगत वेबसाइट (4) की स्थापना प्रक्रिया: साइट खोज इंजन अनुकूलन (SEO) (jinli.cyou)

ह्यूगो क्या है?

स्थैतिक पृष्ठ जनरेटर

वास्तव में, यदि आप एक व्यक्तिगत ब्लॉग बनाना चाहते हैं, तो यह ऊपर दिए गए लिंक को देखने के लिए पर्याप्त है। लेकिन मैं अभी भी यहां आवश्यक चरणों का संक्षेप में परिचय देता हूं। ह्यूगो एक स्थिर पृष्ठ जनरेटर है। यह खूबसूरती से एक सुंदर स्थिर पृष्ठ उत्पन्न कर सकता है। स्थैतिक पृष्ठों का लाभ यह है कि तैनाती अपेक्षाकृत सुविधाजनक है, प्रतिक्रिया की गति तेज है, और नुकसान स्पष्ट हैं। आप वास्तविक समय में पृष्ठ को संपादित नहीं कर सकते हैं। आपको सर्वर (निश्चित रूप से) को स्थानीय -क्षेत्र के पेज को संपादित करना होगा। , और कुछ पारंपरिक सामने और पीछे के गतिशील पृष्ठों के कार्यों को एकीकृत करना मुश्किल है; लेकिन फिर भी, स्थैतिक पृष्ठ, या ह्यूगो व्यक्तियों के लिए पर्याप्त है।

ह्यूगो की स्थापना और उपयोग

यह हिस्सा बहुत सरल है, बस इसे सीधे आधिकारिक वेबसाइट पर करेंत्वरित शुरुआत | ह्यूगो (gohugo.io)आधिकारिक वेबसाइट ने ह्यूगो को डाउनलोड करने, थीम सेट करने, प्रकाशन पोस्ट, आदि के लिए महत्वपूर्ण कदम दिए हैं। इसे एक बहुत ही सरल ट्यूटोरियल दिया जाता है।

गड्ढा 1: यदि आप इसे Windows प्लेटफ़ॉर्म पर उपयोग करते हैंwinget install Hugo.Hugo.Extendedयदि डाउनलोड ह्यूगो को सामान्य रूप से नहीं खोला/उपयोग नहीं किया जा सकता है, तो आपको ह्यूगो इंस्टॉलेशन डायरेक्टरी में ह्यूगो.एक्स को अपने ब्लॉग फ़ोल्डर में कॉपी करने और ह्यूगो -संबंधित निर्देशों को एक रिश्तेदार पथ के रूप में चलाने की आवश्यकता है, जैसे कि जैसे./hugo.exe server -D, यह सामान्य रूप से चल सकता है

ह्यूगो थीम चयन और स्थापना

आप आ सकते हैंपूरी सूची | ह्यूगो थीम्स (gohugo.io)अपने पसंदीदा विषय को ब्राउज़ करें। जब आप एक थीम का उपयोग करना चाहते हैं, तो आप ऑनलाइन उदाहरण देखने के लिए विवरण पृष्ठ के डेमो पर क्लिक कर सकते हैं (कुछ विषयों में डेमो नहीं है)। GitHub वेयरहाउस, जो इस विषय के बारे में विस्तृत है); फिर आप उपयोग कर सकते हैं यह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;
                }

यदि आपके पास कोई प्रमाण पत्र नहीं है, तो आप एक हस्ताक्षर प्रमाणपत्र प्राप्त कर सकते हैं (लेकिन ब्राउज़र संकेत देगा कि यह सुरक्षित नहीं है क्योंकि यह आपके द्वारा हस्ताक्षरित है, न कि एक आधिकारिक एजेंसी के हस्ताक्षर); आप एक प्रमाण पत्र भी खरीद सकते हैं, लेकिन वर्तमान क्लाउड सर्वर प्रदाता मुफ्त प्रमाण पत्र के लिए कुछ भेजने के लिए कुछ मुफ्त में कुछ मुफ्त भेजेगा, बस सीधे डाउनलोड के लिए आवेदन करें। उदाहरण के लिए, अलीबाबा क्लाउड का सर्वर संदर्भित कर सकता है2022 अलीबाबा क्लाउड फ्री एसएसएल सर्टिफिकेट एप्लिकेशन (ग्राफिक की विस्तृत व्याख्या) -रियुन डेवलपर समुदाय (aliyun.com)तो फिर

विन्यासGithub Action

क्या आपने पाया है कि उपरोक्त तैनाती प्रक्रिया मुश्किल नहीं है, लेकिन जब भी आपकी ब्लॉग सामग्री अपडेट की जाती है, तो आपको इसे कॉपी करने के लिए फ़ाइल को कॉपी करने की आवश्यकता है, जो उसके बाद बहुत परेशानी है, यह स्वचालित रूप से जारी किया जाएगा, और हमें इसकी आवश्यकता नहीं है मैन्युअल रूप से इसे प्रकाशित करें? बेशक, अर्थात्, इसका उपयोग करेंGithub Actionतो फिर

Github Actionक्या है

GitHub Actionsयह GitHub प्लेटफॉर्म द्वारा प्रदान किया गया एक स्वचालित वर्कफ़्लो टूल है जो कोड वेयरहाउस में स्वचालित रूप से विभिन्न संचालन करने के लिए स्वचालित रूप से प्रदर्शन करता है। यह डेवलपर्स को वेयरहाउस में एक ईवेंट द्वारा ट्रिगर की गई घटनाओं की एक श्रृंखला को कॉन्फ़िगर और परिभाषित करके कॉमन सॉफ्टवेयर डेवलपमेंट टास्क को स्वचालित करने में मदद कर सकता है। उदाहरण के लिए, उदाहरण के लिए, निर्माण, परीक्षण, तैनाती और सूचनाएं।

GitHub Actionsडेवलपर्स को कुछ सरल YAML फ़ाइलों को लिखकर वर्कफ़्लो को परिभाषित करने की अनुमति देता है। इन वर्कफ़्लोज़ को स्वचालित रूप से ट्रिगर किया जा सकता है जब विशिष्ट घटनाएं (जैसे कि कोड पुश, मर्जर अनुरोध निर्माण, लेबल रिलीज़, आदि)। क्रियाएं), प्रत्येक चरण कुछ विशिष्ट संचालन कर सकता है, जैसे कि रनिंग कमांड, बिल्डिंग कोड, रनिंग टेस्ट, अन्य कोड वेयरहाउस पर धकेलना, सूचनाएं भेजना, आदि।

GitHub Actionsएक समृद्ध एकीकरण और पारिस्थितिकी तंत्र प्रदान किया जा सकता है, जो कई अन्य विकास उपकरणों और सेवाओं जैसे कि डॉकर, एडब्ल्यूएस, एज़्योर, गूगल क्लाउड, स्लैक, जीरा, आदि के साथ एकीकृत हो सकता है, ताकि अधिक जटिल स्वचालन वर्कफ़्लोज़ प्राप्त किया जा सके।

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/

निम्नलिखित कॉन्फ़िगरेशन फ़ाइल का स्पष्टीकरण है:

1. name: वर्कफ़्लो का नाम निर्दिष्ट करें, यहां नाम दिया गया है"Deploy Hugo Project to Aliyun ECS"तो फिर
2. on: वर्कफ़्लो को ट्रिगर करने वाली घटनाओं को निर्दिष्ट करें, यहाँ पर धक्का देने के लिए कॉन्फ़िगरेशन है"main" ब्रांचिंग के दौरान वर्कफ़्लो को ट्रिगर करें।
3. jobs: एक या अधिक नौकरियों को परिभाषित करें। यहां"deploy" काम।
4. runs-on: कार्य संचालन के ऑपरेटिंग सिस्टम वातावरण को निर्दिष्ट करें। यहां कॉन्फ़िगरेशन के रूप में कॉन्फ़िगर किया गया है"ubuntu-latest"इसका मतलब है कि नवीनतम उबंटू वातावरण में चल रहा है।
5. steps: काम को परिभाषित करने के लिए चरणों की एक श्रृंखला।

• name: कदम की भूमिका की पहचान करने के लिए प्रत्येक चरण का नाम निर्दिष्ट करें।
• uses: कार्रवाई का उपयोग निर्दिष्ट करें, यहां विभिन्न कार्यों को करने के लिए कई अलग -अलग कार्रवाई का उपयोग करें, जैसे कि उपयोग"actions/checkout@v2" एक्शन कोड का पता लगाता है, उपयोग करता है"peaceiris/actions-hugo@v2" एक्शन इंस्टॉलेशन और कॉन्फ़िगरेशन ह्यूगो, उपयोग करें"easingthemes/ssh-deploy@v2" कार्रवाई ने वेबसाइट को अलीबाबा क्लाउड ईसीएस में तैनात किया।
• with: उपयोग के लिए पैरामीटर को पास करने के लिए उपयोग की जाने वाली कार्रवाई, ह्यूगो संस्करण को कॉन्फ़िगर करने के लिए यहां विभिन्न मापदंडों का उपयोग करें, परिनियोजन लक्ष्य, उपयोगकर्ता और पथ के होस्ट सेट करें।
• run: वर्तमान कार्य वातावरण में कमांड चलाएं, यहां इसका उपयोग करें"hugo –minify" ह्यूगो वेबसाइट बनाने और आउटपुट को संपीड़ित करने के लिए कमांड।
• env: पर्यावरण चर सेट करें। यहां निजी कुंजियों और दूरस्थ मेजबानों, उपयोगकर्ताओं और एसएसएच कनेक्शन के लिए लक्ष्य पथ के लिए एक पर्यावरणीय चर है। ये मान GitHub रहस्यों से प्राप्त किए जाते हैं।

इस कॉन्फ़िगरेशन फ़ाइल का उद्देश्य हर बार धक्का देना है"main" शाखा के दौरान, स्वचालित रूप से ह्यूगो वेबसाइट का निर्माण करें और अलीबाबा क्लाउड ईसीएस पर निर्दिष्ट निर्दिष्ट निर्देशिका में उत्पन्न वेबसाइट फ़ाइलों को तैनात करें। यह निरंतर एकीकरण और स्वचालित तैनाती प्राप्त कर सकता है, विकास दक्षता में सुधार कर सकता है, और यह सुनिश्चित कर सकता है कि वेबसाइट का नवीनतम संस्करण उपलब्ध है। अलीबाबा क्लाउड ईसीएस।

ऊपर${{ secrets.REMOTE_HOST }}यह GitHub वेयरहाउस में एक एन्क्रिप्टेड वातावरण चर है, जिसका उपयोग संवेदनशील जानकारी को संग्रहीत करने के लिए किया जाता है, जैसे कि API कुंजी, निजी कुंजी, पासवर्ड, आदि।

1. GitHub गोदाम खोलें और गोदाम पृष्ठ के ऊपरी दाएं कोने पर क्लिक करें"Settings"तो फिर
2. गोदाम"Settings" पृष्ठ में, बाएं मेनू में बाएं मेनू का चयन करें"Secrets"तो फिर
3. क्लिक किए गए"New repository secret" बटन एक नया रहस्य बनाता है।
4. रहस्य का नाम और मान दर्ज करें, और फिर क्लिक करें"Add secret" बटन सहेजा जाता है।
5. Github क्रियाओं के कार्य प्रवाह कॉन्फ़िगरेशन फ़ाइल में, आप इसका उपयोग कर सकते हैं${{ secrets.SECRET_NAME }} व्याकरण को रहस्यों के मूल्य के लिए उद्धृत किया गया है

पिछली कॉन्फ़िगरेशन फ़ाइल में, आप पास कर सकते हैं${{ secrets.SSH_PRIVATE_KEY }}साथ ही${{ secrets.REMOTE_HOST }}साथ ही${{ secrets.REMOTE_USER }} इसी रहस्यों का मूल्य प्राप्त करने के लिए ताकि इन संवेदनशील जानकारी को तैनाती जैसे संचालन करने के लिए इसी GitHub कार्यों को पारित किया जा सके।

उपरोक्त कॉन्फ़िगरेशन के बाद, जब भी आप कोड को गोदाम में पुश डालते हैं, तो यह होगाGithub Actionप्रदान की गई कॉन्फ़िगरेशन फ़ाइल में सामग्री को निष्पादित करें, और फिर से गुजरेंSSHअपने सर्वर से कनेक्ट करते हुए, इसकी लागत लगभग 30s है; यह मैनुअल ऑपरेशन को बहुत सरल करेगा और जटिलता को कम करेगा।Github Actionमैं कई अन्य चीजें कर सकता हूं, और कार्य बहुत शक्तिशाली हैं!

एकीकृत समीक्षा तंत्र

ब्लॉग की टिप्पणी प्रणाली का महत्व इसकी सामग्री के रूप में उतना महत्वपूर्ण नहीं है। निश्चित रूप से, एक टिप्पणी प्रणाली चुनना जो आपको पसंद है। यहां कुछ सामान्य टिप्पणी सिस्टम हैं

• प्रचुर
• कैक्टस
• कूसदिस
• अव्यवस्था करना
• डिसक्यूस
• जिस्कस
• गिटलक
• REMACK42
• ट्विकू
• पूर्ण
• Vssue
• वासीन

वर्तमान में मैं जो चुनता हूं वह क्यूस्डिस है, इसका कारण है

1. ओपन सोर्स और सेल्फ -हॉस्टिंग: क्यूसडिस एक ओपन सोर्स रिव्यू सिस्टम है। आप अपने स्वयं के सर्वर पर होस्ट कर सकते हैं और पूर्ण डेटा नियंत्रण रख सकते हैं, तीसरी -पारी सेवाओं के आधार पर नहीं। इसका मतलब है कि आप उपयोगकर्ताओं की गोपनीयता की रक्षा कर सकते हैं और स्वायत्त स्वायत्तता प्राप्त कर सकते हैं। समीक्षा प्रणाली को प्रबंधित करने और संशोधित करने की क्षमता।
2. लाइटवेट: Cusdis का SDK केवल 5KB (GZIP संपीड़न के बाद) है। अन्य टिप्पणी प्रणालियों जैसे कि Disqus (24KB GZIP संपीड़न) की तुलना में, यह बहुत हल्का है और वेबसाइट की लोडिंग गति पर बहुत बोझ नहीं लाएगा, यह वेबसाइट के प्रदर्शन को बेहतर बनाने में मदद करता है।
3. लॉग इन करने के लिए टिप्पणीकारों की आवश्यकता नहीं है: CUSDIS को लॉग इन करने के लिए टिप्पणीकारों की आवश्यकता नहीं होती है। समीक्षक टिप्पणियों को गुमनाम कर सकते हैं, और किसी भी कुकीज़ का उपयोग नहीं कर सकते हैं। यह उपयोगकर्ता लॉगिन और पंजीकरण थ्रेसहोल्ड को कम करने और उपयोगकर्ता की भागीदारी को बढ़ाने में मदद करता है।
4. उपयोग करने में आसान: CUSDIS एक सरल एम्बेडेड टिप्पणी उपकरण प्रदान करता है जिसे आसानी से वेबसाइट के किसी भी पृष्ठ में एम्बेड किया जा सकता है, उपयोग करने में आसान है।
5. ईमेल अधिसूचना: 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';

यह उस समस्या को हल करता है जिसे लोड नहीं किया जा सकता है, लेकिन टिप्पणी डेटा लोड करते समय एक समस्या है: टिप्पणी डेटा का प्रतिक्रिया हेडर दो से दो जोड़ा जाता है'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';}
        }}

एसईओ, खोज इंजन अनुकूलन

कई लेखों ने पेश किया है कि Google, बिंग और Baidu पर खोज इंजन अनुकूलन चरणों को कैसे अनुकूलित किया जाए। मैं इस भाग के बारे में बात नहीं करूंगा। मुझे खोज इंजन अनुकूलन के प्रासंगिक ज्ञान के बारे में बात करने दें।

खोज इंजन का सूचकांक क्या है

खोज इंजन का सूचकांक अपने डेटाबेस में खोज इंजन द्वारा संरक्षित इंटरनेट और सामग्री के रिकॉर्ड को संदर्भित करता है। खोज इंजन इंटरनेट पर इंटरनेट पर है (या क्रॉलिंग, मकड़ियों और कैप्चरिंग के रूप में संदर्भित किया गया है), और स्टोर यह इंटरनेट पर और इसे इंटरनेट पर संग्रहीत करता है। अपने स्वयं के डेटाबेस में, ताकि उपयोगकर्ता खोज करते समय जल्दी से संबंधित वेब पेज पा सकें।

खोज इंजन के सूचकांक में आमतौर पर URL, शीर्षक, पाठ, लिंक, चित्र, वीडियो, आदि सहित बड़ी मात्रा में वेब जानकारी होती है।

जब उपयोगकर्ता खोज के लिए खोज इंजन में कीवर्ड में प्रवेश करता है, तो खोज इंजन अपने स्वयं के इंडेक्स डेटाबेस से कीवर्ड से मेल खाएगा और संबंधित वेबपेज से संबंधित परिणामों को लौटाएगा। सेक्स का एक महत्वपूर्ण प्रभाव होगा, इसलिए खोज इंजन कंपनियां लगातार अपने एल्गोरिदम में सुधार करेंगी और एक बेहतर खोज अनुभव प्रदान करने के लिए प्रौद्योगिकियां।

यह ध्यान दिया जाना चाहिए कि सभी वेब पेज वास्तव में खोज इंजन द्वारा नहीं हैं। खोज इंजन चुनिंदा रूप से अपने कैप्चर और इंडेक्स रणनीतियों के आधार पर वेब पेजों को अनुक्रमित कर सकते हैं, और वेबपेज की गुणवत्ता, प्राधिकरण और अद्यतन आवृत्ति जैसे कारकों के अनुसार सॉर्ट और प्रदर्शित करें। ।

एसईओ क्या है

एसईओ (खोज इंजन अनुकूलन) खोज इंजन अनुकूलन है। यह खोज इंजनों में वेबसाइट की रैंकिंग को बढ़ाने के लिए वेबसाइट की सामग्री, संरचना और प्रौद्योगिकी को अनुकूलित करने का एक तरीका है, जिससे खोज परिणाम पृष्ठ पर वेबसाइट की दृश्यता और यातायात बढ़ जाती है । एसईओ अनुकूलन का उद्देश्य वेबसाइट को खोज इंजनों में उच्च कार्बनिक (गैर -पीएडी) खोज रैंकिंग प्राप्त करने में सक्षम बनाना है, ताकि अधिक लक्षित यातायात प्राप्त हो सके।

एसईओ अनुकूलन में आमतौर पर निम्नलिखित पहलू शामिल होते हैं:

1. कीवर्ड अनुसंधान: खोज इंजन में उपयोगकर्ताओं द्वारा उपयोग किए जाने वाले कीवर्ड का अध्ययन करके, उपयुक्त कीवर्ड का चयन करें और इसे वेबसाइट की सामग्री पर लागू करें, ताकि वेबसाइट को कीवर्ड के साथ खोज में उच्च रैंकिंग मिले।
2. वेबसाइट सामग्री अनुकूलन: शीर्षक, विवरण, पाठ, आदि सहित वेबसाइट की सामग्री को अनुकूलित करें, जिससे यह अधिक गुणवत्ता, मूल्यवान, संबंधित, और खोज इंजन के विनिर्देशों और आवश्यकताओं को पूरा करता है।
3. वेबसाइट संरचना अनुकूलन: इसे अधिक उपयोगकर्ता बनाने के लिए वेबसाइट की संरचना और लेआउट का अनुकूलन करें, जो इसे अधिक उपयोगकर्ता -मित्रता, नेविगेट करने और समझने में आसान, और यह सुनिश्चित करें कि खोज इंजन प्रभावी रूप से समझ सकते हैं और वेबसाइट सामग्री को अनुक्रमित कर सकते हैं।
4. वेबसाइट प्रौद्योगिकी अनुकूलन: वेबसाइट की लोडिंग गति, उत्तरदायी डिजाइन, URL संरचना, पृष्ठ लेबल, आदि सहित, वेबसाइट के उपयोगकर्ता अनुभव और खोज इंजन के क्रॉलिंग प्रभाव को बेहतर बनाने के लिए अनुकूलित वेबसाइट तकनीक।
5. बाहरी लिंक निर्माण: बाहरी लिंक के निर्माण के माध्यम से, वेबसाइट के लिंक वजन और लोकप्रियता में वृद्धि करें, जिससे खोज इंजन में वेबसाइट के प्राधिकरण और विश्वसनीयता में वृद्धि हुई।
6. सोशल मीडिया ऑप्टिमाइज़ेशन: सोशल मीडिया प्लेटफार्मों पर अनुकूलन करके, वेबसाइट की सामग्री साझा करना, सोशल मीडिया समुदायों में बातचीत और भागीदारी, आदि सहित, वेबसाइट के एक्सपोज़र और लोकप्रियता को बढ़ाते हैं।
7. निगरानी और विश्लेषण: वेबसाइट के एसईओ प्रभाव की नियमित निगरानी और विश्लेषण, खोज इंजन में वेबसाइट की रैंकिंग और ट्रैफ़िक को समझें, और डेटा के अनुसार समायोजित और अनुकूलन करें।

एसईओ अनुकूलन का लक्ष्य खोज इंजन में वेबसाइट की रैंकिंग में सुधार करना है ताकि यह पता लगाया जा सके कि उपयोगकर्ता संबंधित कीवर्ड की खोज करते हैं, जिससे वेबसाइट का कार्बनिक प्रवाह बढ़ता है और ब्रांड की ब्रांड दृश्यता और व्यावसायिक रूपांतरण दर बढ़ जाती है। एसईओ एक लंबे समय तक और जटिल काम है जिसे लगातार अनुकूलित और निरंतर प्रयासों की आवश्यकता है। एक ही समय में, यह सुनिश्चित करने के लिए खोज इंजन के विनिर्देशों और आवश्यकताओं का पालन करने की आवश्यकता है कि वेबसाइट खोज में एक अच्छी रैंकिंग प्राप्त कर सकती है इंजन।

Sitemap.xml क्या है

sitemap.xml यह वेबसाइट के लिए एक XML फ़ाइल है, जिसमें खोज इंजन वेबसाइट के पृष्ठ और सामग्री को सूचित करने के लिए वेबसाइट की संरचित जानकारी शामिल है और वेबसाइट सामग्री को अनुक्रमित करना।

sitemap.xml फ़ाइल में आमतौर पर वेबसाइट के सभी पृष्ठों का URL पता होता है, साथ ही इन पृष्ठों के महत्व, अद्यतन की आवृत्ति और अंतिम अद्यतन समय जैसी जानकारी भी होती है। खोज इंजन को पढ़कर पढ़ा जा सकता हैsitemap.xml वेबसाइट की संरचना और सामग्री को समझने के लिए फाइलें, ताकि वेबसाइट के पृष्ठ पर समझदारी से समझ और अनुक्रमित हो सकें।

sitemap.xml वेबसाइट के एसईओ अनुकूलन के लिए, कई कार्य हैं:

1. वेबसाइट के सूचकांक प्रभाव में सुधार करें: सबमिट करकेsitemap.xml खोज इंजन को वेबसाइट की सामग्री को अधिक व्यापक समझने में मदद करने के लिए फाइल खोज इंजन को दी जाती है, ताकि वेबसाइट के पृष्ठ को बेहतर सूचकांक और प्रदर्शित किया जा सके।
2. नए पेज की अनुक्रमण गति में तेजी लाएं: जब वेबसाइट एक नया पृष्ठ जारी करती है, तो नए पृष्ठ के URL को जोड़करsitemap.xml फ़ाइल में, और खोज इंजन को सबमिट करने, आप खोज इंजन सूचकांक द्वारा नए पृष्ठ की गति को गति दे सकते हैं।
3. खोज इंजन की आवृत्ति को नियंत्रित करें: पास करकेsitemap.xml पेज की अद्यतन आवृत्ति और फ़ाइल में अंतिम अद्यतन समय सेट करें, जो खोज इंजन प्रॉम्प्ट पेज के अपडेट को खोजने में मदद कर सकता है ताकि खोज इंजनों को बुद्धिमानी से वेबसाइट के पृष्ठ को अधिक समझदारी से समझें।
4. वेबसाइट के उपयोगकर्ता अनुभव में सुधार करें: उपयोग के माध्यम सेsitemap.xml फाइलें खोज इंजन को वेबसाइट की संरचना और सामग्री को बेहतर ढंग से समझने में मदद कर सकती हैं, जिससे उपयोगकर्ताओं को खोज इंजन में वेबसाइट पेज अनुभव को खोजने और उन तक पहुंचने के लिए बढ़ाया जा सकता है।

UMAMI सेल्फ -बिल्ट फ्लो एनालिसिस टूल का उपयोग करना

Google Analytics पहले उपयोग किया गया है, चीन में धीरे -धीरे लोड किया गया है, और डेटा हानि का कारण बनाना आसान है। यह Google के उपयोगकर्ता पोर्ट्रेट उत्पन्न करने के लिए उपयोगकर्ता डेटा का उपयोग करेगा। इसलिए मैंने चुनने के लिए चुनाउमामीएक विकल्प के रूप में, स्थानीय क्षेत्र में परिनियोजन, यह अधिक तेज और हल्का और सुरक्षित है।

उमामी परिचय

उमामी यह एक सरल और आसान -ओप -ओपन सोर्स वेबसाइट एक्सेस ट्रैफ़िक स्टैटिस्टिक्स एनालिसिस टूल है। उमामी कुकीज़ का उपयोग नहीं करता है, उपयोगकर्ताओं को ट्रैक नहीं करता है, और सभी एकत्र किए गए डेटा को गुमनाम रूप से संसाधित किया जाएगा, जो जीडीपीआर नीति के अनुरूप है। संसाधन। संसाधन। बहुत कम हैं। डेटा का विश्लेषण सामग्री में समृद्ध है, देश का मूल स्रोत, स्रोत डोमेन नाम, ब्राउज़र, सिस्टम, उपयोग किए जाने वाले उपकरण, और वेबपेजों का उपयोग साक्षात्कारों तक पहुंचता है। यह मल्टी -लैंगुएज का भी समर्थन करता है, जो Google Analytics, CloudFlare वेब Analytics, CNZZ, और 51LA और अन्य सांख्यिकीय उपकरणों को बदलने के लिए उपयोग किया जा सकता है, और सांख्यिकीय डेटा को अधिक सटीक बनाने के लिए ब्लॉक द्वारा हटाए जाने से बचने के लिए इसे अपने आप से भी बनाया जा सकता है ((बाद में, यह पाया गया कि कुछ विज्ञापन प्लग -इन को इंटरसेप्ट किया जाएगा …))।[UMAMI सेल्फ -बिल्ट वेबसाइट ट्रैफ़िक स्टैटिस्टिक्स एनालिसिस टूल -ATPX से उद्धरण]

उमामी को कैसे तैनात करें

क्योंकिउमामी आधिकारिक प्रलेखनयह टूट गया है, इसलिए कृपया इसे आगे बढ़ाएंओपन सोर्स वेयरहाउसपरिनियोजन दस्तावेज़ की जाँच करें, और ऑपरेशन अभी भी बहुत तेज है। यहां मैं उन समस्याओं के बारे में बात करूंगा, जिनका सामना करना आसान है।

पहले जब क्लोन गितब गोदामgit clone https://github.com/umami-software/umami.gitनेटवर्क की समस्या होना आसान है। इस समय, आप पहले गोदाम डाउनलोड कर सकते हैं और फिर इसे सर्वर के नामित निर्देशिका में डिकम्प्रेस कर सकते हैं। आप Githeub वेयरहाउस को Gitee में कॉपी भी कर सकते हैं, फिर अपने गिट वेयरहाउस को क्लोन कर सकते हैं।समकालिक गोदामतो आप सीधे Gitee गोदाम के लिंक को बदल सकते हैंपता, बहुत परेशानी बचाओ। इस समय कमांड है

1

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

फिर ट्यूटोरियल का पालन करना जारी रखें।yarn buildइससे पहले, अब अपने डेटाबेस का उपयोग करेंCREATE DATABASE IF NOT EXISTS umami; एक UMAMI डेटाबेस बनाएं और कॉन्फ़िगरेशन फ़ाइल के लाइब्रेरी नाम को UMAMI में बदलें (आपके द्वारा बनाए गए डेटाबेस के समान)।एक तालिका बनाने के लिए प्रदान किए गए SQL स्टेटमेंट का उपयोग न करें, क्योंकि आपके शुरू होने के बाद तालिका स्वचालित रूप से बनाएगीतो फिर

उसके बाद, बिल्ड को निष्पादित करें और स्टार्ट को निष्पादित करें (यदि स्टार्ट विफलता पोर्ट व्यवसाय के कारण होती है, तो आप इसका उपयोग कर सकते हैंyarn start --port=3001पोर्ट को संशोधित करने के लिए आओ)। भले ही सेवा शुरू हो जाए। Nginx को कैसे कॉन्फ़िगर करें, लॉग इन करें, पासवर्ड को संशोधित करें, आदि, आप इस ब्लॉग को संदर्भित कर सकते हैंUMAMI स्व -बिल्ट वेबसाइट ट्रैफ़िक सांख्यिकी विश्लेषण उपकरण -ATPX का उपयोग करेंतो फिर

इस बिंदु पर, UMAMI को सामान्य रूप से इसका उपयोग करने में सक्षम होना चाहिए, यदि कंसोल त्रुटि का संकेत देता हैFailed to load resource: net::ERR_BLOCKED_BY_CLIENTफिर, इसे एडब्लॉक जैसे विज्ञापन इंटरसेप्टर्स द्वारा इंटरसेप्ट किया जाना चाहिए। आप इसे हल करने के लिए अपने विज्ञापन इंटरसेप्टर को बंद कर सकते हैं, लेकिन विज्ञापन इंटरसेप्टर के अवरोधन से बचने के लिए कोई अच्छा तरीका नहीं है, इसलिए डेटा इतना सटीक नहीं हो सकता है।

संक्षेप

उपरोक्त सामग्री को पढ़ने के बाद, मेरा मानना ​​है कि आप अपने स्वयं के ब्लॉग के निर्माण की मूल प्रक्रिया से परिचित हैं;समझ महत्वपूर्ण है, और अभ्यास उतना ही महत्वपूर्ण हैएक व्यक्तिगत ब्लॉग बनाने की प्रक्रिया के बीच में, अलग -अलग वातावरण, चयन की थीम, और व्यक्तिगत अनुभव के कारण, समस्याओं का सामना करना पड़ता है। अलग होना चाहिए। इस प्रक्रिया में सबसे महत्वपूर्ण बात यह हैधैर्य, सामना करने वाली समस्याओं को हल करने, सीखने में बड़े होने और विकास में सीखने की कोशिश करने के लिए समय बिताने के लिए तैयार है। इस लेख के कवर की तरह, मोनेट की पानी की लिली शांति और धैर्य का प्रतीक है। । जो छात्र अपने लक्ष्यों को प्राप्त करना चाहते हैं, हालांकि यह सुचारू होना असंभव है, जब तक कि उनके पास समस्या को खोजने और हल करने की पर्याप्त धैर्य और क्षमता है, जब तक कि उनके पास पर्याप्त धैर्य और क्षमता है।यदि आपको इसे प्राप्त करना है, तो आपके पास कुछ होगा।