Hello World! 此博客的第一篇文章


1.3k 字5 分钟阅读量 …评论数 …
/ 测试
测试

说明

这是我的第一篇博客，实际在去年我就有搭建博客的想法，不过那时对这些技术不了解，所以就什么都没做。
这段时间学了一部分 JavaSE，想要把学的过程中那些事分享出来，所以又重新来搭建博客。

这不是一个博客搭建教程，我也是看着别人的教程一步步摸出来的。这个是视频教程，这个是Butterfly的教程。

原本使用 Github Pages 来创建博客，但 github.io 无法访问，所以采用了 Gitee Pages 来创建博客。

中间还遇到了不少麻烦，不过好在都一一解决了，花了 3 天完成了这个博客的部署和使用上的学习。

测试部分

此部分为单纯的功能测试

插入指令或源码

javahelloworld.java
1
2
3
4
5
public class helloworld{
    public static void main(String[] args){
        System.out.println("Hello World!");
    }
}

插入图片

Markdown 语法

Image

Image

分割线

按键

Ctrl + Shift + Delete

密码

密码是：Password

表格

markdown
1
2
3
4
5
| 第一列标题               | Title 2               | 标题 3                   |
| ------------------------ | --------------------- | ------------------------ |
| 一个表格                 | Nothing, just a test. | Some english!            |
|                          |                       |                          |
| Welcome to Jonny's Blog! | 上面一行空白          | 顺带测测字体是否真的等宽 |
第一列标题Title 2标题 3
一个表格Nothing, just a test.Some english!
Welcome to Jonny’s Blog!上面一行空白顺带测测字体是否真的等宽

列表

无序列表

  • ABCDEFG
  • HIJKLMN
    • OPQRST
    • UVWXYZ
  • 啊吧从的阿发给
  • 和i就看了吗你
    • 哦怕去人是他
    • uv我下有在

有序列表

  1. ABCDEFG
  2. HIJKLMN
    1. OPQRST
    2. UVWXYZ
  3. 啊吧从的阿发给
  4. 和i就看了吗你
    1. 哦怕去人是他
    2. uv我下有在

标签插件

Note

markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% note %}
默认样式
{% endnote %}

{% note info %}
信息样式
{% endnote %}

{% note success %}
成功样式
{% endnote %}

{% note error %}
错误样式
{% endnote %}

{% note danger %}
危险样式
{% endnote %}

{% note warn %}
注意样式
{% endnote %}

{% note #9C27B0 icon-Person %}
自定义颜色、图标。
{% endnote %}

默认样式

信息样式

成功样式

错误样式

危险样式

注意样式

自定义颜色、图标。

Tabs

markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{% tabs %}

<!-- 标题 -->
默认开启

<!-- 另一个标题 -->
默认隐藏

{% endtabs %}

{% tabs hide %}
<!-- 标题 -->
默认隐藏

<!-- 另一个标题 -->
另一个默认隐藏

{% endtabs %}

默认开启

默认隐藏

默认隐藏

另一个默认隐藏

测试长度变化动画。

js
1
console.log('Hello World!')

默认样式

成功样式

错误样式

危险样式

注意样式

自定义颜色。

markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{% note %}
默认样式
{% endnote %}

{% note success %}
成功样式
{% endnote %}

{% note error %}
错误样式
{% endnote %}

{% note danger %}
危险样式
{% endnote %}

{% note warn %}
注意样式
{% endnote %}

{% note #9C27B0 %}
自定义颜色。
{% endnote %}

默认样式

成功样式

错误样式

危险样式

注意样式

自定义颜色、图标。

还不够长……

markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{% note %}
默认样式
{% endnote %}

{% note success %}
成功样式
{% endnote %}

{% note error %}
错误样式
{% endnote %}

{% note danger %}
危险样式
{% endnote %}

{% note warn %}
注意样式
{% endnote %}

{% note #9C27B0 icon-Person %}
自定义颜色、图标。
{% endnote %}

默认样式

成功样式

错误样式

危险样式

注意样式

自定义颜色、图标。

这样出现滚动条就够长了

Fold

markdown
1
2
3
4
5
6
7
8
9
10
11
{% fold 默认折叠 %}

代码块……

{% endfold %}

{% fold 默认展开 open %}

嵌套……

{% endfold %}
js
1
console.log('Hello World!')
markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{% note %}
默认样式
{% endnote %}

{% note success %}
成功样式
{% endnote %}

{% note error %}
错误样式
{% endnote %}

{% note danger %}
危险样式
{% endnote %}

{% note warn %}
注意样式
{% endnote %}

{% note #9C27B0 %}
自定义颜色。
{% endnote %}

默认样式

成功样式

错误样式

危险样式

注意样式

自定义颜色。

时间线

markdown
1
2
3
4
5
6
7
8
9
10
11
12
13
{% time 标题 %}

<!-- 时间 1 -->
一些事情
- Foo
- Bar

<!-- 时间 2 -->
另一些事情
1. Foo
2. Bar

{% endtime %}
标题
时间 1

一些事情

  • Foo
  • Bar
时间 2

另一些事情

  1. Foo
  2. Bar

链接

markdown
1
{% link /, Jonny's Blog, i:/favicon.ico, s:副标题或描述 %}
link
Jonny's Blog
副标题或描述

番剧

markdown
1
{% bangumi 0 %}
关于我转生变成史莱姆这档事
  • 哔哩哔哩：需要大会员

按钮

markdown
1
2
3
{% btn /, Jonny's Blog %}
{% btn /, Jonny's Blog, #9C27B0 %}
{% btn 测试部分, Jonny's Blog, skip %}
Jonny's Blog Jonny's Blog

跳过

markdown
1
2
这是一个行内的{% skip 跳过, aplayer %}链接。
这是一个行内的{% skipbtn 跳过, aplayer %}按钮。

这是一个行内的跳过链接。
这是一个行内的跳过按钮。

Aplayer

markdown
1
2
3
4
---
aplayer: true
---
<meting-js server="netease" type="playlist" id="6739425439" mode="circulation" mutex="true" listmaxheight="340px" theme="#009688" volume="0.5"></meting-js>