预览地址: https://zuoxiaobai.github.io/jsdom_project/
现在需要将静态页面放到github,并确保可以在线预览对应的效果,配置Github Pages可以实现对应的需求
- 在仓库根目录创建docs文件夹,并在该目录新建index.html文件,待会配置成功生成链接后,就可以访问到该文件了。
<!-- 测试HTML代码 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>testPage</title>
</head>
<body>
<p>这是一个index页面</p>
</body>
</html>
- 打开仓库的设置,找到GitHub Pages配置位置,注意:如果没有登录github,或者不是自己的仓库是看不到Settings选项的
- 设置 Source 为 master branch/docs folder,成功后会给出对应的链接,直接访问即可。
- 如果之前有使用自己的域名指向github,生成的链接访问会是404,需要在仓库的根目录新建CNAME文件,直接写入对应的域名即可: zuoguoqing.com
发现使用自定义域名时,有时候会404,暂时删除自定义域名
根据第十二章的描述,一步步完成功能。图片素材、代码均可在 http://www.ituring.com.cn/book/42 下载,但建议只导入图片素材,代码还是根据书中的示例一步步手打完成。