web-dev-qa-db-fra.com

Comment ajouter des scripts sur un blog?

Je souhaite ajouter du code source dans mon blog dans Blogger. J'ai donc effectué une recherche. Sur le site Web, j'ai trouvé une question similaire et dans les solutions, j'ai trouvé une solution:

  1. Copiez le code suivant:

    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
    SyntaxHighlighter.all();
</script>
  2. Collez-le dans votre modèle Blogger juste au-dessus de la balise </head>.
  3. Enregistrez le modèle.
  4. Ensuite, vous pouvez commencer à créer des blocs de code dans vos entrées de blog existantes ou nouvelles.
  5. Il existe deux manières d'ajouter un bloc de code à l'aide de SyntaxHighlighter.

Méthode 1: à l'aide de la balise script

<script type="syntaxhighlighter" class="brush: csharp">
<![CDATA[ //Simple Code ]]></script>

Méthode 2: à l'aide de la balise pre

<pre class="brush: csharp">//Simple Code</pre>

Le problème est que la première méthode ne fonctionne pas et qu'elle n'affiche rien, et la deuxième méthode affiche le code source mais sans la coloration syntaxique.

Je pense qu'il y a quelque chose qui empêche les scripts de fonctionner dans mon blog.

Alors pourriez-vous s'il vous plaît m'aider à résoudre ce problème?

bloggerjavascriptsyntax-highlighting
1
Spoon Yukina

J'ai essayé la méthode 2 en utilisant mon compte Blogger. J'ai un modèle assez compliqué, alors j'ai ajouté les scripts juste en dessous des balises title dans l'en-tête HTML.

Cela a fonctionné sans aucun problème pour moi.

Vous avez peut-être un paramètre dans votre navigateur qui empêche JavaScript de s'exécuter? J'ai consulté mon article Blogger dans FireFox.

N'oubliez pas que chaque fois que vous chargez votre page Web, celle-ci devra accéder au site Web du développeur (http://alexgorbatchev.com/SyntaxHighlighter/). Au lieu de créer un lien dur vers son URL, vous devriez créer ses scripts à partir de GitHub.

1
AlaskaJohn