Featured image of post Как использовать Hugo для создания личного блога

Как использовать Hugo для создания личного блога

Эта статья представляет, как использовать Hugo для создания личных блогов и мер предосторожности

Предупреждение: Эта статья переведена автоматически, что может привести к некачественной или неверной информации, пожалуйста, внимательно прочитайте!

Предисловие

В последние дни я только что присоединился к стажировке. Одним из них является скорректировка графика, а другим - адаптироваться к работе, а третье - то, что существует некоторый контент, связанный с курсами, который необходимо изучить и обработать. Будьте бездействуют. Сегодняшний график работы наконец -то скорректируется. Занят, чтобы написать блоги.

Причина написания этой темы также очень проста. Я только что построил блог два дня назад. Я поделюсь некоторым опытом и наступил на яму. Точно так же многие люди уже написали аналогичные темы, и я напрямую опубликую ссылку и сообщение Ссылка. Выйдите вместо механически повторять. Я организую знания, которыми я использую, чтобы поделиться.

Ссылка на ссылку

  1. Fasest Framework для создания веб -сайтов | Hugo (gohugo.io)
  2. Бесплатное решение для создания и развертывания личных систем ведения блогов (Hugo + Github Pays + Cusdis) · Pseudoyu
  3. Action Action Hugo + Github, создайте свой блог автоматического выпуска · Pseudoyu
  4. Легкие открытые бесплатные системы обзора блога (Cusdis + Railway) · Pseudoyu
  5. Установить бесплатную систему статистики данных личных данных (Umami + vercel + heroku) · pseudoyu
  6. Процесс создания личного веб -сайта (1): купить имя личного домена и настроить анализ динамических доменных имен (jinli.cyou)
  7. Создание личного веб -сайта (2): используйте фреймворк Hugo для создания личного веб -сайта (jinli.cyou)
  8. Процесс создания личного веб -сайта (3): использование и оптимизация стека темы Hugo (jinli.cyou)
  9. Процесс создания личного веб -сайта (4): Поисковая оптимизация сайтов (SEO) (jinli.cyou)

Что такое Хьюго?

Статический генератор страниц

На самом деле, если вы хотите создать личный блог, этого достаточно, чтобы посмотреть на ссылку выше. Но я все еще кратко представляю необходимые шаги здесь. Хьюго - это статический генератор страниц. Он может создать красиво генерировать красивую статическую страницу. Преимущество статических страниц состоит в том, что развертывание относительно удобно, скорость отклика быстрая, а недостатки очевидны. Вы не можете редактировать страницу в режиме реального времени. Вы должны отредактировать локальную страницу -развернутую на сервер (конечно). , и трудно быть сложно интегрировать функции некоторых традиционных динамических страниц передней и задней части; но даже в этом случае, статические страницы или Хьюго достаточно для людей.

Установка и использование Хьюго

Эта часть очень проста, просто сделайте это непосредственно на официальном сайтеQuick Start | Hugo (gohugo.io)Официальный веб -сайт дал ключевые шаги для загрузки Hugo, настройки тем, публикации сообщений и т. Д. Он дается очень простой учебник.

Яма 1: Если вы используете его на платформе Windowswinget install Hugo.Hugo.ExtendedЕсли загрузка Hugo не может быть открыта/используется нормально, вам нужно перейти в каталог установки Hugo, чтобы скопировать Hugo.exe в папку блога и запустить инструкции Hugo в виде относительного пути, например, как./hugo.exe server -D, Это может работать нормально

Выбор и установка темы Хьюго

Вы можете приехатьПолный список | Темы Hugo (gohugo.io)Просмотрите свою любимую тему. это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 -сертификация приложения (подробное объяснение графического) сообщества разработчиков (aliyun.com)Тогда тогда

КонфигурацияGithub Action

Узнали ли вы, что приведенный выше процесс развертывания не сложный, но всякий раз, когда ваш блог обновляется, вам нужно скопировать файл для его копирования, что очень проблема после этого, он будет выпущен автоматически, и нам не нужно Вручную публиковать это? Конечно, есть, то есть использовать егоGithub ActionТогда тогда

Github ActionЧто

GitHub ActionsЭто автоматизированный инструмент рабочего процесса, предоставляемый платформой 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/

Ниже приведено объяснение файла конфигурации:

  1. name: Укажите название рабочего процесса, здесь назван"Deploy Hugo Project to Aliyun ECS"Тогда тогда
  2. on: Укажите события, которые запускают рабочий процесс, вот конфигурация, чтобы подтолкнуть к"main" Запустите рабочий процесс во время ветвления.
  3. jobs: Определить одну или несколько рабочих мест. Здесь"deploy" работа.
  4. runs-on: Укажите среду рабочей работы операционной системы. Конфигурация здесь настроена как"ubuntu-latest"Это означает запуск в последней среде Ubuntu.
  5. steps: Серия шагов для определения работы.
  • name: Укажите имя каждого шага, чтобы определить роль шага.
  • uses: Укажите использование действия, используйте несколько разных действий для выполнения разных задач, таких как использование"actions/checkout@v2" Действие обнаруживает код, используйте"peaceiris/actions-hugo@v2" Установка и конфигурация действия Hugo, используйте"easingthemes/ssh-deploy@v2" Действие развернуло веб -сайт в Alibaba Cloud ECS.
  • with: Действие, используемое для передачи параметра в использовании, здесь используйте разные параметры для настройки версии Hugo, установите хост цели развертывания, пользователя и пути.
  • run: Запустить команды в текущей рабочей среде, используйте ее здесь"hugo –minify" Команды по созданию веб -сайта Hugo и сжатия вывода.
  • env: Настройка переменных окружающей среды. Вот переменная среды для частных ключей и удаленных хостов, пользователей и целевых путей для соединения SSH. Эти значения получены из секретов Github.

Цель этого файла конфигурации - каждый раз перемещать"main" Во время филиала автоматически создайте веб -сайт Hugo и разверните сгенерированные файлы веб -сайтов в назначенный каталог, указанный на Alibaba Cloud ECS. Это может достичь непрерывной интеграции и автоматического развертывания, повысить эффективность разработки и обеспечить, чтобы последняя версия веб -сайта была доступна на Alibaba Cloud ECS.

Выше${{ 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Подключение к вашему серверу, это стоит около 30 лет; это значительно упростит ручную работу и уменьшит сложность.Github ActionЯ могу сделать много других вещей, и функции очень мощные!

Интегрированная система обзора

Важность системы комментариев блога не так важна, как ее содержание. Конечно, выбор системы комментариев, которая вам нравится. Вот некоторые общие системы комментариев

То, что я сейчас выбираю, это Cusdis, причина в

  1. Открытый исходный код и самостоятельно: Cusdis -это система обзора с открытым исходным кодом. Вы можете размещать на своем собственном сервере и иметь полное управление данными, не в зависимости от третьих сторон. Это означает, что вы можете защитить конфиденциальность пользователей и иметь автономную автономию The Возможность управлять и изменять систему обзора.
  2. Легкий: SDK Cusdis составляет всего 5 КБ (после сжатия GZIP). По сравнению с другими системами комментариев, такими как Disqus (сжатие GZIP 24 КБ), он очень легкий и не принесет большой нагрузки на скорость загрузки веб -сайта, он помогает улучшить производительность веб -сайта.
  3. Не требуйте комментаторов для входа в систему: Cusdis не требует, чтобы комментаторы входили в систему. Рецензенты могут анонимные комментарии и не используют никаких файлов cookie. Это помогает уменьшить вход пользователей и пороговые значения регистрации и увеличивать участие пользователей.
  4. Легкий в использовании: Cusdis предоставляет простой встроенный инструмент для комментариев, который можно легко встроить на любую страницу веб -сайта, простой в использовании.
  5. Уведомление по электронной почте: 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'В результате загрузка данных не удалась.

Причина в том, что он будет использоваться перед загрузкой данных обзораOptionsДля запроса HTTP агент NGINX в более позднем запросе GET добавил еще один уровень в запрос 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 обычно включает в себя следующие аспекты:

  1. Исследование ключевых слов: изучая ключевые слова, используемые пользователями в поисковых системах, выберите соответствующие ключевые слова и примените их к контенту веб -сайта, чтобы веб -сайт получил более высокий рейтинг в поиске с ключевыми словами.
  2. Оптимизация контента веб -сайта: оптимизируйте содержание веб -сайта, включая заголовок, описание, текст и т. Д., Делая его более качественным, ценным, связанным, и соответствовать спецификациям и требованиям поисковых систем.
  3. Оптимизация структуры веб -сайта: оптимизируйте структуру и макет веб -сайта, чтобы сделать его более дружелюбным пользователем, простых в навигации и понимании, и гарантировать, что поисковые системы могут эффективно понимать и индексировать контент веб -сайта.
  4. Оптимизация технологии веб -сайта: оптимизированная технология веб -сайта, включая скорость загрузки веб -сайта, отзывчивый дизайн, структуру URL, метка страницы и т. Д., Чтобы улучшить пользовательский опыт веб -сайта и эффект ползания поисковых систем.
  5. Построение внешней ссылки. Благодаря строительству внешних ссылок увеличивает вес ссылки и популярность веб -сайта, тем самым увеличив авторитет и достоверность веб -сайта в поисковой системе.
  6. Оптимизация в социальных сетях: оптимизируя платформы социальных сетей, включая обмен контентом веб -сайта, взаимодействие и участие в сообществах социальных сетей и т. Д., Увеличивайте воздействие и популярность веб -сайта.
  7. Мониторинг и анализ: регулярный мониторинг и анализ эффекта SEO на веб -сайте, понимать рейтинг и трафик веб -сайта в поисковой системе, а также корректировать и оптимизировать в соответствии с данными.

Цель оптимизации SEO - улучшить рейтинг веб -сайта в поисковой системе, чтобы облегчить поиск, когда пользователи ищут связанные ключевые слова, тем самым увеличивая органический поток веб -сайта и увеличивая видимость бренда и коэффициент конверсии бизнеса. SEO. SEO. SEO. SEO. SEO. SEO. является длинной и сложной работой, которая должна быть постоянно оптимизированной и постоянной попыткой. В то же время она также должна следовать спецификациям и требованиям поисковых систем, чтобы гарантировать, что веб -сайт может продолжать получать хороший рейтинг в поиске двигатель.

Что такое sitemap.xml

sitemap.xml Это XML -файл для веб -сайта, который содержит структурированную информацию веб -сайта, чтобы уведомить страницу и содержание страницы и содержание веб -сайта поисковой системы. Это технология для поисковой оптимизации (SEO), чтобы помочь поисковым системам лучше понимать и индексация контента веб -сайта.

sitemap.xml Файл обычно содержит адрес URL -адреса всех страниц веб -сайта, а также такую ​​информацию, как важность этих страниц, частота обновления и окончательное время обновления. Поисковая система может быть прочитана, чтениеsitemap.xml Файлы для понимания структуры и содержания веб -сайта, чтобы разумно понять и индекс на странице веб -сайта.

sitemap.xml Для оптимизации SEO сайта есть несколько функций:

  1. Улучшение индексного эффекта веб -сайта: отправивsitemap.xml Файл передается поисковой системе, чтобы помочь поисковой системе понять содержание веб -сайта более полным, чтобы лучше индексировать и отобразить страницу веб -сайта.
  2. Ускорить скорость индексации новой страницы: когда веб -сайт выпускает новую страницу, добавив URL -адрес новой страницы наsitemap.xml В файле и отправившись в поисковую систему, вы можете ускорить скорость новой страницы с помощью индекса поисковой системы.
  3. Управлять частотой поисковых систем: прохождениеsitemap.xml Установите частоту обновления страницы и окончательное время обновления в файле, которое может привести к обновлению страницы подсказок поисковой системы, чтобы помочь поисковым системам разумно понять страницу веб -сайта более интеллектуально.
  4. Улучшить пользовательский опыт веб -сайта: с помощью использованияsitemap.xml Файлы могут помочь поисковым системам лучше понять структуру и содержание веб -сайта, тем самым улучшая пользователей для поиска и получить доступ к опыту страницы веб -сайта в поисковых системах.

Использование инструмента анализа потока Umami

Google Analytics, используемая раньшеУмамиКак замена, развертывание в местном районе, оно является более быстрым, легким и безопасным.

Умами введение

Умами Это простой и простой инструмент анализа статистики трафика с открытым исходным кодом. Umami не использует файлы cookie, не отслеживает пользователей, и все собранные данные будут обработаны анонимно, что соответствует политике GDPR. Ресурсы. очень низкие. Анализ данных богат содержанием, основным источником страны, исходным доменным именем, браузером, системой, используемым оборудованием и доступом к веб -страницам к интервью. Он также поддерживает многослого можно использовать для замены Google Analytics, Cloudflare Web Analytics, CNZZ и 51LA и других статистических инструментов, а также можно создать самостоятельно, чтобы избежать удаления блоком, чтобы сделать статистические данные более точными (Позже было обнаружено, что некоторые из рекламных штепсельных заводов будут перехвачены …)).[Цитата из Self -построенного веб -сайта]

Как развернуть умми

потому чтоОфициальная документация УмамиОн сломан, поэтому, пожалуйста, перейти к немуСклад с открытым исходным кодомПроверьте документ развертывания, и операция все еще очень быстрая. Здесь я расскажу о проблемах, с которыми легко столкнуться.

Сначала, когда клонированный склад GitHubgit clone https://github.com/umami-software/umami.gitЭто легко иметь проблемы с сетью. В настоящее время вы можете сначала загрузить склад, а затем распаковать его в назначенный каталог сервера. Вы также можете скопировать склад Github в Gitee, а затем клонировать свой склад 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, войти в систему, изменить пароль и т. Д., Вы можете обратиться к этому блогуИспользуйте Self -построенный веб -сайтТогда тогда

На этом этапе Умами должен иметь возможность использовать его обычно, если консоль вызывает ошибкуFailed to load resource: net::ERR_BLOCKED_BY_CLIENTЗатем его следует перехватить с помощью рекламных перехватчиков, таких как Adblock. Вы можете отключить свой рекламный перехватчик, чтобы решить его, но нет хорошего способа избежать перехвата рекламного перехватчика, поэтому данные могут не быть настолько точными.

Подведем итог

Прочитав вышеупомянутый контент, я считаю, что вы знакомы с основным процессом создания собственного блога;Понимание важно, а практика так же важнаВ середине процесса создания личного блога из -за различной среды, темы выбора и личного опыта, возникшие проблемы должны быть разными. Самое главное в этом процессе - этотерпение, Желая потратить время, чтобы попытаться решить проблемы, с которыми сталкиваются, расти в обучении и учиться в росте. Как и в обложке этой статьи, водяные лилии Моне символизируют спокойствие и терпение. Я также хочу, чтобы все хотели построить все хотят построить . Студенты, которые хотят достичь своих целей, хотя невозможно быть гладким, если у них достаточно терпения и способности открывать и решать проблему, если у них достаточно терпения и способностей. Помогите внешнему миру,Если вам нужно это получить, у вас будет что -то.

Тема Stack, дизайн Jimmy & Built with Hugo