О HEXO, чтобы построить личный блог по крупицам

Hexo

Вы можете увидеть окончательный эффектздесь

задний план

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

В начале все мои блоги были написаны на Sina Weibo, потому что продвигать свои статьи на Weibo было проще, да и количество пользователей Weibo было большим, но потом постепенно выявились недостатки Weibo. мир разработчика. Я часто вставляю много кода в свой блог, но Weibo не поддерживает редактирование уценки. Совместимость обычных редакторов для блоков кода очень плохая, не говоря уже о подсветке. Как показано ниже:

微博代码

Более того, система учетных записей Weibo также имеет определенные недостатки, поэтому я обратился к технологическим платформам, таким как Jianshu и Nuggets.Должен признать, что эти платформы гораздо более дружелюбны к разработчикам, чем Weibo, но позже я обнаружил проблему. Потому что я использую локальный редактор уценки, когда пишу статьи, и эти платформы не являются строгими с некоторыми мелкими деталями синтаксиса уценки или унифицированы, как показано ниже:

简书VS掘金

Редакторы двух платформ не могут быть унифицированы, поэтому каждый раз, когда пишется статья, необходимо вносить разные изменения для двух платформ.

Подводя итог, можно сказать, что самый простой и постоянный способ — создать собственную платформу для блога, и HEXO очень хорошо помог нам решить эту проблему.На самом деле, это не сложно для разработчика.Для разработчиков, основанных на коде, это может быть сделано за одно утро, но самое сложное и головная боль — это настройка деталей, модификация UI, оптимизация и т. д., но в этой статье мы объясним их по порядку.

Конфигурация среды

cURL:

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

После завершения установки перезапустите терминал и выполните следующую команду, чтобы установить Node.js.

$ nvm install stable

У обычных разработчиков такого не будет, у меня будет при установке Xcode,

Использование Homebrew, MacPorts: brew install git или загрузкаУстановщикУстановить

Обычно я использую форму страницы HEXO+GitHub для создания своего собственного блога, но здесь есть проблема, что GitHub является открытым исходным кодом, любой может увидеть на нем ваш исходный код, хотя это не имеет большого влияния, но для странно для меня, поэтому я использую страницу битбакета для своего блога, все то же самое, за исключением того, что это частный репозиторий (бесплатно для пяти человек)

Начать создание веб-сайта

Шаг 1: Создайте репозиторий

Введите github/bitbucket (используйте github в качестве примера в будущем), чтобы создать новое репо, здесь следует отметить, что имя репо должно удовлетворятьyour Account Name/github.io. Если это битбакет, то этоyour Account Name/bitbucket.io, потому что только такое имя репозитория может отображаться в виде статической страницы в конце. Как показано на рисунке: содержимое XXX должно соответствовать тексту в красном поле.

Шаг 2. Создайте локальную папку

После создания папки перейдите в папку, которую вы создали, для выполнения связанных с инициализацией команд hexo.

$ hexo init
$ npm install

После завершения выполнения ваша папка будет иметь содержимое.Стандартная структура каталогов такая (перечислены только несколько необходимых папок и их подкаталоги)

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

  • _config.yml: Большинство наших будущих операций будет в_config.ymlЭтот файл является файлом конфигурации для нашего сайта.

  • подмости: Файл шаблона определяет первоначальный вид, когда мы создаем статью,

  • источник: Его временно можно понимать как место хранения наших статей.

  • темы: файл темы

Шаг 3. Развертывание в Git

Измените файл конфигурации нашего сайта_config.ymlв следующих полях

в:

  • typeЗначение соответствует типу сервера, который вы развертываете.Мы можем заполнить git здесь.

  • repoЭто адрес вашего склада, который является адресом клона склада.Рекомендуется использовать ссылку https.

  • branchЕсли вы его не запишете, по умолчанию будет master Обычно мы можем написать его как master.

После завершения вышеуказанной конфигурации сохраните ее, а затем вернитесь в терминал, чтобы выполнитьnpm install hexo-deployer-git --saveУстановите плагин, чтобы статьи, которые вы пишете, могли быть развернуты на сервере github и просмотрены другими. После завершения установки последовательно выполните следующие коды в терминале (для простоты следующие вместе называются тремя шагами)

  • hexo cleanочистить кэш

  • hexo generateотображать стенограммуhexo g

  • hexo serverРазвертывание в локальном (для отладки) сокращенииhexo s. Затем тип браузераhttp://localhost:4000Вы можете видеть эффект своего блога, но это для локальной отладки, и другие его не видят. (Помните после отладкиcontrol + CЗакройте локальный порт, иначе в следующий раз не сможете войти)

  • Использовать после отладкиhexo deployсокращенноhexo dдля развертывания на сервере git.

После выполнения вышеуказанных операций откройте адрес браузера и введитеhttp://你github名字.github.ioВы можете увидеть эффект, на этот раз его может увидеть каждый, даже с мобильным телефоном. На данный момент завершен третий этап, и окончательный результат выглядит следующим образом:

Шаг 4: Напишите статью

Используйте следующую командуhexo new post “文章名字”Вы можете создать новую статью. Созданная статья находится вsource/_posts, вы можете редактировать содержимое с помощью синтаксиса уценки. После редактирования вы можете выполнить операцию терминала на третьем шаге и обновить браузер, чтобы увидеть новую статью. Как показано ниже:

персонализировать

Один: Темы

Получать

Тема является основой и предпосылкой нашей персонализации. Любая личная модификация, которую мы хотим сделать, в основном является модификацией нашей темы. Найти тему, которая нас удовлетворит, - это первая задача. В сети много на эту тему,Официальный каталог тем HEXOОн также включает в себя множество тем от разработчиков со всего мира. Или разработчики могут напрямую искать ключевое слово темы HEXO в Интернете, чтобы получить тему.

Установить

Темы, как правило, репозиторий, если вы говорите о клонировании и переходите в каталог блога themes/XXXX, XXXX соответствует имени, которое вы дали теме, например:git clone https://github.com/huyingjie/hexo-theme-A-RSnippet.git themes/a-rsnippetЭто гарантирует, что каждый раз, когда у автора темы есть обновление, мы можем извлечь его, чтобы получить обновление. Однако с этим есть проблема, я расскажу об этом в колонке синхронизации нескольких терминалов HEXO, поэтому здесь мы выбираем другой способ установки, то есть напрямую загружаем репо темы. Затем распакуйте его в темы. На самом деле авторы стабильных тем обычно не обновляются часто, а мы не используем нестабильные темы, поэтому установка последних одинакова.

Затем мы возвращаемся к файлу конфигурации сайта прямо сейчас_config.ymlИзмените следующие поля, соответствующее имя является именем папки темы, которую вы только что сделали: рядом с моей стороны,

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

Два: Тематическое меню

добавить кнопку

Меню темы также можно назвать кнопкой темы. То есть два в верхней части выше, два по умолчанию в следующей теме — «Главная», «Архив», мы обычно добавляем тег о категории и так далее. Все это нужно изменить в теме, нам нужно изменить файл конфигурации темы, сначала найдите его в папке темы._config.ymlФайл, да, имеет то же имя, что и предыдущий файл конфигурации сайта, но пути к ним разные, не путайте их, файл конфигурации сайта — это общее для настройки сайта, а файл конфигурации темы — это элемент, который настраивает некоторые темы. Найдите поле меню в файле конфигурации темы

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

Каждый из этих файлов соответствует своему языку.В качестве примера возьмем китайский и введемzh-Hans.ymlизменить эти поля в

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

добавить страницу

После добавления кнопки нам нужно нажать кнопку, чтобы отобразить единую страницу. На этом этапе нам нужно добавить страницы. Взяв в качестве примера страницу тегов, команда для добавления страницы в шестнадцатеричном формате выглядит так:hexo new page XXXXXСледующее XXX — это имя добавляемой страницы, здесь пишем теги. Чтобы протестировать новую страницу тега, мы добавляем тег на предыдущую страницу. Заходим в source/_post, чтобы найти статью, добавляем следующие поля в начале, мульти-лейбл и так далее

Затем отредактируйте страницу тегов, которую мы только что создали (source/tags/index.md) указывает, что его типом являются теги

Затем сохраните и выполните три шага, которые будут иметь следующий эффект.

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

Третье: Добавить кнопку «Читать дальше»

Когда мы находимся на домашней странице, это на самом деле наш список статей, но в настоящее время есть проблема: если одна или несколько наших статей очень длинные, будет ли домашняя страница длиннее? Фактически, на главной странице мы можем отображать только часть содержания статьи и нажимать кнопку «Подробнее», чтобы ввести сведения о статье. На данный момент статью нужно урезать. Используем соответствующее место в статье<!--more-->Чтобы усечь, используйте артикль по умолчанию, чтобы увидеть

Затем выполните эти три шага, и эффект будет следующим

Нажмите, чтобы узнать больше.

Четыре: изменить фон темы

Сначала найдите следующий путьthemes\next\source\css_custom\custom.stylВы обнаружите, что он пуст. Этот файл зарезервирован для нас темой Next для создания некоторых пользовательских стилей CSS. Мы добавляем следующий код.

//背景图片相关
@media screen and (min-width:1200px) {

    body {
    background-image:url(/images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size: cover
    }

    #footer a {
        color:#eee;
    }
}

Здесь вы должны увидеть, что путь к изображению в круглых скобках является нашим фоновым изображением, нам просто нужно поместить изображение вthemes\next\source\imagesПросто не забудьте правильно написать название изображения и добавить суффикс. Точно так же мы можем напрямую поместить ссылку на изображение в круглые скобки, напримерhttps://tpc.googlesyndication.com/simgad/6893153702744595670После выполнения этих операций сохраните, а затем выполните три шага, чтобы увидеть эффект, но в браузере может быть кеш, вы можете очистить кеш и обновить, чтобы увидеть.

Пятое: изменить прозрачность фона блога

Так как фоновое изображение было изменено на предыдущем шаге, то если оно будет перекрыто белым цветом самого NExt, то это будет выглядеть не очень хорошо.Можно попробовать сделать белый фон прозрачным, так будет намного красивее. лучше изменить файл прямо сейчас.themes\next\source\css_custom\custom.stylНа основе предыдущего шага мы можем добавить следующий код

//改变背景色和透明度
.main-inner {
    background: #fff;
    opacity: 0.9;
}

Первый атрибут — это значение цвета, а второй атрибут — наша прозрачность. Правильно измените его, иначе это будет контрпродуктивно и переносы будут нечеткими. После того, как последние два шага выполнены, это эффект моего блога.

Шестое: Измените аватар автора, чтобы он был кругом,

По умолчанию у нас квадратный аватар. Если вы хотите изменить его на круг, добавьте следующий код к пути в предыдущих двух шагах.

.site-author-image {
  border-radius: 100%;
  padding: 2px;
  border: 2px dashed #fff;
  animation: cycle 2s 0.5s forwards;
  transition: border-radius 2s;
}

Сохранить -> три шага, чтобы увидеть эффект

Седьмая: добавить фоновую анимацию

Фоновой анимацией занимается Js. Студенты, знающие JS, могут написать свою любимую анимацию. Здесь я использую наиболее распространенные анимации из Интернета. найти следующий путьthemes\next\layout\_layout.swigв статье</body>Добавьте следующий код выше

<script type="text/javascript"
color="255,255,255" opacity='1' zIndex="-2" count="100" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}

Затем сохраните -> три шага, чтобы увидеть эффект, где src — это путь JS, и вы можете настроить эффект, если вам это интересно.

Восемь: добавить страницу комментариев

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

сравнивать:
  • disqus

По сравнению с именитой системой отзывов, сервис стабилен, единственный минус в том, что его нельзя использовать в Китае. Не считайте пока

  • скажи больше Относительно известная в Китае система комментирования закрыла свой сервис и пока рассматриваться не будет.

  • подарок Система комментариев, основанная на выпуске github, стиль очень похож на github, но в настоящее время он не слишком стабилен, а интерфейс нельзя настроить, что может немного не соответствовать блогу. И комментарии требуют учетной записи github

  • ливрея Китайское название - Laibili. Это корейская система комментирования. Учитывая отсутствие каких-либо национальных чувств, на нее стоит обратить внимание. Я также использую ее в настоящее время. В основном я использую ее по следующим причинам. , который час

    • Он поддерживает импорт комментариев во многих форматах. Вы можете легко импортировать данные комментариев с других платформ. Он поддерживает различные форматы json.

    • Пользовательский интерфейс профиля предлагает множество тем.

    • Иностранные вещи не подлежат внутренним ограничениям.

интегрированный:

иди первыйофициальный сайт ливреиЗарегистрируйтесь, я не буду говорить о конкретном процессе, просто установите ее пошагово, а затем он выдаст вам код установки, вот так:

Основная информация внутри — data-uid. Сама тема NEXT имеет интегрированные живые комментарии, но они закомментированы. найти файл конфигурации темы_config.ymlнайти следующий код

Откройте комментарий и введите UID, который он дал вам после регистрации в livere. Затем сохраните -> три шага.

Многотерминальная работа

задний план

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

решать

На самом деле, вы также должны видеть, что общий процесс HEXO — это рабочий процесс git.Используете ли вы github или bitbucket, вы следуете gitflow, а gitflow — это решение для совместной работы с несколькими терминалами и несколькими людьми. Таким образом, мы можем использовать его для решения проблемы многотерминальной синхронизации.

Процесс

Давайте сначала разберемся в общем процессе hexo. Наша обычная структура папок выглядит следующим образом:

Первый шаг: hexo g

В исходной папке хранятся наши статьи, теги, архивы и другая информация, то есть содержимое нашего блога. Когда мы выполняем в терминалеhexo gКогда файл в исходнике будет преобразован в файл статической страницы по определенному правилу, он будет размещен в паблике:

Шаг 2: гексо д

Затем мы выполняемhexo dНа данный момент мы можем думать об этом шаге как о процессе публичной отправки файлов в наш репозиторий git. Итак, на нашем складеXXXXXX.bitbucket.ioФайлы, которые вы видите, являются только общедоступными файлами.

Дополнительно: гексо-очистка

На самом деле этот шаг не имеет никакого отношения к gitflow, но раз уж я говорил о процессе, то и здесь расскажу о нем.Я сказал, что этот шаг используется для очистки кеша.На самом деле его функция заключается в запуске Весь публичный файл до первого шага удаляется, а затем мы выполняемhexo gРендеринг для публики, а затемhexo dРазверните, чтобы предыдущий контент не влиял на нас.

конкретная операция

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

  • Создайте еще одно хранилище, и мы временно назовем его MyProject, и перенесем все наши файлы в это хранилище Git.Когда мы переключимся на другой компьютер, мы напрямую вытащим код этого нового хранилища и напишем его -> три шага и, наконец, все После файл помещается в MyProject, все операции git выполняются в этом репозитории.

  • Git предоставляет нам многоветвевые операции.Мы можем создать новую ветку в репозитории xxxx.github.io и временно назвать ее hexo-ветвью.Функция этой ветки точно такая же, как функция MyProject в предыдущем методе и только файлы в нем Однако наш метод избавляет нас от создания еще одного хранилища. В дальнейшем все операции git будут идти в эту ветку, а локальные файлы всегда будут храниться в этой ветке, но стоит отметить, что даже если все операции выполняются в ветке hexo, вы должны убедиться, что главная ветка является основной веткой (ветвью по умолчанию). ), иначе вы не сможете открыть свой блог.

Вышеуказанные две являются основными операциями git, и в этой статье они не повторяются. Но есть одна вещь, которую я хочу здесь подчеркнуть.Помните, что тема, о которой я говорил вам в начале, заключается в том, чтобы порекомендовать вам перейти непосредственно в репозиторий, где находится тема, чтобы загрузить zip-файл, а затем разархивировать его и перетащить в блог. каталог? Если вы не перетаскиваете, а клонируете его, на этом шаге вы задействуете операцию добавления подмодуля git. На самом деле операция не сложная, а специфических команд онлайн очень много. Однако, если вы используете битбакет, как и я, вы можете обнаружить, что не можете выполнять операции с подмодулями. Я не знаю, является ли это ошибкой битбакета или какой-то другой причиной. Та же команда не вызывает проблем при использовании github для размещения блогов, но битбакет работать не будет.При использовании Executed при вытягивании с другого компаgit submodule initПри работе выдает сообщение, что не может быть найдено. До сих пор не решен вопрос, сможет ли какой-нибудь великий бог связаться со мной вовремя.

Привязать личное доменное имя

Примечание: битбакет закрыл функцию личного доменного имени для личного блога с 2015 года, то есть, если вы развернете свой личный блог в битбакете в соответствии с описанной выше операцией, вы не сможете использовать свое собственное доменное имя. в документации есть очевидная информация об этом.

Готов к работе

Создайте репозиторий на github, имя репозитория username.github.io. Затем измените адрес развертывания (поле, соответствующее репозиторию) в файле конфигурации сайта и измените исходный адрес хранилища битбакета на адрес github.

После этого сохраните его и выполните три шага. После успешного развертывания ваш блог будет перенесен с битбакета на github. Таким образом, ваш общий репозиторий блога по-прежнему находится в частном репозитории в битбакете, но общедоступные файлы в общедоступная папка была развернута вами в репозиторий github. Конфиденциальная информация по-прежнему держится в секрете, и это не влияет на вашу привязку к собственному доменному имени, убивая двух зайцев одним выстрелом. В обычных условиях адрес блога после выполнения вышеуказанных шагов — xxx.github.io, а затем начните привязывать собственное доменное имя.

Покупка домена

Каналов для этого много, поэтому не буду повторять их по одному.Покупка доменного имени Wanwang от Alibaba CloudНапример, найти подходящее доменное имя для вас

DNS

После покупки доменного имени и выполнения его шагов для аутентификации по реальному имени вам необходимо преобразовать доменное имя в наш блог и найти кнопку разрешения справа от доменного имени в консоли Alibaba Cloud. Нажмите, затем добавьте синтаксический анализ

Затем заполните и добавьте синтаксический анализ следующим образом, не забудьте заменить значение записи на собственный адрес блога.

Не забудьте включить эту запись позже, но если вы купите и настроите ее в Alibaba Cloud, как я, вам не нужно ее включать, она будет включена для вас по умолчанию.

конфигурация склада

Затем вернитесь в свой репозиторий github, войдите на страницу настроек репозитория, найдите следующие поля, добавьте свое доменное имя в красное поле и сохраните его.

Конфигурация блога

Вернитесь в каталог вашего блога, создайте файл без суффикса в исходном каталоге, назовите его CNAME и заполните свое доменное имя. Вот как я, только добавьте свое доменное имя и больше ничего не добавляйте. Затем сохраните. После выполнения трех шагов вы сможете получить доступ к своему блогу через свое доменное имя. Если вы не можете получить к нему доступ, это может быть из-за проблемы с кешем DNS оператора. Просто подождите несколько минут.

Реализовать протокол https

После выполнения вышеуказанных шагов вы можете получить к нему доступ через доменное имя, но есть проблема, что если вы используете Google Chrome или Safari, он предложит вам, что веб-сайт не является доверенным.Только если вы нажмете, чтобы продолжить, он отобразит ваш blog, и будет отображаться адресная строка. В ней по-прежнему есть красный ×. Хотя это не влияет на использование и чтение, но все же чувствует себя неловко. В этот раз мы поговорим о том, как изменить протокол нашего блога на Https. Вот несколько способов:

  • купить сертификат

  • Используйте бесплатный сертификат CA. Доступны как Tencent Cloud, так и Alibaba Cloud. Но есть ограничение по времени

  • Обратный прокси с использованием CDN

Если вы используете предыдущие два шага, в основном поставщик услуг сертификатов расскажет вам, как его настроить.Их документы должны быть более подробными, чем мои, но основная причина в том, что страница github, которую мы используем, не поддерживает загрузку сертификатов, поэтому я в основном поговорим об этом здесь. Третий шаг — настройка обратного прокси через CDN. Здесь вам нужно использовать иностранного поставщика услуг CDN.Cloudflare:

принцип

CloudflareОн предоставляет услугу разрешения DNS, и скорость очень высокая.Разрешение, которое вступает в силу через полчаса в облаке Alibaba, вступает в силу здесь мгновенно.Он предоставляет бесплатный сервис https (но не применяет сертификат SSL). Режим реализации заключается в том, что соединение между пользователем и сервером CDN — https, а соединение между сервером CDN и сервером GithubPage — http, то есть к серверу CDN добавляется обратный прокси.

Небольшой замок, который видит пользователь, на самом деле является сертификатом пользователя для подключения к Cloudflare, а https от Cloudflare к github не идет, но для нашего статического блога его достаточно.

настроить

первый шаг:

Или зайдите на официальный сайт, чтобы сначала зарегистрироваться, а затем добавить свое доменное имя, обратите внимание на купленное вами доменное имя.

Шаг 2:

Войдите в интерфейс разрешения DNS и заполните следующее разрешение.Поскольку мы используем cloudflare для разрешения DNS, нам нужно на некоторое время удалить разрешение места, где мы приобрели доменное имя.

Первые два из них — это адреса серверов, из-за которых ваше доменное имя указывает на github.В документации github указаны эти два адреса, а последняя запись CNAME указывает на доменное имя вашего репозитория github username.github.io. Он должен быть настроен строго в соответствии с этим.

третий шаг:

Запишите сервер разрешения DNS, предоставленный вам cloudflare, чуть ниже страницы на предыдущем шаге, используйте эту запись, чтобы заменить сервер разрешения DNS, на котором вы приобрели свое доменное имя (у меня это Alibaba Cloud), и удалите разрешение DNS в Alibaba Cloud. , потому что в будущем мы будем полагаться на clouleflare для разрешения DNS.

четвертый шаг:

Вернитесь в cloudflare и выберите вариант шифрования выше, а затем выберите полный или гибкий ниже.

Различия между вариантами следующие

Последний требует поддержки сертификата. Затем прокрутите вниз, чтобы включить параметр «Всегда использовать HTTPS».

пятый шаг:

После того, как вышеуказанные шаги настроены, это в основном завершено, но если кто-то напрямую введет http://XXXXX в адресную строку, чтобы войти в ваш блог, на вашей стороне все равно будет эффект, отличный от HTTPS, поэтому нам нужно сделать принудительный прыжок сюда.

Таким образом, ничего не теряется.

Яма:

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

Наконец

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

Категории