Hello, World
哈喽,这篇是建站的第一篇文章,用来展示博客可以使用的丰富的内容类型,也算是为日后写作的一个速查表yeah!
这里是背景音乐
直接从网页云网页端生成的html外链代码复制而来:
1 | <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=2103901&auto=1&height=66"></iframe> |
纯MD 语法回顾及写作规范
二级标题示范
三级标题
四级标题
五级标题
六级标题
正文
Heading Best Practices
Markdown applications don’t agree on how to handle a missing space between the number signs (#
) and the heading name. For compatibility, always put a space between the number signs and the heading name.
✅ Do this | ❌ Don’t do this |
---|---|
# Here's a Heading | #Here's a Heading |
You should also put blank lines before and after a heading for compatibility.
✅ Do this | ❌ Don’t do this |
---|---|
Try to put a blank line before...# Heading...and after a heading. | Without blank lines, this might not look right.# HeadingDon't do this! |
Paragraph Best Practices
Unless the paragraph is in a list, don’t indent paragraphs with spaces or tabs.
✅ Do this | ❌ Don't do this |
---|---|
Don't put tabs or spaces in front of your paragraphs. | This can result in unexpected formatting problems. |
这里是表格
1 | 2 | 3 |
---|---|---|
4 | ||
5 | ||
6 |
这里是引用
好好学习,天天向上!!!
多行引用
Blockquotes can contain multiple paragraphs. Add a >
on the blank lines between the paragraphs.
1 | > Dorothy followed her through many of the beautiful rooms in her castle. |
The rendered output looks like this:
Dorothy followed her through many of the beautiful rooms in her castle.
The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.
嵌入引用
Blockquotes can be nested. Add a >>
in front of the paragraph you want to nest.
1 | > Dorothy followed her through many of the beautiful rooms in her castle. |
The rendered output looks like this:
Dorothy followed her through many of the beautiful rooms in her castle.
The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.
有其他类型的引用
Blockquotes can contain other Markdown formatted elements. Not all elements can be used — you’ll need to experiment to see which ones work.
1 | > #### The quarterly results look great! |
The rendered output looks like this:
The quarterly results look great!
- Revenue was off the chart.
- Profits were higher than ever.
Everything is going according to plan.
Blockquotes Best Practices
✅ Do this | ❌ Don't do this |
---|---|
Try to put a blank line before... | Without blank lines, this might not look right. |
这里是列举
我很好
我还行
我非常好
很棒
这里是分隔线
Horizontal Rule Best Practices
For compatibility, put blank lines before and after horizontal rules.
✅ Do this | ❌ Don't do this |
---|---|
Try to put a blank line before... | Without blank lines, this would be a heading. |
这里是图片
这里是URL和Email引用
To quickly turn a URL or email address into a link, enclose it in angle brackets.
1 | [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy") |
The rendered output looks like this:
Duck Duck Go
https://www.markdownguide.org
fake@example.com
I love supporting the EFF.
This is the Markdown Guide.
See the section on code
.
转义字符
You can use a backslash to escape the following characters.
Character | Name |
---|---|
\ | backslash |
` | backtick (see also escaping backticks in code) |
* | asterisk |
_ | underscore |
{ } | curly braces |
[ ] | brackets |
< > | angle brackets |
( ) | parentheses |
# | pound sign |
+ | plus sign |
- | minus sign (hyphen) |
. | dot |
! | exclamation mark |
| | pipe (see also escaping pipe in tables) |
Hexo 对格式文本的延伸
这里是画廊
1 | <div class="justified-gallery"> |
这里是数学公式
LaTex
这是一个行内公式:\(ax^2+bx+c=0\)。这是另一个行内公式:$ax^2+bx+c>0$。
这是一个块状公式:
$$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\cdots} } } }$$
这是另一个块状公式:
\[f(x) = \int_{-\infty}^\infty\hat f(\xi)e^{2 \pi i \xi x}d\xi\]
或者使用\(\LaTeX\)环境:
\begin{equation}
A =
\begin{bmatrix}
a & b \\
c & c
\end{bmatrix}
\end{equation}
这里是代码块
1 | print('welcome to my blog') |
1 | ``` [language] [title] [url] [link text] |
1 | 其中,各参数意义如下: |
这里是按钮
1 | <div class="buttons"> |
当然还可以为按钮增加事件
↑↑↑ 试着点击“显示一言”!
这里是进度条
这里是标签页
这里是彩色突出
Icarus 主题以白色的简洁为主,但有时候我们希望在文章中用特别的样式注明一些内容,markdown 语法就不够用了,所以在此分享一下我的高级玩法。
Icarus 主题以白色的简洁为主,但有时候我们希望在文章中用特别的样式注明一些内容,markdown 语法就不够用了,所以在此分享一下我的高级玩法。
Icarus 主题以白色的简洁为主,但有时候我们希望在文章中用特别的样式注明一些内容,markdown 语法就不够用了,所以在此分享一下我的高级玩法。
Icarus 主题以白色的简洁为主,但有时候我们希望在文章中用特别的样式注明一些内容,markdown 语法就不够用了,所以在此分享一下我的高级玩法。
这里是站内链接
可通过如下语法引入站内文章的地址或链接:
1 | {% post_path slug %} |
其中,slug
表示 _post
目录下的 Markdown 文件名。
post_path
标签将会渲染为文章的地址,即 permalink
;而 post_link
标签将会渲染为链接,可以通过 title
指定链接标题。
这里是脚注
需要安装hexo-reference插件!
basic footnote[1]
here is an inline footnote[2]
and another one[3]
and another one[4]
你知道的太多了
iMaeGoo 出自独立游戏 World of Goo 里小粘球的叫声,读作 /ɪ’mæɡu/ 不是爱妹狗啊,在家里电脑还是个大头(CRT)的时候就在玩了,其实头像也是在当时设定的,一直沿用至今。找不到女朋友誓不改头像
图片来源声明
Vector Landscape Vectors by Vecteezy这里是旧版的访客地球
这是是新版的访客地球
鸣谢
本站的建立离不开许多博主先前的工作,其中特别感谢的有:
- [IMaeGoo]: (https://www.imaegoo.com/),能找到的中文最好的icarus魔改博主,本站借鉴了其中icarus 4夜间模式、拼音检索、Bulma美化等部分的内容。
- [Xinyu Liu]:(https://www.alphalxy.com/), 很好了实现了icarus 4中文章的布局格式等美化。
Hello, World