2025.11.7

Overvirw

1. 静态网站项目准备与学习
2. 今日总结

静态网站项目准备与学习

1. 浏览器开发者工具的初步接触
   1. 首先在项目文件夹中调试.html文件，进入浏览器里的静态网页
   2. 在浏览器中按 F12 来打开开发者工具
   3. 用「源」选项卡编辑 JS 文件
      点击开发者工具中的源代码 -> 点击“+手动添加文件夹” -> 选择项目文件夹打开并允许编辑文件 （这样就可以直接编辑外部.html、.js文件并保存（CTRL + S））
      注意：必须手动添加文件夹才能够编辑并保存文件内容
2. 本地开发服务器
   1. 使用方法：使用Python内置服务器，在PyCharm的终端中输入：
      python -m http.server 8000
      之后就可以在服务器中通过http://协议访问对应的网页
   2. 作用：在本地搭建一个简单的 Web 服务器，以便在开发静态页面（HTML/CSS/JavaScript）时进行本地预览
      1. 模拟线上环境，避免本地文件访问限制
      2. 方便本地调试与实时预览
      3. 为后续部署到 GitHub Pages 做验证
   3. 注意：
      1. 每次想要打开本地服务器必须先在PyCharm的终端中执行上面的命令，否则打不开对应网页
      2. 其实在PyCharm终端中执行的代码的本质是创建当前打开文件的本地服务器，所以想要打开必须要先打开对应项目文件夹再执行上面的代码
3. GitHub Desktop
   1. 下载GitHub Desktop，并登录GitHub账号，并克隆GitHub库到软件内
   2. 使用方法：
      1. 可以通过本地电脑的文件操作或者PyCharm中修改文件后在GitHub Desktop软件内对该次改变进行描述并上传，就可以将改变推送到远程的GitHub库里
4. 过程中的改变
   1. 将静态网站项目的文件夹内的.html、.sj、.css文件移动到同一个目录下，并创建assets文件夹用于后续存放图片字体等，最后在每一个项目文件夹里加入了.md的项目介绍文件
   2. 在F盘中创建用于存放GitHub库的文件夹，并在里面创建blog文件夹用于存放与博客相关的内容，并把之前pynote1文件夹复制到该文件夹内，使得以后可以通过编写该文件夹内的文件来上传到GitHub库里

今日总结

1.