Svelte博客

sveltekit-mdsvex-blog — Svelte 博客模板

作者 mvasigh

基于 SvelteKit 与 MDsveX 的极简博客模板，使用 TypeScript 编写，支持用 Markdown 与 Svelte 组件撰写文章，并预配置静态适配器以便部署到静态托管平台。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-30查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

使用 TypeScript、Svelte、SvelteKit 与 MDsveX 构建

Markdown 文章可直接嵌入 Svelte 组件

默认识别 .svelte.md、.md 与 .svx 文件

预配置 @sveltejs/adapter-static，输出静态站点

MIT 许可，允许修改、商用与分发

模板详细介绍

这是一个极简风格的博客站点模板，技术栈为 TypeScript、Svelte、SvelteKit 与 MDsveX。文章内容以 Markdown 为主，MDsveX 让 Markdown 文件可以直接使用 Svelte 组件，默认识别 .svelte.md、.md 和 .svx 扩展名。

项目预配置了 @sveltejs/adapter-static，构建产物为静态文件，适合部署到 Netlify 等静态站点托管服务：将构建命令设为 npm run build，输出目录设为 build 即可。仓库采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管等外部服务也可能产生费用。

README 同时给出了从零搭建的替代路径：用 create-svelte 新建项目，再通过 svelte-add 添加 MDsveX 支持，并自行配置站点。模板未在资料中说明评论、搜索、分页或 CMS 等扩展功能。

Svelte博客

适合你的项目吗？

适用场景

搭建以 Markdown 撰写内容的个人博客
需要静态托管部署的博客站点
希望在 Markdown 中混用 Svelte 组件的写作场景
作为学习 SvelteKit 与 MDsveX 集成的示例项目

适合人群

熟悉 Svelte 或愿意学习 SvelteKit 的开发者
偏好用 Markdown 管理文章内容的博主
需要静态站点部署到 Netlify 等平台的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后进入项目目录，如需全新提交历史可删除 .git 并重新初始化
2
使用 npm install 或 pnpm i 安装依赖
3
运行 npm run dev 或 pnpm dev 启动本地开发服务器
4
部署时构建命令设为 npm run build，输出目录设为 build
5
演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/mvasigh/sveltekit-mdsvex-blog/blob/main/LICENSE https://github.com/mvasigh/sveltekit-mdsvex-blog/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 76 / 100
技术栈: Svelte
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2023-01-27
截图检查日期: 2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Svelte。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 0814e4c5b459dcc3247ea0db19ea803084e9d698111e3c01203ed386a94500f3

2026-10-01T14:45:51.944Z

来源文件 / 仓库

# `sveltekit-mdsvex-blog`

Minimalistic blog site template, built with [TypeScript](https://www.typescriptlang.org/), [Svelte](https://svelte.dev), [SvelteKit](https://kit.svelte.dev) and [MDsveX](https://mdsvex.com).

[Live demo](https://sveltekit-mdsvex-blog.netlify.app)

## Getting started

First, clone the repository and navigate to the project directory:

```bash
git clone https://github.com/mvasigh/sveltekit-mdsvex-blog.git my-blog
cd my-blog
```

If you want to have a fresh commit history, blow away the `.git` directory and re-initialize the repository locally:

```bash
rm -rf .git
git init
```

Next, install dependencies with NPM:

```bash
npm install # or `pnpm i`
```

Finally, run the local development server:

```bash
npm run dev # or `pnpm dev`
```

## Building for production

This project is pre-configured with [`@sveltejs/adapter-static`](https://github.com/sveltejs/kit/tree/master/packages/adapter-static). This makes deploying to static site hosts, such as Netlify, super easy. Simply add your site's repository to your static site host of choice, configure the build command to be `npm run build` and the build output directory to be `build`.

## Starting from scratch

You may want to create your own project from scratch using `create-svelte`. You can do so easily and add MDsveX support to your project using `svelte-add`:

1. Create a new project per the [SvelteKit docs](https://kit.svelte.dev/docs#introduction-getting-started)
2. [Add MDsveX to your project](https://github.com/svelte-add/mdsvex#-adding-to-sveltekit) using svelte-add
3. Configure your site to your liking; files with the `.svelte.md`, `.md` and `.svx` extensions will be picked up by MDsveX by default

## Questions?

Feel free to ask any questions that you have! I am happy to try and answer them. The best way to reach me is by Mastodon, [@[email protected]](https://mastodon.gamedev.place/@mehdi), but you can also [open an issue in this repository](https://github.com/mvasigh/sveltekit-mdsvex-blog/issues/new).

反馈内容错误