字节笔记本

2026年2月22日

Tailwind Next.js Starter Blog - Markdown 代码示例

本文介绍 Tailwind Next.js Starter Blog 项目中的 Markdown 代码示例,展示该博客主题对代码高亮和语法高亮的支持能力。

行内高亮

示例展示了行内代码高亮功能:

sum = parseInt(num1) + parseInt(num2)

代码块

JavaScript 代码示例

javascript
var num1, num2, sum
num1 = prompt('Enter first number')
num2 = prompt('Enter second number')
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert('Sum = ' + sum) // "+" means combine into a string

Python 代码示例

python
def fib():
    a, b = 0, 1
    while True:            # First iteration:
        yield a            # yield 0 to start with and then
        a, b = b, a + b    # a will now be 1, and b will also be 1, (0 + 1)

for index, fibonacci_number in zip(range(10), fib()):
     print('{i:3}: {f:3}'.format(i=index, f=fibonacci_number))

关于 Tailwind Next.js Starter Blog

这是一个基于 Next.js 和 Tailwind CSS 构建的现代化博客 starter 模板,支持:

  • Markdown 和 MDX 支持
  • 代码语法高亮
  • 响应式设计
  • SEO 优化
  • 深色/浅色主题切换

项目链接

分享: