在考慮簡(jiǎn)歷的頁(yè)數(shù)時(shí)，我選擇放棄一頁(yè)紙簡(jiǎn)歷，首先一頁(yè)" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 制作網(wǎng)頁(yè)版簡(jiǎn)歷

制作網(wǎng)頁(yè)版簡(jiǎn)歷

時(shí)間：2023-09-10 12:48:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-10 12:48:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

制作網(wǎng)頁(yè)版簡(jiǎn)歷：

如何實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)版的簡(jiǎn)歷？記錄自己實(shí)現(xiàn)的一些想法和思路。

因?yàn)榫W(wǎng)頁(yè)簡(jiǎn)歷是一個(gè)靜態(tài)頁(yè)面，不需要交互，所以不需要使用 JavaScript ，直接 HTML + CSS 即可。

在考慮簡(jiǎn)歷的頁(yè)數(shù)時(shí)，我選擇放棄一頁(yè)紙簡(jiǎn)歷，首先一頁(yè)紙簡(jiǎn)歷樣式上太單調(diào)，內(nèi)容寫(xiě)的也不多，我想把項(xiàng)目的一些截圖放上去，不僅可以吸引HR，也方便HR不用打開(kāi)預(yù)覽的鏈接，就對(duì)項(xiàng)目有所了解，節(jié)省HR 的時(shí)間，所以一頁(yè)紙就不夠，而且一頁(yè)紙?zhí)珦頂D。

對(duì)項(xiàng)目描述里關(guān)鍵的內(nèi)容樣式上進(jìn)行強(qiáng)化，

一些步驟及注意事項(xiàng)

因?yàn)樵擁?xiàng)目比較小且簡(jiǎn)單，所以使用 parcel 預(yù)覽和打包上傳，

npm i -g parcel-bundler // 下載parcel src/index.html // 預(yù)覽更改 <meta name="viewport" content=" . . ."> ，為了兼容移動(dòng)端，

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">設(shè)置標(biāo)題，在 .html 文件里引入 .css 文件，

在 html 里引入個(gè) js 文件，這樣開(kāi)發(fā)時(shí)方便更新頁(yè)面，

先寫(xiě)好整體布局，再細(xì)化內(nèi)容，

我使用的標(biāo)簽有：<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 圖標(biāo)時(shí)，從 inconfont 引入文件 ,使用 <svg>、<use> 標(biāo)簽顯示在頁(yè)面里，但在打包時(shí)，發(fā)現(xiàn) parcel在包裹構(gòu)建時(shí)不支持 ，

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>創(chuàng)建腳本文件，簡(jiǎn)化上傳步驟，建立deploy_github.sh 文件，

parcel build src/index.html --public-url . &&git add . &&git commit -m '簡(jiǎn)歷更新' &&git remote remove origin &&git remote add origin git@github.com:wujinghaoyyds/curriculum-vitate.git &&git branch -M main &&git push -u origin main可直接運(yùn)行該命令，一鍵上傳至 GitHub

sh deploy_github.sh 右鍵，選擇打印，調(diào)整頁(yè)邊距、背景圖片等，保存為PDF。



關(guān)鍵詞：簡(jiǎn)歷

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉