Casual Developers Note

エンジニアやデザイナー向けの技術情報・英語学習情報・海外留学情報・海外旅行情報を提供中。世界を旅して人生を楽しもう。

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
現在の場所:ホーム / アーカイブmarkdown

2018年1月15日 By KD コメントを書く

MarsEditでMarkdownを使う場合の設定

MarsEditでMarkdownを使う場合の設定

MarsEditの初期設定が完了した後、ブログを書き始めるわけですが、皆さんはどういうフォーマットで書きますか?リッチエディタですか?HTMLですか?それともMarkdownですか?一般のブロガーであればリッチエディタかHTMLになると思いますが、私のようにエンジニアであればMarkdownに決まっています。というか、一般のブロガーもMarkdownの書き方を覚えたら同じ気持ちになりますよ。それでは、設定してみましょう。

MarsEditの設定

以下の設定をしてください。

Preferences -> Blog -> Edittingの設定を変更する

Preview Defaults -> Preview Text Filterから、
Convert Line Breaks => Markdownに変更します。

スクリーンショット 2017 12 25 14 11 45

Preferences -> Editorの設定を変更する

Default editing modeから、Rich text => Plan textに変更します。

スクリーンショット 2017 12 25 14 12 02

Markdownで書いてみる

まさに今書いているこのブログで見てみましょう。こんな感じ。

スクリーンショット 2017 12 25 14 18 15

今回は見出しの指定に使用しています。「##」は「h2タグ」、「###」は「h3タグ」という感じです。Markdownの書き方が分からない方はこちらを参考にしてみて下さい。正直、Markdownの全ての記法が使えるわけではありませんが、ブログに使うだけなら悪くないです。

WordPressの設定

MarsEditの設定だけだと、アップロードした際にWordPress上でMarkdownが適用されないため、こちらにも設定が必要です。以下の2つのプラグインのどちらかの設定をしてください。

Jetpack

Jetpack – WP Security, Backup, Speed, & Growth
Jetpack – WP Security, Backup, Speed, & Growth
Download QR-Code
Jetpack – WP Security, Backup, Speed, & Growth
Developer: Automattic
Price: Free

インストールして有効化したら、WordPressの右のメニューに以下が追加されていますので、「設定」を選択します。

スクリーンショット 2017 12 25 14 49 54

「Writing -> Composing」の「プレーンテキストのMarkdown 構文で投稿やページに書き込み」を有効にします。

スクリーンショット 2017 12 25 14 52 03

上記のやり方は公式サイトのMarkdown導入手順に書いてあります。

Markdown on Save Improved

markdown-on-save-improved
markdown-on-save-improved
Download QR-Code
markdown-on-save-improved
Developer: Matt Wiebe
Price: Free

こちらは実はJetpackに入っているものと同じになります。Jetpackを入れないでMarkdownを使いたい場合のみ使ってください。

こちらはインストールして有効にするだけで投稿画面で使用できます。投稿画面の右側に以下が追加されるので、Markdownを使わない時は外すことができます。

スクリーンショット 2017 12 25 14 29 14

最後に

というわけで、今回はMarsEditのMarkdownの設定方法でした。まだMarkdownへの対応が完璧では無いので、MarkdownとHTMLを併用して書く感じにはなりますが、それでもかなり書きやすいです。試したことが無い人は試してみて下さい。

環境

  • MarsEdit : 4.0.4
  • WordPress : 4.9.1

カテゴリ : ライフハック タグ : markdown, marsedit, wordpress

ブログ更新情報や海外の関連情報などを配信する無料メルマガ

Sponsored Links

About Author

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手IT企業で働く中で、新しい技術やスケールするビジネスが北米にある事に気づく。世界に挑戦するための最大の壁が英語であったため、フィリピン留学およびカナダ留学を経て英語を上達させた。現在は日本在住でエンジニアとして働きつつ、次の挑戦に備えて世界の動向を注視している。挑戦に終わりはない。このブログでは、エンジニアやデザイナー向けの技術情報から、海外に留学したい人向けの留学情報、海外に興味がある人向けの海外旅行情報など、有益な情報を提供しています。

https://casualdevelopers.com/

最近の投稿

  • 2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年JS周辺のバックエンド寄りの注目技術!ネクストNodeJSの「Deno」と分散型パッケージレジストリの「Entropic」の紹介

    2020年1月13日
  • 今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    今さら聞けないJavaによる関数型プログラミング入門 ~ラムダ式、ストリーム、関数型インターフェース~

    2019年11月4日
  • ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    ReactのためのEslintおよびPrettierの設定方法 ~Airbnb JavaScript Style Guideの適用~

    2019年10月30日
  • BashからZshに移行する方法(Mac編)

    BashからZshに移行する方法(Mac編)

    2019年10月21日
  • Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編)

    2019年9月30日

カテゴリ

  • 技術 Tips & Tutorials (100)
  • 技術塾 (6)
  • ライフハック (26)
  • 海外留学 (12)
  • 英語学習 (3)
  • コラム (6)

アーカイブ

最高の学習のために

人気記事ランキング

  • MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
    MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
  • SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
    SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
  • Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
    Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
  • Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
    Expressで「Cannot set headers after they are sent to the client」と怒られた時の対処法
  • SLF4JとLogbackによるJavaのロギング入門(SLF4J + Logback + Lombok)
    SLF4JとLogbackによるJavaのロギング入門(SLF4J + Logback + Lombok)
  • Amazon EC2インスタンスにSSHできなくなった時の対処法
    Amazon EC2インスタンスにSSHできなくなった時の対処法
  • SpringBootのProfile毎にプロパティを使い分ける3つの方法
    SpringBootのProfile毎にプロパティを使い分ける3つの方法
  • [tips][perl] Perlで文字コードをいい感じに処理する方法
    [tips][perl] Perlで文字コードをいい感じに処理する方法
  • 爆速でJenkinsをマスターしよう(GitHubアカウント統合編) ~ JenkinsのGitHub Organizationの設定方法 ~
    爆速でJenkinsをマスターしよう(GitHubアカウント統合編) ~ JenkinsのGitHub Organizationの設定方法 ~
  • Go言語のためのVisual Studio Codeの設定方法
    Go言語のためのVisual Studio Codeの設定方法

Bitcoin寄付 / BTC Donation

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。

Bitcoin寄付について知りたい方はこちらの記事へ

ビットコイン取引ならここ

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • サイトマップ
  • タグ一覧
  • プライバシーポリシー
  • お問い合わせ

Copyright © 2023 KD - Casual Developers Notes