# 我用AI创建了一个Moe样式的Markdown查看器

**URL:** <https://www.nodeloc.com/t/topic/96377>\
**Category:** 编程开发\
**Created:** [2026 年6 月 26 日 13:40 UTC](https://www.nodeloc.com/t/topic/96377 "2026-06-26T13:40:14Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![haoqi75](https://www.nodeloc.com/user_avatar/www.nodeloc.com/haoqi75/32/39435_2.png) [@haoqi75](https://www.nodeloc.com/u/haoqi75)\
**Post date:** [2026 年6 月 26 日 13:40 UTC](https://www.nodeloc.com/t/topic/96377/1 "2026-06-26T13:40:14Z")

</div>

rt，我今天想想看一下上次我创建的Markdown查看器不怎么样，想要让AI创建一下Markdown查看器。

其实我也喜欢Moe样式，很可爱。

作品特色：

- 🎀 **萌系主题** – 粉紫渐变、毛玻璃效果、浮动装饰、标题小图标

- 📑 **智能目录** – 自动提取 `h1~h6`，点击平滑滚动，移动端自动收起

- 🛣 **别名路由** – 支持 `?p=test` 形式的路径别名，无需修改服务器配置

- ⚙ **灵活配置** – `config.json` 轻松设置默认文档和别名映射

- 🔧 **开发友好** – 使用 Gulp 构建，支持 `pnpm dev` 实时预览 + 热重载

- 📦 **单文件交付** – 构建后生成 `dist/index.html`，所有资源内联，部署简单

- 💻 **代码高亮** – 集成 Prism.js，代码块美观易读

- 🦊 **萌系吉祥物** – 可配置透明背景的右下角角色，为页面增添活力

- 📝 **自定义页脚** – 支持 Markdown 的页脚内容，轻松添加版权或链接

更新了v1.3.0，添加了许多功能。

如果您喜欢这个项目，别忘了点个 ⭐Star 哦～

~~连接~~ 链接：  
请点赞本帖后查看内容。如果你觉得内容不好，稍后可以用踩来回应。

---

<div class="post-metadata">

**Author:** ![ott5](https://www.nodeloc.com/user_avatar/www.nodeloc.com/ott5/32/59807_2.png) [@ott5](https://www.nodeloc.com/u/ott5)\
**Post date:** [2026 年6 月 26 日 13:52 UTC](https://www.nodeloc.com/t/topic/96377/2 "2026-06-26T13:52:21Z")

</div>

我看看什么样

---

<div class="post-metadata">

**Author:** ![434308421](https://www.nodeloc.com/user_avatar/www.nodeloc.com/434308421/32/41458_2.png) [@434308421](https://www.nodeloc.com/u/434308421)\
**Post date:** [2026 年6 月 26 日 13:58 UTC](https://www.nodeloc.com/t/topic/96377/3 "2026-06-26T13:58:46Z")

</div>

我来看看

---

<div class="post-metadata">

**Author:** ![zxylxy](https://www.nodeloc.com/user_avatar/www.nodeloc.com/zxylxy/32/35517_2.png) [@zxylxy](https://www.nodeloc.com/u/zxylxy)\
**Post date:** [2026 年6 月 26 日 14:00 UTC](https://www.nodeloc.com/t/topic/96377/4 "2026-06-26T14:00:09Z")

</div>

前来使用

---

<div class="post-metadata">

**Author:** ![axelray](https://www.nodeloc.com/user_avatar/www.nodeloc.com/axelray/32/24991_2.png) [@axelray](https://www.nodeloc.com/u/axelray)\
**Post date:** [2026 年6 月 26 日 14:01 UTC](https://www.nodeloc.com/t/topic/96377/5 "2026-06-26T14:01:18Z")

</div>

看看

---

<div class="post-metadata">

**Author:** ![Kareturi](https://www.nodeloc.com/user_avatar/www.nodeloc.com/kareturi/32/59939_2.png) [@Kareturi](https://www.nodeloc.com/u/Kareturi)\
**Post date:** [2026 年6 月 26 日 14:02 UTC](https://www.nodeloc.com/t/topic/96377/6 "2026-06-26T14:02:16Z")

</div>

看

---

<div class="post-metadata">

**Author:** ![pengfwj](https://www.nodeloc.com/user_avatar/www.nodeloc.com/pengfwj/32/3858_2.png) [@pengfwj](https://www.nodeloc.com/u/pengfwj)\
**Post date:** [2026 年6 月 26 日 14:20 UTC](https://www.nodeloc.com/t/topic/96377/7 "2026-06-26T14:20:05Z")

</div>

这是什么

---

<div class="post-metadata">

**Author:** ![pengfwj](https://www.nodeloc.com/user_avatar/www.nodeloc.com/pengfwj/32/3858_2.png) [@pengfwj](https://www.nodeloc.com/u/pengfwj)\
**Post date:** [2026 年6 月 26 日 14:20 UTC](https://www.nodeloc.com/t/topic/96377/8 "2026-06-26T14:20:27Z")

</div>

这上面什么内容

---

<div class="post-metadata">

**Author:** ![uiop13](https://www.nodeloc.com/user_avatar/www.nodeloc.com/uiop13/32/55862_2.png) [@uiop13](https://www.nodeloc.com/u/uiop13)\
**Post date:** [2026 年6 月 26 日 19:46 UTC](https://www.nodeloc.com/t/topic/96377/9 "2026-06-26T19:46:14Z")

</div>

我要康康

---

<div class="post-metadata">

**Author:** ![Struhaqi](https://www.nodeloc.com/user_avatar/www.nodeloc.com/struhaqi/32/40796_2.png) [@Struhaqi](https://www.nodeloc.com/u/Struhaqi)\
**Post date:** [2026 年6 月 27 日 00:33 UTC](https://www.nodeloc.com/t/topic/96377/10 "2026-06-27T00:33:11Z")

</div>

看一下

---

<div class="post-metadata">

**Author:** ![hanhanhan](https://www.nodeloc.com/user_avatar/www.nodeloc.com/hanhanhan/32/54531_2.png) [@hanhanhan](https://www.nodeloc.com/u/hanhanhan)\
**Post date:** [2026 年6 月 27 日 00:41 UTC](https://www.nodeloc.com/t/topic/96377/11 "2026-06-27T00:41:54Z")

</div>

看看啥样

---

<div class="post-metadata">

**Author:** ![alivedou](https://www.nodeloc.com/user_avatar/www.nodeloc.com/alivedou/32/51500_2.png) [@alivedou](https://www.nodeloc.com/u/alivedou)\
**Post date:** [2026 年6 月 27 日 00:42 UTC](https://www.nodeloc.com/t/topic/96377/12 "2026-06-27T00:42:19Z")

</div>

看看长啥样。

---

<div class="post-metadata">

**Author:** ![Furry](https://www.nodeloc.com/user_avatar/www.nodeloc.com/furry/32/61704_2.png) [@Furry](https://www.nodeloc.com/u/Furry)\
**Post date:** [2026 年6 月 27 日 00:43 UTC](https://www.nodeloc.com/t/topic/96377/13 "2026-06-27T00:43:34Z")

</div>

不是说关了回复可见吗

---

<div class="post-metadata">

**Author:** ![anlish](https://www.nodeloc.com/user_avatar/www.nodeloc.com/anlish/32/29955_2.png) [@anlish](https://www.nodeloc.com/u/anlish)\
**Post date:** [2026 年6 月 27 日 01:21 UTC](https://www.nodeloc.com/t/topic/96377/14 "2026-06-27T01:21:42Z")

</div>

人人都是工程师了！

---

<div class="post-metadata">

**Author:** ![Cunningham520](https://www.nodeloc.com/user_avatar/www.nodeloc.com/cunningham520/32/82362_2.png) [@Cunningham520](https://www.nodeloc.com/u/Cunningham520)\
**Post date:** [2026 年6 月 27 日 01:30 UTC](https://www.nodeloc.com/t/topic/96377/15 "2026-06-27T01:30:27Z")

</div>

看看那

---

<div class="post-metadata">

**Author:** ![Jay.C](https://www.nodeloc.com/user_avatar/www.nodeloc.com/jay.c/32/53560_2.png) [@Jay.C](https://www.nodeloc.com/u/Jay.C)\
**Post date:** [2026 年6 月 27 日 01:34 UTC](https://www.nodeloc.com/t/topic/96377/16 "2026-06-27T01:34:38Z")

</div>

回复可见不是已经取消了吗？这是旧帖子重新编辑的？

---

<div class="post-metadata">

**Author:** ![redsun2026](https://www.nodeloc.com/letter_avatar_proxy/v4/letter/r/7993a0/32.png) [@redsun2026](https://www.nodeloc.com/u/redsun2026)\
**Post date:** [2026 年6 月 27 日 02:01 UTC](https://www.nodeloc.com/t/topic/96377/17 "2026-06-27T02:01:57Z")

</div>

看看是什么样式，感谢

---

<div class="post-metadata">

**Author:** ![Furry](https://www.nodeloc.com/user_avatar/www.nodeloc.com/furry/32/61704_2.png) [@Furry](https://www.nodeloc.com/u/Furry)\
**Post date:** [2026 年6 月 27 日 02:34 UTC](https://www.nodeloc.com/t/topic/96377/18 "2026-06-27T02:34:50Z")

</div>

请点赞本帖后查看内容。如果你觉得内容不好，稍后可以用踩来回应。

是这样的。james只是把编辑栏上面那个快捷按钮去掉了  
但是如果直接手打"[upvote]" "[/reply]"两个标签还是有用

---

<div class="post-metadata">

**Author:** ![haoqi75](https://www.nodeloc.com/user_avatar/www.nodeloc.com/haoqi75/32/39435_2.png) [@haoqi75](https://www.nodeloc.com/u/haoqi75)\
**Post date:** [2026 年6 月 28 日 09:31 UTC](https://www.nodeloc.com/t/topic/96377/19 "2026-06-28T09:31:09Z")

</div>

我进行升级了功能，要不要看看

---

<div class="post-metadata">

**Author:** ![Goog](https://www.nodeloc.com/user_avatar/www.nodeloc.com/goog/32/45220_2.png) [@Goog](https://www.nodeloc.com/u/Goog)\
**Post date:** [2026 年6 月 28 日 09:51 UTC](https://www.nodeloc.com/t/topic/96377/20 "2026-06-28T09:51:28Z")

</div>

看看了

[下一页](https://www.nodeloc.com/t/topic/96377.md?page=2)
