Why not login to Qiita and try out its useful features?

We'll deliver articles that match you.

You can read useful information later.

0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VS Code における Markdown の独自構文など

Last updated at Posted at 2024-11-12

はじめに

Markodown は便利である反面、拡張した性にやや乏しい。そこで、Markdown Preview Enhanced を使うことでリアルタイムで拡張可能になる。まず、独自の構文やスタイルの設定について話していく。

  1. Markdown Preview Enhanced を VS Code にインストールする。
  2. Ctrl + Shift P を押す。
  3. Markdown Preview Enhanced: Open Config Script (Workspace) を選択する。

こうするとワークスペースに .crossnote ディレクトリができる。この中の parser.js を書き換えると独自構文を使うことができる。最初の状態では以下のようになっている。(2024/11/12)

parser.js
({
  // Please visit the URL below for more information:
  // https://shd101wyy.github.io/markdown-preview-enhanced/#/extend-parser

  onWillParseMarkdown: async function(markdown) {
    return markdown;
  },

  onDidParseMarkdown: async function(html) {
    return html;
  },
})

例えば、「カクヨム」や「小説家になろう」、「note」などで使われる振り仮名を振る構文を実装してみよう。

parser.js
({
  onWillParseMarkdown: async function(markdown) {
    // ルビの正規表現にマッチさせる
    return markdown.replace(/|(.*?)(.*?)》/g, (match, word, ruby) => {
      return `<ruby>${word}<rt>${ruby}</rt></ruby>`;
    });
  },

  onDidParseMarkdown: async function(html) {
    return html;
  },
})

これで、例えば |Qiita《キータ》 と書けば Qiitaキータ と出力される。

PDF

PDF サイズをA4にするには以下のように先頭に書く。

---
puppeteer:
  format: "A4"
---
0
0
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

Qiita Advent Calendar is held!

Qiita Advent Calendar is an article posting event where you post articles by filling a calendar 🎅

Some calendars come with gifts and some gifts are drawn from all calendars 👀

Please tie the article to your calendar and let's enjoy Christmas together!

0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Login to continue?

Login or Sign up with social account

Login or Sign up with your email address