Gitee Pages个人简历部署(上)

写在前面的话

需要明白的两个核心问题:

  1. 简历制作:
    想要做一个网页版的个人简历,要求不高的话,其实只需要一个静态的html文件即可(或者再加个css样式文件)
  2. 简历部署:
    采用github或者gitee提供的pages服务,可以很快部署完成,并能够访问(本文讲解使用gitee pages)

本篇文章主要解决这两个问题。

另外,除了进行简历制作和部署外,我还添加了密码检验这个功能,即需要正确输入密码后才能查看简历。
这个放到下一篇文章讲。

简历制作

对于想要快速制作一份简历的同学来说,如果没有特殊或者很高的要求,可以去网上找一份模板,改改就成自己的了

可以参考这位博主的文章,可以前往下面的链接进行下载简历:

简历链接:http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip

下载后进入文件夹内,用浏览器打开 index.html 文件,即可查看并编辑简历内容

简历模板

说明:

  1. 点击图片可以更换图片(比如头像)
  2. 选中文字后使用快捷键 Ctrl+b 可以对文字进行加粗处理
  3. 微信二维码模块不想要可以删除掉(点击X号,其它模块也一样)

【下面是重点】

编辑完成后,需要保存,如何保存呢?

  1. 首先 F12 打开浏览器(我这里用的是edge,Chrome、火狐均可以)开发者工具
    在这里插入图片描述
    右键 html 这一标签,选择“编辑为HTML”,然后就能ctrl+a全选和复制了
  2. 复制全部后,用记事本或其它文本编辑工具重新打开 index.html 文件,删除全部内容,然后粘贴刚复制的东西,再ctrl+s保存就行了
  3. 重新用浏览器打开 index.html 就能看到修改完成后的简历了

到达这里就算是制作好一份简历了,如果想导出pdf可以选择浏览器的“打印”,然后就能导出了
制作完成的简历如果想让它不再能够编辑的话,可以把 index.html 里引用的js文件都注释掉。

简历部署

接下来就可以将简历部署到gitee pages(或者gitee pages)了

首先你需要懂一些git相关的基本知识,另外本地安装了git工具,至少会使用如下几条命令:

git init   # 将一个普通文件夹初始化为一个git仓库
git add .  # 添加到本地暂存库
git commit -m "提交信息xxxxxx"  # 提交文件到仓库
git push -u gitee master  # 推送到远程仓库的master分支

git remote add [远程仓库名,自定义,如origin] [仓库链接(SSH版)]
git remote -v  # 查看已经关联的远程仓库

接下来就可以进行部署了

  1. 首先登录gitee创建一个仓库
  2. 初始化本地仓库(使用 git init 命令),关联远程仓库 git remote add [仓库名] [仓库链接]
  3. 然后一顿操作 git add ., git commit -m "xxx", git push -u xxx master 就可以提交到远程仓库了

然后开启gitee pages(第一次使用这个功能可能需要向客服申请,需要大概一天时间,GitHub的就不用)
在这里插入图片描述

配置如下即可
在这里插入图片描述

开启后上面会给出一个链接,点击即可访问自己的简历了。

在这里插入图片描述

到这里就完成一份简单的网页版个人简历部署了😀

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
引用中提到,构建Vue项目时,可以选择部署Gitee Pages上。如果你的项目是静态项目,只需要在Gitee项目导航栏中点击"服务 -> Gitee Pages"即可部署。而如果你的项目是Vue项目,需要在项目路径中添加一个`.spa`文件,然后修改一些配置。具体步骤如下: 1. 在项目路径中添加`.spa`文件,具体原理不清楚,可能是给Nginx做一个标识作用。 2. 修改`build.js`文件,将其中的`console.log`全部注释掉。 3. 修改`config/index.js`文件,将`assetsPublicPath`的值改为`./`或者你的项目名称加上`/`(例如`'/ltz/'`),解决JS访问不到的问题。 4. 在`build/utils.js`文件中添加`publicPath: '../../'`,解决CSS/字体找不到的问题。 5. 运行`npm run build`命令,得到`dist`文件夹。 6. 将`dist`文件夹中的文件上传到你的Gitee仓库中。 7. 点击项目导航栏中的"服务 -> Gitee Pages",开始构建。选择你的分支,如果只有一个分支,就选`master`。选择部署目录,填入`dist`。 8. 如果在构建后,发现`css/js/img`等文件报了404异常,可以参考第5步的二或三进行解决。123 #### 引用[.reference_title] - *1* *3* [使用Gitee Pages服务 搭建Vue项目](https://blog.csdn.net/LitongZero/article/details/88207833)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* [github pages gitee pages 配置教程、更新教程(亲测有效),gitee pages 访问界面为空白,样式和js文件404...](https://blog.csdn.net/mrliucx/article/details/125574957)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

[小G]

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值