Demo

代码块

plaintext
1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
html
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

<!DOCTYPE html>
<html>
<head>
  <title>测试页面</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1 class="header">Hello World!</h1>
  <div id="container">
    <p>This is a paragraph</p>
  </div>
</body>
</html>
css
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

/* CSS 示例 */
body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f0f0f0;
}

.header {
  color: #2c3e50;
  text-align: center;
}

#container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
js
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

function calculateSum(a, b) {
  return a + b;
}

const result = calculateSum(5, 7);
console.log(`计算结果: ${result}`);

// 异步函数示例
async function fetchData(url) {
  try {
    const response = await fetch(url);
    return response.json();
  } catch (error) {
    console.error('请求失败:', error);
  }
}
Python
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

# Python 示例
def fibonacci(n):
    """生成斐波那契数列"""
    a, b = 0, 1
    for _ in range(n):
        yield a
        a, b = b, a + b

# 使用生成器
fib_seq = list(fibonacci(10))
print(f"斐波那契数列: {fib_seq}")

# 列表推导式示例
squares = [x**2 for x in range(1, 6)]
go
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

// Go 示例
package main

import (
	"fmt"
	"time"
)

func main() {
	// 并发示例
	go printNumbers("A")
	go printNumbers("B")
	time.Sleep(1 * time.Second)
}

func printNumbers(prefix string) {
	for i := 1; i <= 3; i++ {
		fmt.Printf("%s: %d\n", prefix, i)
		time.Sleep(200 * time.Millisecond)
	}
}
yaml
1
2
3
4
5
6
7
8

theme_config:
  features:
    - responsive
    - dark_mode
    - pjax
  social:
    github: "https://github.com"
    twitter: "https://twitter.com"
bash
 1
 2
 3
 4
 5
 6
 7
 8
 9
10

# Bash 脚本示例
#!/bin/bash

# 备份目录
BACKUP_DIR="/var/backups"
LOG_FILE="$BACKUP_DIR/backup.log"

echo "开始备份: $(date)" >> $LOG_FILE
rsync -av /home/user $BACKUP_DIR
echo "备份完成" >> $LOG_FILE
java
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

// Java 示例
public class Main {
    public static void main(String[] args) {
        System.out.println("Hello Java!");
        
        // Lambda 表达式示例
        List<String> names = Arrays.asList("Alice", "Bob", "Charlie");
        names.stream()
             .filter(name -> name.startsWith("C"))
             .forEach(System.out::println);
    }
}
c++
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

// C++ 示例
#include <iostream>
#include <vector>

int main() {
    std::vector<int> numbers = {1, 2, 3, 4, 5};
    
    // 范围循环
    for (const auto& num : numbers) {
        std::cout << num * 2 << " ";
    }
    
    // 智能指针
    auto ptr = std::make_unique<int>(42);
    std::cout << "\n指针值: " << *ptr << std::endl;
    
    return 0;
}
php
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

class User {
    private $name;
    
    public function __construct($name) {
        $this->name = $name;
    }
    
    public function greet() {
        return "Hello, " . $this->name;
    }
}

$user = new User("Alice");
echo $user->greet();

// 数组处理
$numbers = [1, 2, 3, 4];
$squared = array_map(fn($n) => $n ** 2, $numbers);
ruby
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

class Person
  attr_accessor :name
  
  def initialize(name)
    @name = name
  end
  
  def introduce
    puts "你好，我是#{@name}"
  end
end

person = Person.new("小明")
person.introduce

# 块语法示例
[1, 2, 3].each do |num|
  puts "数字: #{num}"
end
sql
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

-- SQL 示例
CREATE TABLE Users (
  id INT PRIMARY KEY AUTO_INCREMENT,
  username VARCHAR(50) NOT NULL,
  email VARCHAR(100) UNIQUE,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- 插入数据
INSERT INTO Users (username, email)
VALUES ('john_doe', 'john@example.com');

-- 查询示例
SELECT * FROM Users 
WHERE created_at > '2023-01-01'
ORDER BY username ASC;
Swift
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

import Foundation

struct Book {
    var title: String
    var author: String
}

let books = [
    Book(title: "Swift编程", author: "张三"),
    Book(title: "iOS开发", author: "李四")
]

// 使用高阶函数
let bookTitles = books.map { $0.title }
print("所有书名: \(bookTitles)")

// 可选绑定
if let firstBook = books.first {
    print("第一本书: \(firstBook.title)")
}
TypeScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

interface User {
  id: number;
  name: string;
  email: string;
}

const fetchUser = async (id: number): Promise<User> => {
  const response = await fetch(`/api/users/${id}`);
  return response.json();
};

// 泛型函数示例
function identity<T>(arg: T): T {
  return arg;
}

const result = identity<string>("Hello TS");
console.log(result);
json
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

[
  {
    "title": "apples",
    "count": [12000, 20000],
    "description": { "text": "...", "sensitive": false }
  },
  {
    "title": "oranges",
    "count": [17500, null],
    "description": { "text": "...", "sensitive": false }
  }
]

短代码

转载于安知鱼博客

timeline

default(留空) / blue / pink / red / purple / orange / green
  1. 普通
2025
10-02
内容1
  1. pink
2025
10-02
内容1
还没写好@_@

行内文本 span

default(留空) / blue / pink / red / purple / orange / green

  • 彩色文字

    在一段话中方便插入各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。

  • 超大号文字

    文档「开始」页面中的标题部分就是超大号文字。 A Wonderful Theme for Hexo

还没写好@_@

段落文本 p

default(留空) / blue / pink / red / purple / orange / green

  • 彩色文字

    在一段话中方便插入各种颜色的标签，包括：

    红色

    、

    黄色

    、

    绿色

    、

    青色

    、

    蓝色

    、

    灰色

    。

  • 超大号文字

    文档「开始」页面中的标题部分就是超大号文字。

    A Wonderful Theme for Hexo

还没写好@_@

提示块 note

  1. simple样式

基本 提示块

default 提示块

primary 提示块

success 提示块

info 提示块

warning 提示块

danger 提示块

  1. modern样式

基本 提示块

default 提示块

primary 提示块

success 提示块

info 提示块

warning 提示块

danger 提示块

  1. flat样式

基本 提示块

default 提示块

primary 提示块

success 提示块

info 提示块

warning 提示块

danger 提示块

  1. no-icon样式

基本 提示块

default 提示块

primary 提示块

success 提示块

info 提示块

warning 提示块

danger 提示块

  • 图标
  1. simple样式

这是一个note 提示框

这是一个note 提示框

分栏 tab

This is Tab 1.

This is Tab 2.

This is Tab 3.