Markdownテーブル表記

Markdownによる基本的なテーブル作成

Markdownでのテーブル表記 基本的に|で区切っていくだけ 基本形 Copy |見出し1|見出し2|見出し3| |-------|-------|-------| |項目1|項目2|項目3| 見出し1 見出し2 見出し3 項目1 項目2 項目3 1行目は見出し 見出しは必ずボールドになるようです 2行目は属性による区切り -のいくつでも良いようですが、4つ以上の方が良いかと 3行目以降は、項目・内容をどんどん増やしていけば良いだけ 書式配置 見出しや項目を左寄せ・右寄せ・センタリングしたい場合 [Read More]

WordPressプラグインのwp-tegakiエラー

wp-tegkiプラグインは無効でもエラー? WordPressブログにて、以前利用していたwp-tegakiと言うプラグインを無効にしているにも関わらず、下記のエラーが出る。 (wp-tegakiは、開発も止まっているし、PHP7.xにも対応していないから) [Read More]

Beautifulhugoでの記事コピペ防止

コピペ防止の適用

記事のコピペ防止 「テキストのドラッグ、画像のコピーを禁止して、記事をコピーさせない方法 」を参考に、 テキストの選択(ドラッグ)を禁止させる なお、Beautifulhugoテーマで適用なので、他テーマはよしなに。 スクリプト追記 bodyタグ内に追記 [Read More]

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に下記を追加 Copy <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をインストール済み 作業手順 GitLabにてリポジトリ作成 [Read More]