项目简介
本项目是一个基于Semantic UI和Marked js的Markdown博客系统,能让用户方便地使用Markdown撰写博客,并通过简单的配置实现博客外观的定制和文章的分类标签管理。
项目的主要特性和功能
- 简单易用:仅需用Markdown编写内容,无需本地环境和命令行操作。
- 灵活定制:借助Semantic UI和jQuery,修改
index.html
即可轻松改变博客外观。 - 动态加载:采用Ajax技术动态获取Markdown文件,由Marked js在前端渲染,实现单页应用的流畅浏览。
- 分类标签管理:通过编辑
category.md
和tag.md
为文章添加分类和标签。
安装使用步骤
假设用户已下载本项目的源码文件。
1. 安装VSCode并打开项目文件夹。
2. 在VSCode中使用Live Server插件启动本地静态服务器,解决跨域问题。
3. 在static/article
目录下新建Markdown文件撰写博客文章。
4. 编辑home.md
文件,添加新文章的标题和链接。
5. 编辑category.md
和tag.md
为文章添加分类和标签。
6. 通过编辑index.html
,利用Semantic UI和jQuery自定义博客外观。
7. 在浏览器中打开本地服务器提供的URL,预览博客效果。
使用到的开源项目
- Semantic UI:强大的前端框架,提供丰富UI组件和主题。
- Marked js:Markdown解析和渲染库,用于前端展示Markdown内容。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】