2013-04-15 14 views
7

Używam Jekyll i Markdown na Github na moim blogu. Jak wstawić tagi kodu na mojej stronie?Używam Jekyll i Markdown na Github na moim blogu. Jak wstawić tagi kodu na mojej stronie?

przykład myślałem mogę używać <pre> tagi wstawić jakiś kod wskoczy na mojej stronie, aby wyświetlić czytelnikom ale Jekyll ich nie lubi ..

Czy ktoś mógłby mi powiedzieć dobrego tag formatowania mogę skorzystać z tego, aby wstawić kod w moją stronę

jeśli próbuję ten kod:

<pre> 
    <code class="ruby"> 
git clone --mirror [email protected]:project project 

cd project 

git remote add github [email protected]:username/project.git 


In cron Job 

cd /pathto/project && git fetch -q && git push -q --mirror github 
    </code> 
</pre> 

otrzymuję ten błąd

enter image description here

Moja _config.xml

# This is the default format. 
# For more see: https://github.com/mojombo/jekyll/wiki/Permalinks 
permalink: /:categories/:year/:month/:day/:title 

exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md"] 
auto: true 
pygments: true 

# Themes are encouraged to use these universal variables 
# so be sure to set them if your theme uses them. 
# 
title : xxxx 
tagline :xxxx 
author : 
    name : xxx 
    email : jxxx 
    github : xxx 
    twitter : xx 

# The production_url is only used when full-domain names are needed 
# such as sitemap.txt 
# Most places will/should use BASE_PATH to make the urls 
# 
# If you have set a CNAME (pages.github.com) set your custom domain here. 
# Else if you are pushing to username.github.com, replace with your username. 
# Finally if you are pushing to a GitHub project page, include the project name at the end. 
# 
production_url : http://johnathanmarksmith.com 

# All Jekyll-Bootstrap specific configurations are namespaced into this hash 
# 
JB : 
    version : 0.3.0 

    # All links will be namespaced by BASE_PATH if defined. 
    # Links in your website should always be prefixed with {{BASE_PATH}} 
    # however this value will be dynamically changed depending on your deployment situation. 
    # 
    # CNAME (http://yourcustomdomain.com) 
    # DO NOT SET BASE_PATH 
    # (urls will be prefixed with "/" and work relatively) 
    # 
    # GitHub Pages (http://username.github.com) 
    # DO NOT SET BASE_PATH 
    # (urls will be prefixed with "/" and work relatively) 
    # 
    # GitHub Project Pages (http://username.github.com/project-name) 
    # 
    # A GitHub Project site exists in the `gh-pages` branch of one of your repositories. 
    # REQUIRED! Set BASE_PATH to: http://username.github.com/project-name 
    # 
    # CAUTION: 
    # - When in Localhost, your site will run from root "/" regardless of BASE_PATH 
    # - Only the following values are falsy: ["", null, false] 
    # - When setting BASE_PATH it must be a valid url. 
    #  This means always setting the protocol (http|https) or prefixing with "/" 
    BASE_PATH : false 

    # By default, the asset_path is automatically defined relative to BASE_PATH plus the enabled theme. 
    # ex: [BASE_PATH]/assets/themes/[THEME-NAME] 
    # 
    # Override this by defining an absolute path to assets here. 
    # ex: 
    # http://s3.amazonaws.com/yoursite/themes/watermelon 
    # /assets 
    # 
    ASSET_PATH : false 

    # These paths are to the main pages Jekyll-Bootstrap ships with. 
    # Some JB helpers refer to these paths; change them here if needed. 
    # 
    archive_path: /archive.html 
    categories_path : /categories.html 
    tags_path : /tags.html 
    atom_path : /atom.xml 
    rss_path : /rss.xml 

    # Settings for comments helper 
    # Set 'provider' to the comment provider you want to use. 
    # Set 'provider' to false to turn commenting off globally. 
    # 
    comments : 
    provider : disqus 
    disqus : 
     short_name : jekyllbootstrap 
    livefyre : 
     site_id : 123 
    intensedebate : 
     account : 123abc 
    facebook : 
     appid : 123 
     num_posts: 5 
     width: 580 
     colorscheme: light 

    # Settings for analytics helper 
    # Set 'provider' to the analytics provider you want to use. 
    # Set 'provider' to false to turn analytics off globally. 
    #   
    analytics : 
    provider : google 
    google : 
     tracking_id : 'UA-123-12' 
    getclicky : 
     site_id : 
    mixpanel : 
     token : '_MIXPANEL_TOKEN_' 

    # Settings for sharing helper. 
    # Sharing is for things like tweet, plusone, like, reddit buttons etc. 
    # Set 'provider' to the sharing provider you want to use. 
    # Set 'provider' to false to turn sharing off globally. 
    # 
    sharing : 
    provider : false 

    # Settings for all other include helpers can be defined by creating 
    # a hash with key named for the given helper. ex: 
    # 
    # pages_list : 
    #  provider : "custom" 
    # 
    # Setting any helper's provider to 'custom' will bypass the helper code 
    # and include your custom code. Your custom file must be defined at: 
    # ./_includes/custom/[HELPER] 
    # where [HELPER] is the name of the helper you are overriding. 
+0

Czy ta pomoc: http://stackoverflow.com/questions/8648390/syntax-highlighting-markdown-code-blocks-in-jekyll-without-using-liquid-tags? –

+0

Nie Otrzymałem powyższy błąd .. zobacz pytanie z aktualnymi informacjami – SJS

+0

Musisz opublikować plik _config.yml, jeśli taki posiadasz. Jeśli możesz podać link do repozytorium, będzie to również pomocne. –

Odpowiedz

3

Jeśli "strona" masz na myśli to plik Markdown, czyli rozszerzenia jest .md lub .markdown, wtedy będziesz chciał użyć standardowej składni Markdown:

Dla inline code użytku backticks, tak: `code` inline

Dla block code tiret każda linia przez 4 pomieszczeń:

block 
of 
code 

Jekyll wykorzystuje parser Markdown jak RedCarpet, Maruku lub RDiscount i nie określa w jaki sposób powinieneś sformatować swoją zawartość, która jest ustawiona według rodzaju tworzonej treści, w tym przypadku Markdown. Więc miejsce patrzeć jest dokumentacja składni Markdown dla code:

http://daringfireball.net/projects/markdown/syntax#code

Można również zajrzeć do Podświetlanie składni za pomocą znacznika {% highlight %} składni Liquid:

https://github.com/mojombo/jekyll/wiki/Liquid-Extensions#code-highlighting

nadzieję, że pomoże!

3

Jak o tym sir

~~~ ruby 
# This is a test. 
def foo 
    puts 'foo' 
end 
~~~ 

ref

+0

Alternatywnie (i myślę, że jest to bardziej powszechne) dodaj trzy odciski "' 'zamiast znaków' ~ '. – IQAndreas

Powiązane problemy