网络安全协会网站的搭建(一)

网络安全协会网站的搭建

一个网络安全协会要体现自己的特色，必须要有自己的网站才行啊
特别是看了ACM协会的网站之后，更加坚定了开发的想法
所以这个项目就出现了

Vue.js 与 Node.js

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

早就在关注尤雨溪大佬和他的Vue.js项目。

今年年初曾尝试搞了一个demo，结果最后搞的一头雾水，也没弄懂…
最终结果就是弃了…

直到今年5月份我准备做数据库课设，才算稍微系统地学习了一下 Node.js，用 Express 熟悉了一下 Node 的项目结构和使用 npm 的方法，顺便提高了js的开发能力。我也学到了 js 的异步回调什么的，还有编写 HTML 和 CSS 的熟练度也得到了少许提高，暑假时又学习了一部分 TypeScript 和 ES6 的语法，勉强算是做了较多的铺垫。

这两天重新看 vue 的项目的时候终于明白那都是什么东西了，有点 Express 的感觉，但是 router 竟然可以 build 成静态的，默认采用的是 Hash 方式，一个网站可以做成单页的，有趣啊！

于是9月1日建立了项目仓库，9月3日提交了研究了两天的结果(一个 Header )，因为将来要放到新GitHub账号上，build出来的静态文件有开 Http 服务的要求，因此我专门开了我GitHub的托管根目录做预览，这周前前后后一共提交了7次，之后就正式迁移到 chdans.github.io 了，我修改了结构，我build好的项目提交到我fork出来的 chdans 创建的那个静态页项目下，然后再新建 Pull Request，提交到 chdans，再由 chdans来 Merge 请求，这就是一次完整的更新。

不得不说element ui做的真的既简介又漂亮，原版的配色我是很喜欢的，我一度把协会的宣传海报也采用相同配色，如图