Hackmd

オンラインでMarkdownが記述・プレビュー

オンラインでMarkdownがプレビュー付きで記述出来て便利なサービス https://hackmd.io/

良い点

  • リアルタイムプレビュー
  • Dropbox, Google のアカウントを利用できる
  • imgur と連動している。アップロードした画像は自動的に imgur に格納される2
  • Dropbox, Google Drive, Gist へエクスポート可能
  • Dropbox, Google Drive, Gist およびクリップボードからインポート可能
  • markdown または HTML 形式でローカルにダウンロード可能
  • 簡単な記述により YouTube, Vimeo, Gist, SlideShare, Speakerdeck のコンテンツを埋め込める
  • シーケンスやフローチャートも描ける

このオンラインサービスでMarkDownを作成し、Hugoの記事に貼り付けると楽だね

数式

Markdownにて数式を表示させる

テーマによって、そのまま数式表示対応になっている場合があるが、もし、表示されない場合は、テーマ内のlayout/partial/footer.htmlに下記を追加

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
    });
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>

KaTeX can be used to generate complex math formulas server-side.

$$ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots $$

Additional details can be found on GitHub or on the Wiki .

[Read More]

Markdown Sample

MarkDownのサンプル書式

Advertisement :)

  • pica - high quality and fast image resize in browser.
  • babelfish - developer friendly i18n with plurals support and easy syntax.

You will like those projects!


h1 Heading 8-)

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Horizontal Rules




Typographic replacements

Enable typographer option to see result.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test… test….. test?….. test!….

!!!!!! ???? ,, – —

[Read More]

Hugoでの初投稿

最初のHugoサイト構築メモ

HugoとGitLab、Netlifyを利用し、サイトを構築してみた

サイト構築

前提条件

  • GitLabアカウント登録済み
  • Netlifyアカウント登録済み
  • ローカルにhugoをインストール済み

作業手順

  1. GitLabにてリポジトリ作成

    [Read More]

CentOS6上にRSSリーダーのTinyTinyRSSを導入

CentOS6上にtiny tiny rssを導入

必要条件

  • PHP 5.6以上
  • Postgresql9.1以上 or MySQL InnoDB
  • SSL証明書(letsencrypt)
  • Git
  • https環境(Apache,nginx)
  • DNS

はじめに

Tiny Tiny RSS のダウンロード

導入するディレクトリ及びオーナー・グループ(nginx)は適宜変更

[Read More]