我做出了第一版的“手工”博客!
欢迎关注我的博客,⬅️点他即可。
这里说是“手工”博客,主要原因是方法比较简陋(笑)。
下午三点开始,算上吃晚饭和一小时的休息时间,我终于在北京时间22点09分,写出来了我的第一版博客。这一版使用的是@vue/cli 4.2.3
来完成的开发。
我是去年的三月份开始学习前端编程的,到今天已经过去了400天,在这段时间里,几乎每周我交给编程的时间都会有10-20个小时,学习了js、python、swift还有C#,同时写下了上万字的笔记,现在想起来,简直不敢相信。
一年的时间,读了七八本关于产品的书,三四本关于设计的书,上百个小时的编程教程和两本编程书籍。我要是高考的时候有这个劲头,恐怕不说清北,上个武大还是可以的(笑)。在这里要特别谢谢我的女朋友,我平时课多,还花了很多的时间去学习编程和设计,而她一直都很支持我,从没和我闹过情绪(泪目)。
在一年的学习里,让我最为喜欢的,那肯定非JavaScript莫属,我觉得他是最符合《黑客与画家》中所说的,JS这门弱类型语言在程序员手中,真的就好像画家手里的笔一样,充满了灵动之感!
话说回来,这次我的思路是使用markdown-loader
来解析文章,并且在vuex里将文章一一“登记”进入state,储存为一个数组,就像这样:
{
id: 0,
mainWords: Arti01,
title: 'processing完成星际穿越',
date: 20200101,
tag: '编程'
},
{
id: 1,
mainWords: Arti02,
title: '谈谈Markdown',
date: 20191010,
tag: '互联网科技'
}
// 以后再用,只需要import新的md文件,再在数组中加一个对象即可
然后在每个页面分别对vuex的数据进行深复制、按照规则处理。
这里为什么要加深深复制呢?因为这个让我踩了很久很久的坑,state里面的数据是可以直接修改的,我刚开始忘记深复制了,只采用了浅复制,于是在修改的时候就连vuex的数据一起改了!
所以一定要记得,能深复制,尽量进行深复制,除非到了很影响性能的地步。
总的来说,目前这个版本的博客有很多很多的不足,但是也是我比较喜欢的十几年前的互联网风格,接下来我会尝试不断的去改进她的。
2020年4月17日更新
最近发现vue其实有个叫做vue press的轮子,专门用来生成静态页面的。但我现在其实不是很想研究这些了,最近一年我想好好的加强我的JS基础和算法与数据结构的相关知识。
所以我来博客园写作,会比较方便(笑)。不过我确实还是很喜欢这个网站的简洁,专注于技术与文章本身!
(完)