网页个人简历

参考链接：
个人简历模板
windows下安装jekyll

一、Fork简历模板

1. 在gitee上Fork简历模板到自己的仓库，在浏览器中打开Funday的主页，https://gitee.com/xiaodan_yu/resume.io。点击右上角的Fork，在弹出的对话框中，选择自己的账号名，点击确定。

2. 找到刚才Fork到自己仓库的项目，开通Gitee Pages服务，稍等一会之后，会出现gitee pages开通成功的通知，可以通过显示的地址访问到生成的pages。

3. 将Fork后的项目git clone到本地电脑，下面方式任选一种

   git clone git@gitee.com:xxxxxx/resume.io.git    #需要设置ssh密钥
   git clone https://gitee.com/xxxxx/resume.io.git
   

二、安装jekyll

1. 本地网页测试前需要安装Jekyll，这里是Windows系统安装
   jekyll是一个基于ruby的博客系统，首先安装Ruby和devkit，下载地址：[Downloads (rubyinstaller.org)]，选择WTIH DEVKIT下面的文件进行下载，下载完成后进行安装，选择默认安装即可。
   
   
   检测一下是否安装完成：
   

2. 安装ruby后就可以安装jekyll

   gem -v
   gem install jekyll
   

   检测是否安装完成：
   

3. 测试打开本地网页
   在本地项目resume.io文件夹中使用终端测试，输入jekyll s 或者 jekyll server，如下所示就算成功了。
   
   然后复制终端中网址http://127.0.0.1:4000/resume.io/到浏览器中就可以看到简历模板
   

三、修改代码换成自己的简历

1. 修改代码把自己的简历加上去，在不关闭jekyll的情况下，刷新本地网页就即可查看修改的情况。

• 添加网页的小图标

  <link rel="Shortcut Icon" href="/resume.io/styles/img/myworks/sun.png" type="image/x-icon" /> 
  

• 添加视频参考，要用格式工厂等软件将MP4格式转成ogg、webm、swf三个格式

  <div class="pf-grid-item photography">
      <div class="project">
          <figure class="portfolio-figure">
              <video width="400" height="300" controls>
                  <source src="/resume.io/styles/img/myworks/video1.mp4"  type="video/mp4">
                  <source src="/resume.io/styles/img/myworks/video1.ogg"  type="video/ogg">
                  <source src="/resume.io/styles/img/myworks/video1.webm"  type="video/webm">
                  <object data="/resume.io/styles/img/myworks/video1.mp4" width="400" height="300">
                      <embed src="/resume.io/styles/img/myworks/video1.swf"  width="400" height="300">
                  </object> 
              </video>
          </figure>
      </div>
  </div><!-- .pf-grid-item -->
  

2. 推送到远程

   git add .
   git commit -m "test"
   git push -u origin master
   

3. 在Gitee Pages中点击更新，再点击链接，就可以在远端查看部署的简历