我们的科技如此多分

不问生死,游梦一生

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

我是普通字体

我是粗体

我也是粗体

我是斜体

我也是斜体

我是粗体+斜体

我也是粗体+斜体

  • 横杠列表1
  • 横杠列表2
  • 横杠列表3
  • 星号列表1
  • 星号列表2
  • 星号列表3
  • 加好列表1
  • 加好列表2
  • 加好列表3
  1. 序号1
  2. 序号2
  3. 序号3

这是超链接

Ctrl + C 怎样显示键盘操作
<kbd>Ctrl</kbd> + <kbd>C</kbd>


代码块

我是代码,前面有四个空格

我是代码前的
$(document).ready(function () { alert('RUNOOB'); });
我是代码后的

  1. 序号1
    • 嵌套序号1
    • 嵌套序号2
  2. 序号2
    • 嵌套列表1
    • 嵌套列表2
  3. 序号3

这是一级引用

继续二级引用

还是三级引用

我是图片:

格式是这样的:
![路飞](./images/这是一篇markdown测试文章/海贼王.jpg)
效果是这样的:
路飞
hexo对png格式的图片支持不好,建议用jpg

1
2
print("Hello World")
# 这是代码块Python高亮的写法

B站嵌入视频方法

B站嵌入视频方法

1
2
3
4
5
6
7
8
<!-- B站的嵌入代码 -->
<iframe src="//player.bilibili.com/player.html?bvid=BV1aj421D7V5&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

<!-- HEXO的嵌入代码 -->
{% raw %}
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?bvid=BV1aj421D7V5&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; Left: 0; top: 0;" ></iframe></div>
{% endraw %}

黑体字

微软雅黑

华文彩云

蓝色

绿色

红色

尺寸

我是高亮

Next8主题特有html标签

高亮说明Note

修改next的_config.yml
图形

1
2
3
4
5
6
7
8
9
10
11
12
13
# Note tag (bootstrap callout)
note:
# Note tag style values: 不同的显示风格
# - simple bootstrap callout old alert style. Default.
# - modern bootstrap callout new (v2-v3) alert style. 这个好看
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: modern
icons: true # 显示Note的图标,建议打开,好看
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
# Offset also applied to label tag variables. This option can work with disabled note tag.
light_bg_offset: 0

灰色要标记的内容

紫色要标记的内容

这里是标题

可以粗体 带上链接 Hexo!

点击打开

这是一个可以折叠的Note

Note with summary: note primary This is a summary

绿色要标记的内容

蓝色要标记的内容

橙色要标记的内容

红色要标记的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% note default %} 灰色要标记的内容 {% endnote %}
{% note primary %} 紫色要标记的内容 {% endnote %}
{% note primary %}
#### 这里是标题
**可以粗体** 带上链接 [Hexo!](https://hexo.io)
{% endnote %}
{% note primary 点击打开 %}
#### 这是一个可以折叠的Note
Note with summary: `note primary This is a summary`
{% endnote %}
{% note success %} 绿色要标记的内容 {% endnote %}
{% note info %} 蓝色要标记的内容 {% endnote %}
{% note warning %} 橙色要标记的内容 {% endnote %}
{% note danger %} 红色要标记的内容 {% endnote %}

高亮画笔

这是黄色的高亮
这是primary紫色的高亮
这是success绿色的高亮,
这是info蓝色的高亮
这是warning橙色的高亮
这是danger红色的高亮
这是default灰色的高亮
这是mark html标签黄色高亮

1
2
3
4
5
6
7
8
这是{% label @黄色的高亮 %}
这是primary{% label primary@紫色的高亮 %}
这是success{% label success@绿色的高亮, %}
这是info{% label info@蓝色的高亮 %}
这是warning{% label warning @橙色的高亮 %}
这是danger{% label danger@红色的高亮 %}
这是default{% label default @灰色的高亮 %}
这是mark html标签<mark>黄色高亮</mark>

按钮

按钮 简写代码按钮

这是一个有icon的按钮

这是一个有icon+文字的按钮

主页

这是一个打开百度链接的按钮

## 超大按钮 超大的按钮,logo是用了text主题的source里面的

图形

修改hexo的_config.yml
图形

1
2
3
highlight:
exclude_languages:
- mermaid

修改next的_config.yml
图形

1
2
3
4
5
6
7
# Mermaid tag
mermaid:
enable: true
# Available themes: default | dark | forest | neutral
theme:
light: default
dark: dark

饼图

pie showData
title 2022年全国人口分布
"0-14岁" : 16.9
"15-64岁" : 68.2
"65岁以上" : 14.9

多页签

修改next的_config.yml

1
2
3
4
5
6
7
# Tabs tag
tabs:
# Make the nav bar of tabs with long content stick to the top.
sticky: false
transition:
tabs: false
labels: true

这里是方案1的内容

这里是方案2的内容

这里是方案3的内容

显示更多的语法
<!-- more -->

阅读全文 »

经过5天的学习,我已经成功在阿里云上搭建了第一个个人博客。用的是 nodejs + git + hexo 的方式。接下来还有很多东西需要学习。

  • 给我的博客注册一个域名,就不用通过IP登录了。要看钱包了,域名还是挺贵的。
  • 学习一下hexo怎样用,顺便装修一下这个博客
  • 开始写内容了
  • 还有怎样搭建这个博客,我也计划会写成一个技术文档,从购买阿里云开始到成功访问。本渣踩了很多坑,现在很多原理都没有搞懂,nginx、linux的基础估计还要好好学一下。当然还有markdown语言。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

0%