Как встроить код через текстовый редактор?

Я запускаю Hugo и редактирую свои страницы с помощью Notepad++. Я хотел бы встроить код, похожий на страницу здесь.

Моя версия Хьюго

Hugo Static Site Generator v0.55.6-A5D4C82D windows/amd64 BuildDate: 2019-05-18T07:57:00Z

Мой файл config.toml находится ниже. Как видите, я добавил параметры pygments вверху страницы:

pygmentsCodefences = true
pygmentsStyle = "autumn"


baseurl = "https://blakeshurtz.netlify.com/"
title = "Blake Shurtz"
theme = "hugo-creative-portfolio-theme"
languageCode = "en-us"
# Enable comments by entering your Disqus shortname
disqusShortname = ""
# Enable Google Analytics by entering your tracking code
googleAnalytics = ""



[params]
  # Style options: default (pink), blue, green, pink, red, sea, violet
  # Use custom.css for your custom styling
  style = "default"
  description = "Describe your website"
  copyright = "&copy;2019 Blake Shurtz"
  sidebarAbout = [
    "I am a research statistician who enjoys building models and apps.",
    "Originally from the Bay Area, currently based in central CA."
  ]
  # Contact page
     # Since this template is static, the contact form uses www.formspree.io as a
     # proxy. The form makes a POST request to their servers to send the actual
     # email. Visitors can send up to a 1000 emails each month for free.
     #
     # What you need to do for the setup?
     #
     # - set your email address under 'email' below
     # - upload the generated site to your server
     # - send a dummy email yourself to confirm your account
     # - click the confirm link in the email from www.formspree.io
     # - you're done. Happy mailing!
  email = "[email protected]"

    # Optional Matomo analytics (formerly piwik)
      # [params.analytics.matomo]
      #  URL = "https://stats.example.com"
      #  ID = "42"
      #  # Track all subdomains with "*.example.com" (Optional)
      #  domain = "www.example.com"
      #  # Optional integrity check hash
      #  hash = ""

  # Nav links in the side bar
  [[params.navlinks]]
  name = "Home"
  url = "portfolio/"
  home = true

  [[params.navlinks]]
  name = "About"
  url = "about/"

  [[params.navlinks]]
  name = "Get in touch"
  url = "contact/"

  [params.social]
    stackoverflow = "https://stats.stackexchange.com/users/206673/blake-shurtz"
  twitter       = "https://twitter.com/blakeobeans"
  email         = "[email protected]"
  linkedin      = "https://www.linkedin.com/in/blakeshurtz/"

  github        = "https://github.com/blakeobeans"

Может ли кто-нибудь привести пример того, что мне нужно написать в текстовом редакторе, чтобы включить код?

Спасибо!

[РЕШЕНО]Перейти к решению

159

Hugo240 вопросов

Ответы:

Решено

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

Окружите свой код тремя обратными кавычками в начале и в конце.

```python (or whatever language)
code here
```

Как упоминает отвечать Амброуза Леунга, вы можете включать блоки кода в уценку, заключая их в 3 обратных кавычки:

```language
some code here
```

Чтобы получить подсветку синтаксиса, вы можете использовать Chroma, встроенную в Hugo. Просто добавьте эти строки в начало вашего файла config.toml (пусть названия вас не смущают, они говорят пигменты, но предназначены для цветность):

pygmentsCodefences = true
pygmentsStyle = "pygments"

Вы можете установить значение pygmentsStyle для любого из стилей из галерея стилей.

Как встроить код через текстовый редактор?

Ответы:

Интересные вопросы для изучения