Beautifulhugoでの記事コピペ防止
コピペ防止の適用
Posted on May 8, 2019
(Last modified on August 30, 2019)
記事のコピペ防止 「テキストのドラッグ、画像のコピーを禁止して、記事をコピーさせない方法 」を参考に、 テキストの選択(ドラッグ)を禁止させる
なお、Beautifulhugoテーマで適用なので、他テーマはよしなに。
スクリプト追記 bodyタグ内に追記
[Read More]HugoにSNSの埋め込みコードで表示させるには?
様々なオンラインサービスをHugoへ貼り付けてみた
Posted on May 7, 2019
(Last modified on October 2, 2025)
テーマによって、ショートタグが用意されている場合があるが、基本的に、HTMLやiframeのタグをそのまま貼り付けるだけで、ほとんどが表示されるようです。
[Read More]Hackmd
オンラインでMarkdownが記述・プレビュー
Posted on May 7, 2019
(Last modified on August 30, 2019)
オンラインで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にて数式を表示させる
Posted on May 7, 2019
(Last modified on August 30, 2019)
テーマによって、そのまま数式表示対応になっている場合があるが、もし、表示されない場合は、テーマ内の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のサンプル書式
Posted on May 7, 2019
(Last modified on August 30, 2019)
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]Mermaid Sample
Markdownでシーケンス図作成
Posted on May 7, 2019
(Last modified on August 30, 2019)
HugoテーマのBeautifulhugoでは、シーケンス図作成ライブラリのmermaid.jsが既に組み込まれてますので、ショートタグを指定して、mermaidの書式で記述するだけで、シーケンス図が表示されますね。
[Read More]Hugoでの初投稿
最初のHugoサイト構築メモ
Posted on May 4, 2019
(Last modified on August 30, 2019)
HugoとGitLab、Netlifyを利用し、サイトを構築してみた
サイト構築 前提条件 GitLabアカウント登録済み Netlifyアカウント登録済み ローカルにhugoをインストール済み 作業手順 GitLabにてリポジトリ作成
[Read More]yum updateで重複するパッケージのエラーで更新できない
Posted on April 26, 2019
(Last modified on September 3, 2019)
CentOS7上にて、yum updateを行った際に、「〜の複製です」とduplicateエラーにて更新出来ない状況に陥ったので、いろんな解決方法を試してみた。
[Read More]CentOS6上にRSSリーダーのTinyTinyRSSを導入
Posted on April 19, 2019
(Last modified on September 3, 2019)
Contents 1 CentOS6上にtiny tiny rssを導入 1.1 必要条件 1.2 はじめに 1.3 Tiny Tiny RSS のダウンロード 1.4 DB の作成 (admin/password) 1.5 DNS 1.6 letsencryptで証明書作成 1.7 nginxのconf作成(SSL対応) 1.8 tt-rss設定 1.8.1 パスワード変更 1.8.2 ユーザー作成 1.8.3 外部サービスからインポート 1.8.4 ちょっとしたエラー 1.8.5 定期的に更新 1.8.6 Tiny RSSの更新(アップデート) 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]ブログをSSL(HTTPS)対応後に、はてなのブログカードが表示されなくなった
Posted on April 17, 2019
(Last modified on September 3, 2019)
このサイトをSSL(HTTPS)化して、しばらく経つのですが、今更ながら、はてなのブログカードが表示されていない事に気づきましたので対処しました。
[Read More]