# Syntax Highlighting

**URL:** <https://talk.jekyllrb.com/t/syntax-highlighting/1914>\
**Category:** Help\
**Created:** [June 21, 2018, 12:55am UTC](https://talk.jekyllrb.com/t/syntax-highlighting/1914 "2018-06-21T00:55:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![iphton](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/iphton/32/1945_2.png) [@iphton](https://talk.jekyllrb.com/u/iphton)\
**Post date:** [June 21, 2018, 12:55am UTC](https://talk.jekyllrb.com/t/syntax-highlighting/1914/1 "2018-06-21T00:55:21Z")

</div>

About the syntax highlighting in Jekyll , how it’ll appear on site. I observed that there are couple of ways we can do this like what `jekyll` introduced or markdown style. Now, as familiar for me and comfortable i like to use markdown style. Now, when i view the outcome on web i found like following - Is this how it appear ? I mean, just take a look the border around code and moreover the syntax is like more foggy or unclear. The same look appear if i use `jekyll` style though.

 ![www](https://canada1.discourse-cdn.com/flex030/uploads/jekyllrb/original/2X/6/6973bb6857c72575901fbfa25a304880d9831f5c.JPG)

Here is my `_config.yml` file

```auto
# The release of Jekyll Now that you're using
version: v1.2.0

theme: minima

# Jekyll 3 now only supports Kramdown for Markdown
kramdown:
  # Use GitHub flavored markdown, including triple backtick fenced code blocks
  input: GFM
  # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
  syntax_highlighter: pygments #rouge
  syntax_highlighter_opts:
    # Use existing pygments syntax highlighting css
    css_class: 'highlight'

# Set the Sass partials directory, as we're using @imports
sass:
  style: :expanded # You might prefer to minify using :compressed

```

---

<div class="post-metadata">

**Author:** ![rdyar](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/rdyar/32/710_2.png) [@rdyar](https://talk.jekyllrb.com/u/rdyar)\
**Post date:** [June 21, 2018, 2:33am UTC](https://talk.jekyllrb.com/t/syntax-highlighting/1914/2 "2018-06-21T02:33:34Z")

</div>

> [@iphton](#):
>
> `# Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting syntax_highlighter: pygments #rouge`

maybe this is your problem? you should probably be using rouge but you have it set to pygments?

are you using gh pages?

if that isn’t it, a repo and website to look at would be helpful.

---

<div class="post-metadata">

**Author:** ![iphton](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/iphton/32/1945_2.png) [@iphton](https://talk.jekyllrb.com/u/iphton)\
**Post date:** [June 24, 2018, 11:36am UTC](https://talk.jekyllrb.com/t/syntax-highlighting/1914/3 "2018-06-24T11:36:50Z")

</div>

Hi rdyar, thanks for your response. Anyway, you might see that `rouge` was comment in where I used `pygments`. However, After few day later of posting this problem here, I finally manged to get rid of this problem. I created a quick gist for this as a note. Check it [here](https://gist.github.com/iphton/d4e607bfd4759f02ae6f68bd33fbca34).

And more of this, also can view the outcome of this change on my [blog](https://iphton.github.io/iphton.github.io/Up-&-Running-of-Image-Data-Analysis-Using-Numpy-&-OpenCV-Part-1/).

Hope Gist may help others to manage Highlighting problem in Jekyll.