Hugo + Pygments- 강조 표시 테마를 변경하는 방법? 휴고와

Question

사용 Pygments는이 같은 블록 구문 강조를 수행 할 수 있습니다

```ruby 
def hello object 
    puts "Hello, #{object}" 
end 
``` 

점에서이 "작품"코드가 색이지만, 색상 (Pygments에서) 흰색 텍스트, 잘되지 않습니다 (휴고 테마에서) 흰색 배경에. 강조 표시의 테마를 변경하는 방법이 있습니까?

Answer 1

는 /config.toml에서는이 라인이 필요합니다. 나는 거기에 더 있다고 생각하지만, 아직 포괄적 인 목록을 찾지 못했습니다.

/themes/hyde/static/css/override.css

pre { 
    background-color: #23241f; 
} 
code { 
    background-color: #EEE 
} 

그리고 추가 : 실제로는 휴고 테마로 설정되어있는 코드 블록의 배경에 대한

는 하이드의 테마 나는이 같은 CSS를 무시하는 데 필요한 사용되었다 /themes/hyde/layouts/partials/head.html

<link rel="stylesheet" href="{{ .Site.BaseURL }}css/override.css"> 

Answer 2

테마를 https://github.com/richleland/pygments-css에서 선택하고 CSS에 맞게 조정하십시오. 여기 참조 내 SCSS 파일에서 내 우고 사이트의 스타일 (의견은 특정 행 아래에)입니다 : 나는 숭고한 예를 들어 Color Highlighter를 들어, 색상 코드를 강조 플러그인을 사용하는 것이 좋습니다

pre { 
    overflow: auto; 
    display: block; 
    position: relative; 
    // word-break: break-all; 
    // word-wrap: break-word; 
    // white-space: pre-wrap; 
    @include font-stack-code; 
    // padding: 1rem 1rem 2rem; 
    // border: $border; 
    font-size: 0.75em; 
    //background-color: #fafafa; 
    color: #fff; 
    background-color: #333; 
    .hll { 
      background-color: #49483e; 
    } 
    .c { 
      color: #75715e; 
    } 
    /* Comment */ 
    .err { 
      color: #960050; 
      background-color: #1e0010; 
    } 
    /* Error */ 
    .k { 
      color: #66d9ef; 
    } 
    /* Keyword */ 
    .l { 
      color: #ae81ff; 
    } 
    /* Literal */ 
    .n { 
      color: #f8f8f2; 
    } 
    /* Name */ 
    .o { 
      color: #f92672; 
    } 
    /* Operator */ 
    .p { 
      color: #f8f8f2; 
    } 
    /* Punctuation */ 
    .cm { 
      color: #75715e; 
    } 
    /* Comment.Multiline */ 
    .cp { 
      color: #75715e; 
    } 
    /* Comment.Preproc */ 
    .c1 { 
      color: #75715e; 
    } 
    /* Comment.Single */ 
    .cs { 
      color: #75715e; 
    } 
    /* Comment.Special */ 
    .ge { 
      font-style: italic; 
    } 
    /* Generic.Emph */ 
    .gs { 
      font-weight: bold; 
    } 
    /* Generic.Strong */ 
    .kc { 
      color: #66d9ef; 
    } 
    /* Keyword.Constant */ 
    .kd { 
      color: #66d9ef; 
    } 
    /* Keyword.Declaration */ 
    .kn { 
      color: #f92672; 
    } 
    /* Keyword.Namespace */ 
    .kp { 
      color: #66d9ef; 
    } 
    /* Keyword.Pseudo */ 
    .kr { 
      color: #66d9ef; 
    } 
    /* Keyword.Reserved */ 
    .kt { 
      color: #66d9ef; 
    } 
    /* Keyword.Type */ 
    .ld { 
      color: #e6db74; 
    } 
    /* Literal.Date */ 
    .m { 
      color: #ae81ff; 
    } 
    /* Literal.Number */ 
    .s { 
      color: #e6db74; 
    } 
    /* Literal.String */ 
    .na { 
      color: #a6e22e; 
    } 
    /* Name.Attribute */ 
    .nb { 
      color: #f8f8f2; 
    } 
    /* Name.Builtin */ 
    .nc { 
      color: #a6e22e; 
    } 
    /* Name.Class */ 
    .no { 
      color: #66d9ef; 
    } 
    /* Name.Constant */ 
    .nd { 
      color: #a6e22e; 
    } 
    /* Name.Decorator */ 
    .ni { 
      color: #f8f8f2; 
    } 
    /* Name.Entity */ 
    .ne { 
      color: #a6e22e; 
    } 
    /* Name.Exception */ 
    .nf { 
      color: #a6e22e; 
    } 
    /* Name.Function */ 
    .nl { 
      color: #f8f8f2; 
    } 
    /* Name.Label */ 
    .nn { 
      color: #f8f8f2; 
    } 
    /* Name.Namespace */ 
    .nx { 
      color: #a6e22e; 
    } 
    /* Name.Other */ 
    .py { 
      color: #f8f8f2; 
    } 
    /* Name.Property */ 
    .nt { 
      color: #f92672; 
    } 
    /* Name.Tag */ 
    .nv { 
      color: #f8f8f2; 
    } 
    /* Name.Variable */ 
    .ow { 
      color: #f92672; 
    } 
    /* Operator.Word */ 
    .w { 
      color: #f8f8f2; 
    } 
    /* Text.Whitespace */ 
    .mf { 
      color: #ae81ff; 
    } 
    /* Literal.Number.Float */ 
    .mh { 
      color: #ae81ff; 
    } 
    /* Literal.Number.Hex */ 
    .mi { 
      color: #ae81ff; 
    } 
    /* Literal.Number.Integer */ 
    .mo { 
      color: #ae81ff; 
    } 
    /* Literal.Number.Oct */ 
    .sb { 
      color: #e6db74; 
    } 
    /* Literal.String.Backtick */ 
    .sc { 
      color: #e6db74; 
    } 
    /* Literal.String.Char */ 
    .sd { 
      color: #e6db74; 
    } 
    /* Literal.String.Doc */ 
    .s2 { 
      color: #e6db74; 
    } 
    /* Literal.String.Double */ 
    .se { 
      color: #ae81ff; 
    } 
    /* Literal.String.Escape */ 
    .sh { 
      color: #e6db74; 
    } 
    /* Literal.String.Heredoc */ 
    .si { 
      color: #e6db74; 
    } 
    /* Literal.String.Interpol */ 
    .sx { 
      color: #e6db74; 
    } 
    /* Literal.String.Other */ 
    .sr { 
      color: #e6db74; 
    } 
    /* Literal.String.Regex */ 
    .s1 { 
      color: #e6db74; 
    } 
    /* Literal.String.Single */ 
    .ss { 
      color: #e6db74; 
    } 
    /* Literal.String.Symbol */ 
    .bp { 
      color: #f8f8f2; 
    } 
    /* Name.Builtin.Pseudo */ 
    .vc { 
      color: #f8f8f2; 
    } 
    /* Name.Variable.Class */ 
    .vg { 
      color: #f8f8f2; 
    } 
    /* Name.Variable.Global */ 
    .vi { 
      color: #f8f8f2; 
    } 
    /* Name.Variable.Instance */ 
    .il { 
      color: #ae81ff; 
    } 
    /* Literal.Number.Integer.Long */ 
    .gh {} 
    /* Generic Heading & Diff Header */ 
    .gu { 
      color: #75715e; 
    } 
    /* Generic.Subheading & Diff Unified/Comment? */ 
    .gd { 
      color: #f92672; 
    } 
    /* Generic.Deleted & Diff Deleted */ 
    .gi { 
      color: #a6e22e; 
    } 
    /* Generic.Inserted & Diff Inserted */ 
} 

. https://help.farbox.com/pygments.html2 좋은 소스, 스타일의 목록은

PygmentsCodeFences = true 
PygmentsStyle = "monokai" 

: