• 我做出了第一版的“手工”博客!


    我做出了第一版的“手工”博客!

    欢迎关注我的博客,⬅️点他即可。

    这里说是“手工”博客,主要原因是方法比较简陋(笑)。

    下午三点开始,算上吃晚饭和一小时的休息时间,我终于在北京时间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基础和算法与数据结构的相关知识。

    所以我来博客园写作,会比较方便(笑)。不过我确实还是很喜欢这个网站的简洁,专注于技术与文章本身!

    (完)

  • 相关阅读:
    【Git&GitHub idea中使用Git 03】
    【Git&GitHub 本地库和远程库交互 02】
    【Git&GitHub 本地库操作 01】
    C Primer Plus学习笔记【11章节】
    Python包,模块理解,以及通过元类自动化注册属性。
    pandas.DataFrame.from_dict的使用介绍
    C Primer Plus学习笔记 第10章 编程练习
    CMOS与BIOS的区别(转帖)
    Python 元类详解 __new__、__init__、__call__[补充说明]
    Python 元类详解 __new__、__init__、__call__[收官之作]
  • 原文地址:https://www.cnblogs.com/xhyccc/p/12722859.html
Copyright © 2020-2023  润新知