pandocでMarkdownをhtmlに変換すると内部リンクが出来ない問題

-


タイトルそのままですが、
pandocでMarkdownをhtmlに変換すると内部リンク（ページ内リンクとか、ローカルリンク）ができなくなる問題の対処法です。

TL;DR,
対処法
(1)pandocを使わず、vscode ExtensionのMarkdown PDFを使う
(2)下記方法で、変換後htmlを修正する


今回は(2)について説明します。
(1)にしない理由ですが、(1)だと画像埋め込みのhtmlができないんですよ..

今回は、上の画像みたいに、目次と各章があるものを作ったとします。

# Markdownリンクテスト

## Index

- [Markdownリンクテスト](#markdownリンクテスト)
  - [Index](#index)
  - [1. はじめに](#1-はじめに)
  - [2. つぎに](#2-つぎに)
    - [2.1. つぎのつぎに](#21-つぎのつぎに)
  - [3. おわりに](#3-おわりに)

## 1. はじめに

あああ

## 2. つぎに

いいい

### 2.1. つぎのつぎに

ううう

## 3. おわりに

えええ

まあ、よくやりますよね。
で、これをpandocでhtml形式に変換します。

pandoc test.md -t html --self-contained -o test.html

で、問題は、出来上がったhtmlです。
ためしにwebブラウザで開いて、目次をクリックしてみてください。
各章に飛ばないはずです。
中身を見てみますと

本来
になるべきhrefのリンク先が
数字とハイフン-が入っちゃってますね。
これを直します。

今回vscodeで直します。vscodeで作成したhtmlを開いてください。
（他の正規表現検索にたいおうしたテキストエディタなどでも同じようにできます）
command + f (windowsの場合ctrl + f)で検索窓を開いて...
左から説明します。
左側の矢印の部分で、置換に変換。
テキストボックスに、図のように入力します。正規表現です。
真ん中の矢印で、正規表現を有効にします。
右の矢印で、すべて置換します。
これで完了です。
修正したhtmlファイルをwebブラウザで開いて、目次をクリックするとちゃんと動くはずです。

めずらしく技術的なことを書いてみました。それでは。


Comments

Post a Comment

Popular posts from this blog

MacbookやiMacのSSD/HDDを完全消去する(High Sierra対応版)

-
---update--- 2020年版の記事をかきましたので、こちらもご覧ください https://nahareport.blogspot.com/2020/07/macbookimacssdhdd2020.html ----------- 古いMacをメルカリやヤフオクで売ったり、ソフマップに売ったり、人に譲渡したりする前にやっておきたいのがディスクのゼロ書き込みによる完全消去。 最近macOSのファイルシステムがAPFSになった関係で、昔と少し方法が変わっているので、方法を書きます。 (コマンドラインでゼロ書込みをやる方法と言っても良いかも) 0. SSDやHDDを完全消去する前に まだログインできる状態で以下はやっておきましょう。 ・iCloudログアウト 　システム環境設定>iCloud>「Macを探す」のチェックを外し、左下の「サインアウト」 ・iTunesのアカウント解除 　iTunesのメニュー「アカウント」>「サインアウト」 ・Office365のサインアウト(もし必要なら) 　各オフィスを起動した時のメニュー左上アイコン>サインアウト 　 https://portal.office.com/account/#home 　の「インストールステータス」で、今サインアウトしたマシンを削除します。 ・Adobe等のライセンス認証の解除 1. USBメモリ起動macOSインストールディスクの準備 　 https://support.apple.com/ja-jp/HT201372 2. 1で作成したUSBメモリから起動 　 https://support.apple.com/ja-jp/HT202796 　の「Startup Managerを使う」 3. APFSからHFS+への変換 　詳しい方は「ディスクユーティリティ」を起動し、SSD/HDDを選択して「削除」メニューに進まれたかと思いますが、 　昔あった完全削除メニュー...複数回のゼロ書き込みメニューがhigh sierraでは無くなっています。 　そもそもその完全削除はAPFSでサポートされてませんので、まずファイルシステムをHFS+に変換します。 　上部メニュー「アプリケーション」から「
Read more

conda clean --allはやってはいけない

-
先日、「Minicondaは使ってはいけない」という間違った記事を書いてしまいました。 誤解をふせぐために、そのポストは削除いたしました。 このMinicondaがだめなんじゃないか、と思ってしまった原因がconda clean --allなのです。 conda clean --allは、Anaconda/Minicondaの不要なパッケージやキャッシュを削除してくれるコマンドです。 これを実行すると、AnacondaフォルダまたはMinicondaフォルダの容量を小さくできるのですが、 jupyter notebookが使えなくなってしまう(kernel error)のです。 jupyter以外にも悪影響があるのかもしれませんが、少なくともjupyterは使えなくなります。 conda clean --allは容量節約のために行うものと思いますので、 じゃあ容量をなるべく増やさない方針としては ・Minicondaをインストール ・必要なパッケージだけを厳選してconda install ・conda update --allとかはしない というのが良さそうです。 Miniconda(Windowsの初期容量は0.4GB)程度ですが、 ・conda install jupyter →1.7GB程度増加 ・conda install scikit-learn → 1.6GB程度増加 となります。 なんだかんだ欲しいものインストールしていると、 MInicondaフォルダも5GBとかなってしまいます...まあAnacondaよりは小さくはできると思います。 最後にもう一度、conda clean --allはやってはいけません。
Read more

Nintendo SwitchがあればChromecastはいらないぞ！

-
Image
今までYoutubeをTVで見るときは、 iPad -> Lightning-Digital AVアダプタ HDMI変換ケーブル -> TV という風につないでいたのですが、 iPadのYoutubeアプリはiPadの画面のミラーリングしか対応しておらず、 TV に写すと画面の量端が欠けてしまっていました。 TVは16:9の横長ですが、iPadは4:3だからです。 TVでYoutubeを画面欠けなく写すためにはGoogle Chromecastを買うしかないかなあ...と思っていたのですが、 我が家ではChromecast買っても実質Youtube再生にしか使わない(NetflixとかHulu加入してないから)ため、ちょっと勿体無い。 そこでニンテンドースイッチにユーチューブアプリがこの前から提供されていたので、 インストールしてみることにしました。 アプリというか、ゲーム扱いになるんですね... UIは上記画像のような漢字です。 ソフトウェアキーボードで検索もできます。 USBキーボード接続したほうがいいかなと最初は思ったのですが、全然いりませんでした... コントローラーは2個必要なのでこうします。片方では操作ができません。 ウチは最近SwitchがTVに常時接続されているので、結構便利Youtubeが観れるようになりました。 NetflixはSwitchへアプリ提供を検討しているようなので、 https://twitter.com/Netflixhelps/status/952976543986274304 Switchがゲーム以外にも色々便利になっていきそうです。
Read more