Post ページを中心に改修した

1
<script>
2
  'use strict';
3
  {
4
    const menuItems = document.querySelectorAll('.menu li a');
5
    const contents = document.querySelectorAll('.content');
6

7
    menuItems.forEach(clickedItem => {
8
      clickedItem.addEventListener('click', e => {
9
        e.preventDefault();
10

11
        menuItems.forEach(item => {
12
          item.classList.remove('active');
13
        });
14
        clickedItem.classList.add('active');
15

16
        contents.forEach(content => {
17
          content.classList.remove('active');
18
        });
19
        document.getElementById(clickedItem.dataset.id).classList.add('active');
20
      });
21
    });
22
  }
23
</script>

1
gem 'rouge'

1
# this is defualt setting to use hightlight and endhighlight
2
markdown: kramdown
3
highlighter: rouge
4

5
# modify setting to use code block like Qiita
6
markdown: kramdown
7
kramdown:
8
   input: GFM
9
   hard_wrap: false
10
highlighter: rouge