feat(shortcodes): add header filename to block codes

the user is be able to add a header with for a block code

exampleSite/content/english/post/creating-a-new-theme.md

@@ -9,6 +9,10 @@ image = "/images/floppy.png"
 
 ### **Introduction**
 
+{{< filename "note.js" />}}
+```javascript
+var a = 'string';
+```
 This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I'll explain how Hugo uses templates and how you can organize your templates to create a theme. I won't cover using CSS to style your theme.
 
 We'll start with creating a new site with a very basic template. Then we'll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.

layouts/shortcodes/filename.html

@@ -0,0 +1,2 @@
+<div class="filename">{{ .Get 0 }}</div>
+{{ .Inner }}