Jekyll架站要求-必看

jekyll.jpg

^_期末项目【使用Jekyll搭建的个人网站】自评与互评

说明：

期末项目占《网页设计与制作》课程总分100分的40%，即40分。

量规定义基础，每项都取得近一半的分数才比较可能总成绩通过，一半的分数线是基本要会能正确再操作的知识要点。

——————————————————————————————————————————————————————

姓名：XX

学号：XX

gitee后台

jekyll网站

一、界面设计（3分）

1.自己尝试在个别页面加入侧边栏导航（2分）

https://mmistakes.github.io/minimal-mistakes/docs/layouts/#custom-sidebar-navigation-menu

2. 增加affiliation 所属单位信息(1分）

二、平面设计（9分）

平面设计：颜色丶背景丶字体的个别及整体搭配

1. 是否对比度足够，可读性是否有基本水平。可以用灰阶打印检查（0-2分，差、可、优）

2. 字体是否有按规则：标题h1等使用无衬线体（Sans-serif），内文p等等使用衬线字体（serif）（0-2分。0无， 1仅一项有，2两项皆有）

3. 字体是否有增加中文字体名称：Chrome Inspector 检查body及h1的字型设置是否使用中文（0-2分。0无， 1仅一项有，2两项皆有）

4. 平面设计布局方面，是否能自己阅读文档并实践？如使用模板的tags-archive、year-archive或文章头部插入相片（0-3分。实现一个页面+1分，如2个页面增加页头相片计为2分）

三、 网站结构：（10分）

对不同的内容单元有合理的命名丶链结及信息组织安排

1. 依要求安排站点档案目录及URL，能在指定的URL展示正确的页面（0-5分，一项正确为1分）

-SVG制作 /svg/

-界面设计 /design/#界面设计

-平面设计 /design/#平面设计

-关于我 /about/

2. 图片使用及命名检查（0-3分，1张图片乱命名为0分，1-3分为正确命名一张+1分）

图片指png/jpg/svg等图档。

Chrome Inspector - Network - Type 排序检查，或Chrome Inspector - Console用代码检查所有图档，或直接gitee后台检查所有图片文档

图档的命名含有语意如 "China_GDP" 为正确，纯数字123或字母abc序号丶或者仅尺寸如300x200等档名为错。

3. 学习笔记(文章/)及命名检查（0-2分）

-SVG制作 /svg/

-界面设计 /design/#界面设计

-平面设计 /design/#平面设计

笔记应各有3 篇以上，有一分类不达3篇则为0分

数量达标时，检查命名是否有正确的语意文字，如interface、graphic（含分类）（1-2分，正确命名一篇文章为1分）

四、页面结构（8分）

1. HTML、CSS或Markdown, yml语法使用（0-5分）

使用语法有3处以上错误 0分

使用语法有1-2处以上错误 1分

无语法问题 2分

无语法问题，且3篇正确实现了svg动画 3分

无语法问题，且一个SVG图片同时实现了2种动画效果 4分

无语法问题，且两个以上SVG图片同时实现了2种动画效果 5分

2. 标题使用 是否含可搜索之语义关键词，是否有吸引力（0-3分）

未使用标题 0

标题糟，未含语义关键词 1分

标题含主要语义关键词且成功摘要内容 2分

标题对一般非课程读者亦有吸引力 3分

五、学习笔记（5分）

内容合格篇数 （每篇抄录引用课本/web内容不得超过3成，否则不算）

六、Github操作：（3分）

Commit历史3条以上乱写，或fork同学或老师项目， 0分

Commit历史1-3条乱写（含3条），1分

Commit历史全部规范，2分

Commit历史全部规范，且3条以上重要提交有详细说明，3分

七、其它评量：（2分）

如，做项目的实

Commit历史開始很早且日常有練習，加分

Commit历史全集中在最後3天，扣分

以老师最终发布为准，本篇要求为7月4日发表，侵删