1 minute read

🥳这里是SakuraMarble的第一篇博客🥳

在这里将测试各种样式

以便于之后的书写

以下所有格式都经过测试可以使用

本网站基于Jekyll+Github Pages+Minimal Mistakes搭建,其中markdown使用github自带的kramdown引擎,为了支持数学公式,在_includes/scripts.html中安装了MathJax引擎

这是一个引用


以下是一个简单的c++程序

#include<stdio.h>
int main()
{
    printf("Hello World");
}

这里是短代码样例npm install


以下是公式示例:

\[S = \alpha · k + \sum_{j=0}^n y_j\]

插入图片需要首先在assets中上传图片,然后使用markdown语法引用:![name_of_picture](path_to_the_picture)

以下是示例: ![kakaxi](/sakuramarble/assets/post-pictures/2024-05-07-开始我的第一篇博客/kakaxi.jpeg)

kakaxi


支持link操作,只需要在博客编辑文件的前面加上link:the-url-you-want即可,文章末尾就会显示一个跳转链接,并且预览时点击标题也会跳转到指定链接


支持使用cite操作,只需要使用html标签:

<cite><a href="http://www.brainyquote.com/quotes/quotes/m/marktwain163473.html">Mark Twain</a></cite>

以下是示例: Mark Twain


支持notice操作,可以进行块的高亮,如果只是单段文本需要高亮,只需要在紧跟着的下一行使用: {: .notice} {: .notice--primary} {: .notice--info} {: .notice--warning} {: .notice--danger} {: .notice--success} 等标签,以下是样例:

Changes in Service: We just updated our privacy policy here to better service our customers. We recommend reviewing the changes.

Primary Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Info Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Warning Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Danger Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Success Notice: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.


如果需要包裹多段内容可以尝试这个,直接使用html代码:

<div class="notice">
  <h4>Message</h4>
  <p>A basic message.</p>
</div>

以下是示例:

Message

A basic message.


可以在YAML Front Matter 中添加excerpt_separator: "<!--more-->",这样就能在文中使用

<!--more-->把标记之前的部分作为摘录显示的部分了(查询了chatGPT,主要是用在wordPress中,不知道有没有实际效果


如果更新了博客,需要修改头部:last_modified_at: 2016-03-09T16:20:02+08:00


接下来就可以愉快地写博客啦😊


图片加载失败
感谢阅读,祝你拥有愉快的一天!
爱来自:SakuraMarble
转载或引用请标注来源,欢迎评论!

Tags:

Categories:

Updated: