如何通过我的文本编辑器嵌入代码？

Question

我是运行 Hugo，正在使用 Notepad++ 编辑我的页面。我想在此处嵌入一些类似于页面的代码。

我的 Hugo 版本是

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 = "you@yoursite.com"

    # 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]
    Whosebug = "https://stats.stackexchange.com/users/206673/blake-shurtz"
  twitter       = "https://twitter.com/blakeobeans"
  email         = "blakeobeans@gmail.com"
  linkedin      = "https://www.linkedin.com/in/blakeshurtz/"

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

谁能给我一个示例，说明我需要在文本编辑器中编写哪些内容才能包含代码？

谢谢！

Answer 1

我假设您的意思是使用 markdown 语法将文本格式化为代码。

在代码的开头和结尾用三个反引号括起来。

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

Answer 2

正如 Ambrose Leung 的提到的，您可以将代码块包含在 3 个反引号中：

```language
some code here
```

要获得语法高亮，您可以使用 Hugo 内置的 Chroma。只需将这些行添加到 config.toml 文件的顶部（不要让名称混淆，他们说 pygments 但用于 chroma):

pygmentsCodefences = true
pygmentsStyle = "pygments"

您可以将 pygmentsStyle 值设置为 style gallery 中的任何样式。

如何通过我的文本编辑器嵌入代码？

How do I embed code through my text editor?

hugo