Theme
이미지에 Alt 문구 추가하기
post.hbs
<script type="text/javascript">
$(document).ready(function(){
var contentM = $('.kg-card-markdown p');
contentM.each(function(){
console.log()
if (!$(this).find('img').length == 1)
{
return
} else {
var alt = $(this).find('img').attr('alt');
$(this).append('<div class="alt-text" style="text-align:center ;text-align:center;color:#666;font-style:italic;font-size:smaller">'+alt+'</div>') 28 }
});
});
</script>
Add Syntax Highlighting to Ghost Blog
There's a few different syntax highlighting libraries available such as highlight.js, Rainbow, and Prism.js. Prism.js is the most robust and well documented option available
Adding Prism.js to your blog
There's a handy tool available on the official Prism.js website which allows you to customize Prism.js to your specific requirements.
My blog - Bash / C / CSS / HTML / Javascript / JSON / PHP / Python / SQL
Once you've generated the prism.js and prism.cs files, you can now transfer them to your server. You'll want to upload them to the following locations:
content/themes/your-theme/assets/js/prism.js
content/thems/your-theme/assets/css/prism.css
Next you'll need to add the link and script tags to your blog. This can be done via editing the default.hbs file.
content/themes/your-theme/default.hbs
Under the {{!-- Styles --}} section you can add the link tag:
{{!-- Styles --}}
<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />
And under the {{!-- JavaScript files --}} section you can add the script tag:
{{!-- JavaScript files --}}
<script type="text/javascript" src="{{asset "js/prism.js"}}"></script>
Example
#include
int main()
{
printf("Hello, World!");
return 0;
}
Sub revert_Pivot_Table()
Dim rngAll As Range 'A열 데이터 영역을 넣을 개체변수
Dim rngC As Range '각 셀(C)ell을 넣을 변수
Dim r As Long '행(r)ow을 늘려갈 별수
Dim j As Integer '반복구문에 사용할 변수
Dim varTop As Variant '제목행 넣을 배열변수
Dim rngA As Range '각 TYPE별 영역(A)rea를 넣을 변수
With Application
.ScreenUpdating = False
플러그인
: How to use?
https://prismjs.com/plugins/line-numbers/
환경셋팅
DISCUS 제거하기
{{!-- Styles --}}
<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />
{{!-- JavaScript files --}}
<script type="text/javascript" src="{{asset "js/prism.js"}}"></script>
