![Thumbnail of post image 163](https://hatena19.com/wp-content/uploads/2019/10/SyntaxHighlight-300x158.jpg)
Luxeritasでシンタックスハイライターを使用する方法と開閉できるようにカスタマイズ
Luxeritasは標準でシンタックスハイライターが実装されているので、ソースコードを簡単にハイライト表示させることができます。 長いソースコードを掲載する場合、記事がソースコードで占有されてしまうので、 初期状態では冒頭部分を表示して、閲覧者が必要に応じて開閉できるといいですね。 Luxeritasでソースコードをハイライト表示させるには Luxeritas 3.6.2 のバージョンから、ブロッ ...
![Thumbnail of post image 180](https://hatena19.com/wp-content/uploads/2019/10/accordion-300x158.jpg)
jQueryで文章をグラデーションで隠してアニメーションで開閉するボックスを作った
長い文章の冒頭部分をグラデーション表示させておいてボタンをクリックすると開き、またボタンをクリックすると閉じるというものです。開閉動作はアニメーションにしました。 概要 本文中にユーザーが必要に応じて開閉できるボックスを設置したくて作成してみました。例えば、長い補足説明とか解説、ソースコードなどを対象にするといいでしょう。 CSSだけで実現する方法もありますが、HTMLが複雑になる(input要素 ...
![Thumbnail of post image 171](https://hatena19.com/wp-content/uploads/2019/07/open_book-300x158.jpg)
【Luxeritas】サイドバーにQiita風目次を設置
Qiita をご存知でしょうか。プログラム関係の検索をすると結構な確率で有用な情報が見つかります。そこに設置してある目次がめちゃ便利なんです。これを自分のブログにも設置したいとずっと思ってました。WordPressのブログへ引っ越したのを機にプログラム書いてみました。 どんなものか Luxeritasはプラグインなしに記事の冒頭に自動で目次を挿入してくれるのだが、読み進んでスクロールしたら見えなく ...