如何将个人项目上传并关联至个人作品集网站？

1. 定位作品集网站的“log cabin”板块文件 #

找到你个人作品集网站（kourtneykodes.com）对应“log cabin”板块的页面源码文件——如果是静态站点（比如用Jekyll/Hugo搭建），一般是log-cabin.md或log-cabin.html；如果是CMS系统，直接在后台编辑“log cabin”板块的内容页面即可。

2. 添加项目展示内容 #

在板块的合适位置插入以下内容（根据你的网站语法调整细节）：

• 插入成品截图：用Markdown图片语法插入截图，可自定义图片说明和样式：

  ![Log Cabin项目成品展示](https://i.sstatic.net/R4RDx.png)
  

  要是需要调整图片大小，可结合HTML标签：

  <img src="https://i.sstatic.net/R4RDx.png" alt="Log Cabin项目成品展示" width="600">
  

• 添加项目链接：写一段项目简介后，插入指向GitHub的源码和预览链接。如果你的GitHub仓库已经开启GitHub Pages，在线预览地址就是你的仓库域名（https://pinksharpie.github.io），直接关联即可：

  这是我的Log Cabin项目，[查看源码&在线预览](https://github.com/pinksharpie/pinksharpie.github.io)
  

3. 开启GitHub Pages（如果还没开） #

如果还没生成在线预览地址，按以下步骤操作：

• 进入你的GitHub仓库主页，点击顶部的「Settings」
• 左侧菜单找到「Pages」，在「Source」区域选择代码分支（通常是main）和根目录，点击「Save」
• 等待1-2分钟，GitHub会生成预览地址，之后就能用这个地址作为在线预览链接。

4. 更新作品集网站 #

如果作品集网站托管在GitHub，把修改后的文件推送到对应仓库；如果是服务器托管，直接上传修改后的页面文件到服务器即可。

内容的提问来源于stack exchange，提问作者pinksharpie