Научите вас создавать личный технический блог с Hexo

Node.js внешний интерфейс GitHub Hexo

предисловие

На самом деле, идея построить личный технический блог у меня появилась еще на старшем курсе стажировки, а потом я поленился и надолго отложил ее. Некоторое время назад я опубликовал в Nuggets несколько статей, которые написал раньше, и получил много лайков и прочтений. для личного блога нужно купить доменное имя, нужно потратить деньги, на самом деле это не так, Github может помочь нам сгенерировать статические URL бесплатно, о чем будет сказано позже.

Что такое гексо

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

Установите GitBash

Git Bash — это инструмент командной строки для git в Windows.

  • ссылка на скачивание
  • Шаги установки: Дважды щелкните загруженный исполняемый файл до следующего
  • Подтвердить успех: выполнитьgit version, консоль выводит соответствующую версию git, что означает, что установка прошла успешно.

Установить узел

Hexo — это статический блог, основанный на среде Node, и инструменты npm необходимы.

  • ссылка на скачивание
  • Этапы установки: основные операции, которые здесь повторяться не будут.
  • Подтвердить успех: выполнитьnode -v, консоль выводит соответствующую версию Node, что означает, что установка прошла успешно.

Установить гексо

  • Сначала создайте папку для локального хранения блогов, затемcdв соответствующий каталог.
  • Команда установки:npm i -g hexo(рекомендуется использоватьcnpmустановка, это будет относительно быстро)
  • Подтвердите успех:hexo -v

  • инициализация:hexo initПапка открыта позже, показана ниже:

  • Кратко объясните роль папки

node_modules: зависимые пакеты

scaffolds: команда для создания шаблонов статей и т. д.

источник: различные статьи, созданные с помощью команды

темы: темы

_config.yml: Конфигурация всего блога

package.json: информация о конфигурации проекта модуля, необходимая для проекта.

Мост на Гитхаб

  • Если у вас нет учетной записи, создайте учетную запись (программисты не должны~), если у вас есть учетная запись, выполните следующие действия:

  • Вернитесь в gitbash и настройте информацию об учетной записи github (замените YourName и YourEail своими собственными)

  • Чтобы создать SSH, введите в gitbash:ssh-keygen -t rsa -C "youremail@example.com, сгенерируйте ssh, а затем найдите его согласно следующему рисункуid_rsa.pub

  • Поместите полученный ssh ​​в github:

Один шаг у двери

  • Откройте проект блога в редакторе и измените_config.ymlНекоторая конфигурация файла (Помните, что после двоеточия должен быть пробел, иначе конфигурация не вступит в силу, это яма Hexo!)
deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
  • Войдите в проект блога и выполните следующие команды соответственно:
hexo clean
hexo generate
hexo server
  • Откройте ввод браузера:http://localhost:4000, пришло время стать свидетелем чуда~

Загрузить на Гитхаб

  • Сначала вам необходимо установить инструмент склада загрузки Hexo, выполнитьnpm install hexo-deployer-git --save, чтобы написанные вами статьи можно было развернуть на сервере github.
  • Выполнить команду (рекомендуется делать это каждый раз, сначала очищать, потом компилировать и загружать)
hexo clean
hexo generate
hexo deploy
  • Введите в браузереhttp://yourgithubname.github.io, чтобы вы могли видеть свой онлайн-блог~

Оптимизируйте свой блог

Некоторые детские туфли впервые увидели в этом блоге, вау, такая уродливая ~ У всех есть опыт, тема по умолчанию некрасивая, вотURL-адрес шестнадцатеричной темы, в настоящее время у вас есть 195 тем на выбор, и вы можете менять одну каждую неделю в течение трех лет~ (Конечно, я приму вас, если вы сможете это сделать~) Как установить тему, нажмите на соответствующий адрес для подробной инструкции здесь нет.Неоднократно. Покажи это здесьадрес моего личного блога, можно прийти и почистить PV, когда у тебя будет время~

вести блог

Наконец, как вы ведете блог?

  • Новая статья:hexo new '文章名', и тогда вы сможете увидеть его в исходной папке блога.
  • Написание контента: поддержка синтаксиса уценки, поэтому теперь я использую редактор уценки, который поставляется с Nuggets, чтобы копировать статью после написания, что идеально совместимо ~
  • Если вы видели его локально, вы можете загрузить его на github.Эти шаги также упоминались ранее.Как правило, сервер github будет немного задерживаться после загрузки.После десяти минут последний блог должен быть обновлен.

конец

личный блог embers (будет часто обновляться)

Категории