一个VUE写的单页blog,语法高亮,文章目录,标签全都有
Vue JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config 防止重复请求,导致页面闪动的问题 Mar 4, 2018
img
src update resume May 12, 2018
static vue init Apr 24, 2017
test/unit
.babelrc
.editorconfig
.eslintignore vue init Apr 24, 2017
.eslintrc.js vue init Apr 24, 2017
.gitignore
.postcssrc.js vue init Apr 24, 2017
README.md Update README.md May 11, 2018
copy.js 自动copy到静态博客中 Mar 5, 2018
index.html 增加统计 Jul 29, 2017
package-lock.json
package.json 自动copy到静态博客中 Mar 5, 2018

README.md

FUN

a blog

how it works

 博客从另一个放md文件的仓库中请求数据,借助marked渲染成html并显示

  1. 仓库A中存放一个索引json,由一个js文件生成,json描述了仓库中md博客的信息,还有一堆md文件,是文章文件. 文章仓库https://github.com/imgss/mdblog

  2. FUN首先获取index.json,然后通过获取index.json得到文章的url,描述等信息,当点击界面上的文章简介时,axios向github请求对应的md文件,经过marked转换成html并展示在页面上

配置

src/config.json中配置你自己的md文件根目录,获得自己的

已实现

  1. 博客文章列表

  2. 标签云/文章标签

  3. 回到顶部

  4. 文章目录(TOC)

  5. 代码高亮

  6. 有toc

  7. 有tags

  8. 有后台生成index.json的工具

  9. 有标签云

  10. 简历 📑

ToDo

  1. 要有works展示页面

  2. about页面 ✔

  3. 美化UI,过渡等

  4. 加入分享??

  5. 实现转载功能(未实现)  如: 转载https://raw.githubusercontent.com/AllThingsSmitty/css-protips/master/translations/zh-CN/README.md

截图

  • 切换上一篇,下一篇 上一篇,下一篇

  • 从文章页到索引页 文章页到索引页

  • 各标签下的文章

各标签下的文章

运行

git clone https://github.com/imgss/FUN.git

npm install

npm run dev

部署

//配置

npm run build

license

MIT