制作网页过程中的心得

制作网页过程中的心得

网页制作过程中所得的心得

如何做一个网页?

做一个网页之前,或许我们没有必备的CSS/HTML的知识存库,但我们可以依然可以做一个网页出来。这是为什么的呢? 只要你的电脑上有安装:

  1. github客户端
  2. RubyInstaller
  3. jekyll

注册好github账号,申请好一个 Repository,对应好自己想存放的路径以便查找。链接为你提供参考。

你会从中发现,fork 是个很好的方法。 你会通过 fork这个键,可以直接把别人做好的模板给一一复制下来,不需要自己过多的操作代码,能省去不少的时间。

模板

这里有一个平台,可为你提供构建一个网页的模板

里面有付费和免费的模板提供,可以直接download到你github.io的文件夹中,当你在搜索栏中输入你的域名.github.io时,你就可以看到你刚刚需要的模板。

而我的页面是参考于老师提供的mmistakes的模板,所以看起来比较单调。(也就是现在你看到我的页面)

完成好上面的步骤,你就可以在保存好的文件夹中,对他们进行编辑,添加或删除内容。

因为我是从老师提供的模板开始一步一步去做,所以我根据老师所做的commit中也跟着一步步操作。

有些步骤不难,但需要自己花时间去摸索,或许是愚生愚钝,所以耗费在步骤上的时间之长。

图标修改和css外观修改注意的问题

修改icon图标,你只需要把图片上传到这个网页,即可将图片修改成.icon的形式和你要的尺寸大小。

在修改css外观前,务必要根据老师的步骤走一遍。 直接点击该字体,即可进入老师的页面,根据+-符号添加/删除内容

发现的问题

你会发现,右上方的菜单栏是在_layout.scss中编辑

小盒子悬停和点击小盒子后鼠标移至每个项目后的颜色 是在_sliding-menu.scss中修改颜色

最重要的一步,就是把你想修改的颜色所需的英文名字和其RGB十六进制,要放置在_variables.scss 里面。

由于我的电脑配置等问题,现在无法上传我自己截图的图片链接,深感抱歉

老师要求设置/posts/文章
/posts/中得含有 infovis 和 rwd 两个不同的类别 infovis和rwd 又可以再加入内容。

我尝试创立了一个文件/posts/里面放置一个index.md文件, 里面编辑

---
layout: archive
title:  "文章"
date:   2017-11-30 22:07:50 +0800
---
[RWD](https://jamieyin.github.io/posts/rwd/web%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/)
[信息可视化笔记]

里面的RWD就有一个链接,且原本_posts 里面有RWD这个笔记,即可直接跳转到那一页面,我尝试把这篇文章给删除,看直接点击RWD这个选项可否直接跳转,实际上是不可以的。因为该文本并没有出现在这个页面上。

我试着老师的步骤,把他们进行分类,

layout: archive
title:  "文章"
date:   2017-11-30 22:07:50 +0800
categories :posts rwd

只要把 categories 那一栏给标注好类别,即可显示出你写过的文章。

可能我写出来的文章看起来有点难明白,你可以点击我的主页查看。