15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 制作网页版简历

制作网页版简历

时间:2023-09-10 12:48:02 | 来源:网站运营

时间:2023-09-10 12:48:02 来源:网站运营

制作网页版简历:

如何实现一个网页版的简历?记录自己实现的一些想法和思路。

因为网页简历是一个静态页面,不需要交互,所以不需要使用 JavaScript ,直接 HTML + CSS 即可。

在考虑简历的页数时,我选择放弃一页纸简历,首先一页纸简历样式上太单调,内容写的也不多,我想把项目的一些截图放上去,不仅可以吸引HR,也方便HR不用打开预览的链接,就对项目有所了解,节省HR 的时间,所以一页纸就不够,而且一页纸太拥挤。

对项目描述里关键的内容样式上进行强化,

一些步骤及注意事项

因为该项目比较小且简单,所以使用 parcel 预览和打包上传,

npm i -g parcel-bundler // 下载parcel src/index.html // 预览更改 <meta name="viewport" content=" . . ."> ,为了兼容移动端,

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">设置标题,在 .html 文件里引入 .css 文件,

在 html 里引入个 js 文件,这样开发时方便更新页面,

先写好整体布局,再细化内容,

我使用的标签有:<article>、<aside>、<main>、<header>、<section>、<ol>、<ul>、<li>、<p>、<h1>~<h3>、<img>、<svg>、<use>、<a>、<div>、<span>、

CSS 方面使用了 flex 布局,还使用了 :first-child、:last-child、:nth-child() 、word-wrap: break-word;、calc()等以前较少使用的选择器和属性。

引用 SVG 图标时,从 inconfont 引入文件 ,使用 <svg>、<use> 标签显示在页面里,但在打包时,发现 parcel在包裹构建时不支持 ,

error: 'Error in parsing SVG: Unbound namespace prefix: "xlink"/nLine: 0/nColumn: 98/nChar: >' 解决办法如下,这样就能输出正确的 svg 了,

<svg xmlns:xlink="http://www.w3.org/1999/xlink" > <use xlink:href='#icon-xxx'/></svg>创建脚本文件,简化上传步骤,建立deploy_github.sh 文件,

parcel build src/index.html --public-url . &&git add . &&git commit -m '简历更新' &&git remote remove origin &&git remote add origin git@github.com:wujinghaoyyds/curriculum-vitate.git &&git branch -M main &&git push -u origin main可直接运行该命令,一键上传至 GitHub

sh deploy_github.sh 右键,选择打印,调整页边距、背景图片等,保存为PDF。



关键词:简历

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭