距离目标还剩：00天 00时 00分 00秒

功能模块	支持版本	开发状态
基础功能	v1.0+	✅ 完成
高级功能	v2.0+	✅ 完成
API 接口	v1.5+	⏳ 进行中
主题定制	v3.0+	❌ 未开始
总计		3/4

Bold

1
2
3


# code block
print '3 backticks or'
print 'indent 4 spaces'

区块引用菜鸟教程学的不仅是技术更是梦想

第一项

菜鸟教程 > 学的不仅是技术更是梦想
第二项

要运行这个脚本，请使用以下命令：
1
2
npm install
npm start
执行后会在 http://localhost:3000 看到结果。

1
2
3


$(document).ready(function () {
    alert('RUNOOB');
});

1
2
3
4
5
6
7
8


def calculate_area(radius):
    """计算圆的面积"""
        import math
            return math.pi * radius ** 2

            # 使用函数
            area = calculate_area(5)
            print(f"圆的面积是: {area:.2f}")

1
2
3
4
5
6
7


SELECT u.name, u.email, COUNT(o.id) as order_count
FROM users u
LEFT JOIN orders o ON u.id = o.user_id
WHERE u.created_at >= '2024-01-01'
GROUP BY u.id, u.name, u.email
ORDER BY order_count DESC
LIMIT 10;

1
2
3
4
5
6


function fibonacci(n) {
    if (n <= 1) return n;
    return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10));

1
2
3
4


const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(x => x * 2);
const sum = doubled.reduce((a, b) => a + b, 0);
console.log(`总和: ${sum}`);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


function calculateTotal(items) {
-   let total = 0;
+   let total = 0.0;

    for (let item of items) {
-       total += item.price;
+       total += parseFloat(item.price);
    }

+   // 保留两位小数
+   total = Math.round(total * 100) / 100;
    return total;
}

1
2
3
4
5
6
7
8


@@ -1,5 +1,8 @@
 function greetUser(name) {
-    console.log("Hello " + name);
+    if (!name) {
+        throw new Error("Name is required");
+    }
+    console.log(`Hello, ${name}!`);
 }

功能	描述	状态
用户登录	支持邮箱和手机号登录	✅
密码重置	通过邮箱重置密码	⚠️
`API接口`	RESTful API 设计	✅
文档链接	查看详细文档	📖

月份	收入	支出	利润	增长率
1月	¥50,000	¥35,000	¥15,000	-
2月	¥55,000	¥38,000	¥17,000	+13.3%
3月	¥62,000	¥42,000	¥20,000	+17.6%
总计	¥167,000	¥115,000	¥52,000	+31.1%

使用 Ctrl+Alt+Del 重启电脑

$$ \begin{Bmatrix} a & b \\ c & d \end{Bmatrix} $$

$$ \begin{CD} A @>a>> B \\ @VbVV @AAcA \\ C @= D \end{CD} $$

文本中的变量 $x = 5$ 和函数 $f(x) = x^2 + 2x + 1$。

$$E = mc^2$$$$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$

graph TD
    A[开始] --> B{条件判断}
        B -->|Yes| C[执行操作A]
            B -->|No| D[执行操作B]
                C --> E[结束]
                    D --> E

graph TD
    A[开始] --> B{条件判断}
    B -->|Yes| C[执行操作A]
    B -->|No| D[执行操作B]
    C --> E[结束]
    D --> E

sequenceDiagram
    participant A as 用户
    participant B as 系统
    participant C as 数据库

    A->>B: 登录请求
    B->>C: 验证用户信息
    C-->>B: 返回验证结果
    B-->>A: 登录成功/失败

张三 | 前端开发工程师

📞 联系方式

邮箱: zhangsan@email.com
电话: 138-0000-0000
GitHub: github.com/zhangsan
LinkedIn: linkedin.com/in/zhangsan
地址: 上海市浦东新区

🎯 职业目标

具有3年前端开发经验的工程师，专注于React生态系统和现代化Web应用开发。寻求在创新型公司中担任高级前端开发职位，希望参与大型项目的架构设计和团队协作。

💼 工作经验

高级前端开发工程师 | ABC科技有限公司

2022.03 - 至今

负责公司核心产品的前端开发，用户量达100万+
使用React、TypeScript构建可维护的大型单页应用
与产品和设计团队协作，将设计稿转化为高质量的用户界面
建立前端组件库，提升团队开发效率30%
技术栈: React, TypeScript, Redux, Webpack, Jest

前端开发工程师 | XYZ互联网公司

2021.06 - 2022.02

参与电商平台的前端开发和维护工作
优化页面性能，首屏加载时间减少40%
负责移动端H5页面开发，适配多种设备
技术栈: Vue.js, JavaScript, SCSS, Element UI

📊 技能评估

技能类别	具体技能	熟练程度
前端框架	React	⭐⭐⭐⭐⭐
前端框架	Vue.js	⭐⭐⭐⭐
编程语言	TypeScript	⭐⭐⭐⭐
编程语言	JavaScript	⭐⭐⭐⭐⭐

graph TD
    A[圣诞节] -->|获得资金| B(去购物)
    B --> C{思考中}
    B --> G[/其他选项/]
    C -->|选项1| D[笔记本电脑]
    C -->|选项2| E[手机]
    C -->|选项3| F[汽车]
    subgraph 分支选项
        C
        D
        E
        F
        G
    end

graph TD
    A[开始] --> B{条件成立？}
    B -->|是| C[执行A]
    B -->|否| D[执行B]
    C --> E[结束]
    D --> E

flowchart TD
    A[用户登录] --> B{是否新用户?}
    B -->|是| C[注册信息填写]
    B -->|否| D[进入主页]
    C --> E[验证邮箱]
    E --> F[发送验证码]
    F --> G{验证码正确?}
    G -->|是| H[注册成功]
    G -->|否| I[提示错误]
    H --> D
    I --> C

    style A fill:#4CAF50,color:white  
    style D fill:#2196F3,color:white  
    style G fill:#FF9800,color:black

Write the press release
Update the website
Contact the media

export const Highlight = ({children, color}) => ( <span style={{ backgroundColor: color, borderRadius: ‘20px’, color: ‘#fff’, padding: ‘10px’, cursor: ‘pointer’, }} onClick={() => { alert(You clicked the color ${color} with label ${children}) }}> {children} );

This is Docusaurus green !

This is Facebook blue

Docusaurus green

graph TD
    A[报名] --> B[体检]
    B --> C[理论学习]
    C --> D[科目一考试]
    D --> E{通过?}
    E -->|是| F[科目二考试]
    E -->|否| D
    F --> G{通过?}
    G -->|是| H[科目三考试]
    G -->|否| F
    H --> I{通过?}
    I -->|是| J[科目四考试]
    I -->|否| H
    J --> K{通过?}
    K -->|是| L[领取驾照]
    K -->|否| J

项目	价格	数量
计算机	$1600	5
手机	$12	12
管线	$1	234

$$ \displaystyle \left( \sum\_{k=1}^n a\_k b\_k \right)^2 \leq \left( \sum\_{k=1}^n a\_k^2 \right) \left( \sum\_{k=1}^n b\_k^2 \right) $$

数据说明：某连锁奶茶店2024年1-7月销量（杯）

1
2
3
4


{
  "months": ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
  "sales": [1800, 2200, 3500, 4800, 6200, 7500, 8200]
}

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

数学公式

$c = \pm\sqrt{a^2 + b^2}$ 和 $f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi$

$\mathbf{E}=\sum_{i} \mathbf{E}_{i}=\mathbf{E}_{1}+\mathbf{E}_{2}+\mathbf{E}_{3}+\cdots$

$$ c = \pm\sqrt{a^2 + b^2} $$

\[ f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi \]

提示

古古怪怪

警告

不能不空

真正的勇士敢于直面惨淡的人生，敢于正视淋漓的鲜血。
― 鲁迅

危险

\[ f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi \]

GIT图

gitGraph
       commit
       commit
       branch develop
       commit
       commit
       commit
       checkout main
       commit
       commit

象限图

quadrantChart
    title Reach and engagement of campaigns
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 We should expand
    quadrant-2 Need to promote
    quadrant-3 Re-evaluate
    quadrant-4 May be improved
    Campaign A: [0.3, 0.6]
    Campaign B: [0.45, 0.23]
    Campaign C: [0.57, 0.69]
    Campaign D: [0.78, 0.34]
    Campaign E: [0.40, 0.34]
    Campaign F: [0.35, 0.78]

用户旅程图

journey
    title 《江苏一日游》
    section 苏州中心
      虎丘试剑石: 5:  涛哥
      步云梯: 3:  小曹, 马哥
      听松阁: 2:  马哥
    section 金鸡湖
      喷泉: 5:  涛哥
      钓鱼: 1:  小曹, 马哥,涛哥
      骑行: 2:  马哥

文件同步

1

rsync -av --progress /sdcard/Blog/post/ /data/data/com.termux/files/home/Stack/content/post/

第一个文章

展示一下博客功能