RStudio で@Yihui Xieblogdownパッケージを使用して新しいブログに取り組んでいますが、わかりません
私のblogdownインストールではcactus-plusテンプレートを使用しており、箱から出してすぐに見にくいパレットでコードをレンダリングします (少なくとも私にとっては):
のように見えhighlight: zenburnますが、よくわかりません。
通常のRMarkdownwドキュメントでは、yaml の html 出力を次のように変更します。
output:
html_document:
theme: united
highlight: tango
しかし、hugo テーマと blogdown では、これらの変更がどこでどのように行われるのかわかりません。
以下に、自分のテーマのためにどうやってそれをハックしたかを概説します. FWI 私はまだ学習段階にあるので、私のやり方が最適な解決策ではないかもしれません。
テーマ ディレクトリで、/partials/head.html または header.html に移動します。次の html 行を追加します。これにより、カスタム コピーをダウンロードすることなく、CDN リソースが直接使用されます。
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
使用するスタイルに基づいて default.min.css を置き換えます。githubスタイルを使用しています。または、highlight.js Web サイトからカスタム コピーをダウンロードし、zip フォルダーを抽出して、選択した Highlight.js と CSS スタイルを Web サイトの関連するディレクトリにコピーすることもできます。
編集: さらに簡単な実装は、Yihui の指示を利用することです: 次のコードをfoot_custom.html/layouts/ ディレクトリの下に追加します。.
<script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
<script src="//cdn.bootcss.com/highlight.js/9.12.0/languages/r.min.js"></script>
<script>
hljs.configure({languages: []});
hljs.initHighlightingOnLoad();
</script>
最後のコードは、highlight.js が自動的に言語を推測しないようにします。config.tomlたとえば
、手動で設定できるものhighlightjsVersion = "9.12.0"
highlightjsCDN = "//cdn.bootcss.com"
highlightjsLang = ["r", "yaml", "tex", "python"]
highlightjsTheme = "github
head_custom に、次のコードを追加します。
<link href="//cdn.bootcss.com/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet">
コード ブロックのカスタマイズには、CSS を使用します。
追加リソースはこちら