Question

我正在运行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]
    stackoverflow = "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的answer所述，您可以通过将代码块包装在3个反引号中来在markdown中包含代码块：

```language
some code here
```

要突出显示语法，可以使用Hugo内置的Chroma。只需将这些行添加到config.toml文件的顶部即可（不要让名称使您感到困惑，它们说的是 pygments ，但它们是 chroma 的意思）：

pygmentsCodefences = true
pygmentsStyle = "pygments"

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

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

2 个答案: