手把手教你用vue搭建个人站 | vue博客
在我转前端以来,一直想要实现一个愿望:“自己搭建一个可以自动解析Markdown文档的个人站”今天终于实现啦,先贴上我的Blog地址[1]确认需求其实一个最简单的个人站,就是许多的HTML页面,你只要可以用HTML写出来就可以,然后挂到Githubpages上。但这并不是我想要的。也有许多的人会选择用Vuepress,Hexo,Wordpress,Jekyll等等这样的博客框架来搭建自己的博客,我也都尝试过,有很多的主题可以给你选择,你甚至可以自己写一个主题或者修改其他人的主题让你的博客变得独一无二,但这也不是我想要的。那,我想要的是什么呢?用Markdown...
在我转前端以来,一直想要实现一个愿望:
“自己搭建一个可以自动解析Markdown文档的个人站”
今天终于实现啦,先贴上我的Blog地址[1]
确认需求其实一个最简单的个人站,就是许多的HTML页面,你只要可以用HTML写出来就可以,然后挂到Github pages上。但这并不是我想要的。
也有许多的人会选择用Vuepress,Hexo,Wordpress,Jekyll等等这样的博客框架来搭建自己的博客,我也都尝试过,有很多的主题可以给你选择,你甚至可以自己写一个主题或者修改其他人的主题让你的博客变得独一无二,但这也不是我想要的。
那,我想要的是什么呢?
用Markdown语法书写博客,支持代码高亮。
博客所有页面都是自定义样式。 Markdown的YAML开头支持自定义字段,便于在页面上展示。 在写博客的同时支持页面更新,实时看到效果。 其他博客基本的功能。其实上面很多的博客系统,或者静态博客生成器,都可以满足上面大部分的条件,我没有使用的原因主要是以下几点:
我很难把控整个流程,如果我在其他人的主题页面想要增加一些功能,很吃力。 对博客的配置,都会有预料之外的效果。 一些主题也不完善,总是少了自己需要的功能,并且对于Markdown一些基本的功能的支持,也参差不齐。 页面的构造和样式的调整,自由度不够。 分析需求看到这些需求,其实重点不在于你要用什么框架来写。vue也好react也好甚至Jquery或者原生的JS,都可以。
重点在于你如何处理Markdown文件,把它转换成你需要的对象,并且在你的页面中,可以通过路由来控制页面的内容的切换。
简而言之,就是两点:
博客数据 页面路由当你可以解决这两个问题,那就解决了所有的问题,因为剩下的就是撸页面了,天高任你飞,和太阳肩并肩。
数据的获取或许也可以换一个小标题,怎样拿到Markdown里面的数据,并且在页面上读取数据呢?
需要这个数据是因为考虑到,在首页你可能需要展示所有的页面分类,和所有的Tags,甚至所有的文章的标题和内容,因为你需要做一个博客的检索?
我把以上提到的所有的博客框架的源码看了一遍,想看...