1
1

More than 5 years have passed since last update.

Sublime Text | Markdown Preview Plugin で Favicon を指定する

Posted at

Sublime Text | Markdown Preview Plugin で Favicon を指定する

概要

Sublime Text の Markdown Preview Plugin で Favicon を指定します。
※ブラウザのタブを見た時にひと目で Markdown Preview のプレビューであることを判別可能にするためです

Markdown Preview Plugin のテンプレートカスタマイズ

Sublime Text のメニューの

  • Preferences
  • Package Settings
  • Markdown Preview
  • Setting - User

を選択し、下記のように編集することで任意のテンプレートを利用できます。

{
  "html_template": "/path/to/your/template/markdown_template/template.html"
}

テンプレートを作成し、 Favicon の Link タグを追加します

/path/to/your/template/markdown_template/template.html
<!doctype html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Markdown Preview</title>
  <link rel="shortcut icon" href="favicon.ico">
</head>
<body>
{{ BODY }}
</body>
</html>

Preview を確認します

markdown_preview_tab.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1