【ツール】Typoraのデザインをカスタマイズする方法
普段のメモ書きとして重宝しているTyporaというエディタ。マークダウンを入力後すぐに表示がHTML変換されて表示される、慣れるとこれが楽。
大事なことが分かるように書きやすい。
ただ、変換後のデザインがパットしないな～
なんて眺めていたらただのCSSでの表示であることを発見。
（説明書を読まないタイプなので発見が遅いｗｗｗ）
カスタマイズについての説明もあるようなのだが、読むのも面倒、さらに英文なので頭から煙が出る。もちろんそんなものは読まずにパス。
「なんとかなるべ。」と思い
見た感覚でカスタムすることに。
さて、さっそく着手してみよう。
テーマフォルダを開く
ファイルメニュー ＞ 設定 ＞ 表示タブ の順で開く。
そして「テーマフォルダを開く」ボタンをクリック。
元にするテーマをコピー
この時点で感の良い人はわかったと思うのだが、つくりは簡単。
テーマ名のCSSとテーマ名のフォルダが存在している。
今回はGithubを採用。
これをコピーして、好きな名前にリネーム。
ついでに同じ名前でフォルダも作成。
CSSをカスタマイズ
作成したフォルダにお気に入りのフォント「Myrica」のファイルを配置。
CSSは好みに応じて編集。
Typoraを再起動
リアルタイムで反映されるほど優れてはいないので、アプリケーションを再起動。
すると、テーマの中に作成したものが登場します。
見た目比較
Github
もともとあるGithubの見た目。
良くも悪くもない感じ。
Original
自作テーマの見た目。
ピンク系の色が好きなのでこんな感じになりました。
これイイネｗｗｗｗ
今回書いたMarkdown
今回テスト用に書いたマークダウンの内容は以下。
# 2021/03/18
## 作業内容１
* タスク
* タスク①
* タスク②
* タスク③
* 問題点
* 問題点①
* 問題点②
## 作業内容２
* 打合せ
* 議題
* ほげほげWebサイト開発
* 議事
* デザイン
* コンセプト
* ターゲット
## 作業内容３
まとめ
デザインの変更ができるということはMarkdown使いにはうれしい限り。
メモを取るときと印字する時のテーマを分けるとかなり仕事でも使えそうな気がしますね。
Typoraはマークダウンを入力後に自動でHTMLへパースされ、かつ、HTMLへの出力もでき、さらには印刷もできる。
皆様も自分流にカスタムして仕事のヤル気、効率を上げてみてはどうでしょう？
