项目简介
本项目基于Hexo框架开发,借助HTML、CSS和JavaScript技术,实现了在博客中以时间线形式展示信息的功能。用户能够通过时间线方便地查看信息的日期、标题及相关描述。
项目的主要特性和功能
- 时间线样式展示:利用CSS设计时间线样式,布局清晰,视觉效果美观。
- 动态数据加载:通过JavaScript从JSON文件动态获取数据并添加到时间线,便于内容更新。
- 嵌入博客:可轻松嵌入Hexo博客,增强博客展示效果。
安装使用步骤
前提条件
用户已下载本项目的源码文件,且本地已安装Hexo环境。
步骤
- 文件放置:将下载的源码文件按原目录结构放到Hexo项目对应目录。把
\source\yulu\index.md
放到Hexo项目的source
目录对应位置;将\themes\hexo-theme-amazing\source\css\base.styl
、\themes\hexo-theme-amazing\source\js\yulu.js
和\themes\hexo-theme-amazing\source\json_data\yulu.json
放到Hexo主题对应目录。 - 配置JSON数据:按需编辑
yulu.json
文件,修改日期、标题和描述信息,展示个人内容。 - 生成并部署博客:在Hexo项目根目录打开命令行工具,依次执行以下命令:
bash hexo clean hexo generate hexo deploy
- 查看效果:部署完成后,访问博客网站,查看时间线展示效果。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】