```
これに`d-flex justify-content-end`を追加します。
```html
```
## Markdown対応
Markdownで記事を書けないと辛いので対応します。利用するLibraryは以下です。
https://github.com/markedjs/marked
Body部分に以下を追記します。親切に``って感じにユーザーコードを書く場所があるので下に書きます。
```js
```
なお、利用する場合はMarkdown部分を以下で囲みます。投稿テンプレートに設定しておくと楽です。
```html
<textarea border-style:dotted="border-style:dotted" class="markdown" disabled="disabled">
ここにMarkdown記述
</textarea>
```
## Codeのハイライト対応
highlight.jsを使ってプログラムのコードをHighlight対応します。これはHead部分に追記します。
これも``って感じにユーザーコードを書く場所があるので下に書きます。
```js
```
ちなみに`stackoverflow-dark`と書かれた部分を変更するとデザインが変わります。
デザインは以下から選べるので、変更したい場合は参考にしてください。
https://highlightjs.org/static/demo/
## Code部分の枠サイズを調整
何もしないとJetThemeのpreタグと干渉して枠が二重?になるので修正します。
特に気にならない人は対応しなくて良いです。では、以下を検索します。
```css
pre {
background-color: var(--jt-bg-light);
margin-bottom: 1rem;
padding: 1rem;
font-size: 0.75rem;
}
```
ここから不要な項目を消します。ついでに私は文字サイズも変えました。
```css
pre {
/*background-color: var(--jt-bg-light);*/
/*margin-bottom: 1rem;*/
/*padding: 1rem;*/
font-size: 0.8rem;
}
```
## Google Analytics対応
自分用のメモです。``の次に書けと言われるので、手動追加を選ぶと出力されるスクリプトを直ぐ下に追記します。
## おわりに
HTMLを直接編集するため、記述ミスがあると悲しいことになります。
都度Backupを取るかテスト用ブログでお試しあれ。
追記: 2023/03/02
[続き](/2023/03/blogger-jettheme.html)
Blogger,JetTheme