littlebot
Published on 2025-04-17 / 0 Visits
0

【源码】基于Semantic UI和Marked js的Markdown博客系统

项目简介

本项目是一个基于Semantic UI和Marked js的Markdown博客系统,能让用户方便地使用Markdown撰写博客,并通过简单的配置实现博客外观的定制和文章的分类标签管理。

项目的主要特性和功能

  1. 简单易用:仅需用Markdown编写内容,无需本地环境和命令行操作。
  2. 灵活定制:借助Semantic UI和jQuery,修改index.html即可轻松改变博客外观。
  3. 动态加载:采用Ajax技术动态获取Markdown文件,由Marked js在前端渲染,实现单页应用的流畅浏览。
  4. 分类标签管理:通过编辑category.mdtag.md为文章添加分类和标签。

安装使用步骤

假设用户已下载本项目的源码文件。 1. 安装VSCode并打开项目文件夹。 2. 在VSCode中使用Live Server插件启动本地静态服务器,解决跨域问题。 3. 在static/article目录下新建Markdown文件撰写博客文章。 4. 编辑home.md文件,添加新文章的标题和链接。 5. 编辑category.mdtag.md为文章添加分类和标签。 6. 通过编辑index.html,利用Semantic UI和jQuery自定义博客外观。 7. 在浏览器中打开本地服务器提供的URL,预览博客效果。

使用到的开源项目

  • Semantic UI:强大的前端框架,提供丰富UI组件和主题。
  • Marked js:Markdown解析和渲染库,用于前端展示Markdown内容。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】