Add a Copy-to-Clipboard button and support bilibili video

[sunete]

Summary

1. add a Copy-to-Clipboard button to the code block.

2. Make the theme support to instert bilibili video.

Motivation

add button

I think Copy-to-Clipboard button is necessary for this theme. A lot of posts contain code blocks. Now, this theme doesn't have a clip-to-clipboard button. When someone needs to copy the code, they need to select all the code and ctrl+C to copy to clipboard. It is a waste of time and inconvenience. Besides, some characters will be left. But if you add a button to the code block, it will be convenient.

I have searched for some articles to add a button by myself. I haven't learned programming before, so I can't finish it.

support post bilibili video

Can you make this theme supports insert bilibili video which is a very popular video website in China? When I instert a bilibili video in the post, it couldn't adapt to the width. This problem may not be what most people need. So I tried to solve this problem by myself. Finally I made it.
This is the code in _includes/video

<div class="responsive-video-container">
  <iframe src="//player.bilibili.com/player.html?bvid={{ video_id }}&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>

[iBug]

Hi, thanks for the suggestion. It seems like you've already figured out about the Bilibili video suggestion, so it'd be great if you could wrap it up and submit a pull request. We'd love to see your contribution! You can check out the documentation on contributing if you're looking for a how-to.

[sunete]

OK，I will creat a pull request later. How about the copy-to-clipboard button? Is it possible to add the button in the next version?

[mmistakes]

Depends on the solution for doing a copy and paste button for code blocks. The ones I've seen are clunky and don't let you use standard Markdown (```) fenced code blocks, which is a deal breaker for me. Also not exactly sold on adding extra JavaScript to the theme for this.

• https://aleksandrhovhannisyan.github.io/blog/dev/how-to-add-a-copy-to-clipboard-button-to-your-jekyll-blog/

[iBug]

@mmistakes No worries. I'm 100% sure this could be done in JS-only, i.e. use JS to add buttons to every code block after page load (like it's already done for the heading anchor).

[mmistakes]

Added bilibili support in #2512

[dieghernan]

See #2795