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

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

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

意外とめんどいmac OSXでのddコマンド

-
Image
使う人はよく使う、dd commandですが、mac OSXにも標準搭載されています。 しかし、/dev/以下とか、mountの仕組みがLinuxと異なるので、注意点(1)(2)を書いてみます。 !!注意!! ddコマンドは間違えると起動不能に陥ったりします。 用法、用量を守って、正しくお使い下さい。 !!!!!!!!! (1) /dev/disk#がディスク(#には0以上の数値が入ります) 　Terminal (ターミナル)を開いて、以下コマンドをしてみましょう。 　 　 ls /dev/disk* 　するとこんなんが出ると思います。 　/dev/disk0 /dev/disk0s1 /dev/disk0s2 /dev/disk0s3 　僕の環境はmacbook airで元々搭載しているディスクはSSD 1個で、 　それが/dev/disk0。 　/dev/disk0上の論理パーティションが/dev/disk0s1、/dev/disk0s2 、/dev/disk0s3と3個あります。 　まあ、ddコマンドを知っている人には説明不要ですね。 　Linuxでは/dev/sd* (*はa, b, c...)なのに、macだと/dev/disk*になるわけです。 　では、例えばUSBメモリにddコマンドでイメージを書き込みたい場合を考えます。 　USBメモリを刺して、もう一度ls /dev/disk*してみましょう。 　するとこうなるかと。 　/dev/disk0   /dev/disk0s1  /dev/disk0s2  /dev/disk0s3  /dev/disk1   /dev/disk1s1 　ハイ、これでUSBメモリが/dev/disk1として認識されることがわかりました。 　(macの環境に依って違うので、必ず上記確認をしてください) (2)macの「外す」はumountとデバイス外しを両方やっちゃう 　terminalで 　 df 　とコマンドしますと、現在マウントされているディスクが見えます。 Filesystem    512-blocks     Used Avail...
Read more