手把手教你打造自己的简历编辑网站-编辑完后可以一键导出为PDF

如何打造自己的简历编辑网站

目录

  • 如何打造自己的简历编辑网站
    • 一.相关环境配置
      • A.服务器环境
      • B.服务器面板
    • 二.相关软件安装
      • A.安装Node.js
      • B.安装yarn
    • 三.部署简历网站
      • A.开始安装

先看下效果,然后下面开始教大家搭建操作了
在这里插入图片描述

一.相关环境配置

A.服务器环境

  1. 系统:CentOS 8.3
    笔者安装的是:CentOS-8.3.2011-x86_64-dvd1.iso
    在这里插入图片描述

  2. 虚拟机:Windowd 10 版本 VMware (也可下载最新版本,找注册机破解下就可以用了,推荐)
    笔者安装的是:VMware® Workstation 15 Pro
    在这里插入图片描述

  3. VM中安装SentOS 8.3
    笔者已经安装完成了,不想安装的可以找笔者要一个已经安装好的虚拟机
    在这里插入图片描述
    下面是安装虚拟机的相关配置:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

B.服务器面板

  1. 宝塔面板安装(不安装也可以全用命令的方式操作)
    我们先启动VM中的虚拟机,然后再安装宝塔。大家可以百度一下怎么安装,需要的可以联系笔者,笔者的虚拟机已经安装好了。
    第一次进入宝塔需要查看来宝塔相关信息,笔者已经安装好了。
    可以通过命令bt default 查看
    在这里插入图片描述
    记得把相关信息保存,忘记保存了下次可以再通过命令bt default去查看下。

二.相关软件安装

打开浏览器输入:http://192.168.44.134:8888/4e9780d1 ,弹窗中输入帐号密码:wilqejnm 0444b168这些信息上面已经让大家保存过了。
在这里插入图片描述

A.安装Node.js

Node比较重要,没有它咱们的简历网站无法运行起来。
为了缩短篇幅,加上比较重要,所以单独拎出来讲,大家不会的可通过下面文章可以看下具体安装步骤。
>>CentOS 8.3上如何安装Node.js

B.安装yarn

yarn的安装比较简单,先用命令:cd /root
命令一:sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo
命令二:sudo yum install yarn
命令三:yarn --version
就上面三个命令就可以了,我这里就不重复了,具体大家可以看我这篇文章。

>>CentOS8.3上如何安装yarn

三.部署简历网站

A.开始安装

方式一:源码 方式安装(着重讲)

  • 首页我们找到简历网站源码的地址:https://github.com/huidaoli/react-resume-site
  • 然后把源码克隆下来,比如笔者放/www/wwwroot/www.resume.com目录下,
  • 进入目录命令:cd /www/wwwroot/www.resume.com
  • 克隆命令: git clone https://github.com/huidaoli/react-resume-site.git && cd react-resume-site
    在这里插入图片描述
    最后我们用命令:yarn install && yarn start (这两个命令可以分开执行yarn install yarn start 笔者准备分开执行)
    如何提示找不到yarn命令,请重新安装yarn
    在这里插入图片描述
    执行命令:yarn install
    在这里插入图片描述
    执行完命令:yarn start 后的界面
    在这里插入图片描述
    注意:其实到这一步命令是已经全部执行完了,但发现打开http://192.168.44.134:3000/ 无法打开我们的简历网站。这是因为在安全组中宝塔默认是没放行3000端口,需要我们自己放行3000端口。
    在这里插入图片描述
    在这里插入图片描述
    最后放行3000端口后,发现可以打开了。
    在这里插入图片描述
    是不是好熟悉的界面,类似于CSDN中的 MarkDown编辑器界面,是的,就是它了,通过他编辑后就可以将简历导出为PDF了。
    在这里插入图片描述
    添加开机自动启动命令:
cd /root/react-resume-site
yarn start

在文件/etc/rc.d/rc.local未尾加上上面两行代码,如下图:
在这里插入图片描述
然后执行如下命令赋予其可执行权限:

chmod +x /etc/rc.d/rc.local

重启虚拟机会发现简历网站自己启动了。

方式二:Docker 方式安装
Docker的安装方式准备后期单独出个文章,到时大家看我的原创文章。

大家如果在搭建的过程中有什么问题,可以在评论区留言或私信我。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/52359.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

简历上的照片怎么制作?这两种方法真的很简单

怎么制作简历上的照片呢?简历是每个人在找工作的时候必须要用到的,在简历中,除了填写我们出众的履历和工作技能之外,还有一个很重要的影响因素,那就是我们放在简历中的证件照,一个好的照片可以让面试官一眼…

手机怎么做个人简历?多行业简历模板自由选择

如何利用手机来制作简历呢?现在找工作的时候,大多会使用手机来查看各种招聘app软件的信息来选择自己喜欢的工作。那么为了能够更好的获取面试的机会,那么准备一份优质的个人简历是必不可少的,那么从手机上如何下载一个精美简历模板…

html制作个人简历

前几天我为大家介绍了些html的标签&#xff0c;利用这些标签咱们可以简单制作个简历&#xff0c;来巩固知识。 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>个人简历</title> </head>…

简历生成工具(类似wps简历助手)

目前支持简历的编辑&#xff0c;导出&#xff0c;模块化&#xff0c;顺序调整&#xff0c;导出样式选择&#xff0c;完成进度等功能&#xff0c;已经完全可以满足简历编辑的基本需求 github地址&#xff1a;GitHub - bllon/jianli-tools: 简历助手前端项目 &#xff08;求给st…

BEVFusion(mit)最强环境安装,部署复现

0.前言 最近在做BEV视图下融合感知的项目&#xff0c;需要对相关工作进行学习。BEVFusion作为一项经典的工作&#xff0c;值得深入探索&#xff0c;论文地址&#xff0c;代码地址。然而由于配置环境比较麻烦&#xff0c;耽误了一些时间。经过几次成功配置之后&#xff0c;有了一…

去了一家不到 20 人的 IT 公司后,真的是大开眼界。。。

转自&#xff1a;知乎 来源&#xff1a; zhihu.com/question/421150601/answer/1475676199 前几天在知乎看到一个挺有意思的话题&#xff1a;不到 20 人的 IT 公司该去吗&#xff1f; 回答区有一位老哥分享了自己在一个20 来人的小公司的奇葩工作经历&#xff0c;分享一下。 下…

去了一家不到 20 人的 IT 公司后,真的是大开眼界。。。。

图片来源&#xff1a;AIGC 文章来源&#xff1a;知乎 前几天在知乎看到一个挺有意思的话题&#xff1a;不到 20 人的 IT 公司该去吗&#xff1f; 回答区有一位老哥分享了自己在一个20 来人的小公司的奇葩工作经历&#xff0c;分享一下。 原回答地址&#xff1a; zhihu.com/ques…

Android面试你简历准备好了吗?以及3-5年的Android工程师的瓶颈怎么突破

前言 以前都说&#xff1a; 不论是什么样的大小面试&#xff0c;要想不被面试官虐的不要不要的&#xff0c;只有刷爆面试题题做好全面的准备&#xff0c;当然除了这个还需要在平时把自己的基础打扎实&#xff0c;这样不论面试官怎么样一个知识点里往死里凿&#xff0c;你也能应…

一键通(手机实现对讲机功能)

所谓“一键通”&#xff08;英文缩写PTT&#xff0c;即Push-To-Talk&#xff09;&#xff0c;实际上就是集成了对讲机功能的手机&#xff0c;用户按下手机上的对讲键&#xff0c;就可以与任何地方的群组或个人直接进行通话。 一键通就是“即按即说”(PTT)的手机&#xff0c;融合…

Android SIP软电话,通话录音,VoIP电话,linphone电话

各位大佬好&#xff0c;我又来记笔记了~~ 公司又提新需求了&#xff0c;需要开发一个能通话&#xff08;呼叫客户的手机号码&#xff09;自动录音的模块。刚接触这个是蒙的&#xff0c;经过一番研究&#xff0c;可实现通话录音的方式大致有下面几种&#xff1a; 方案一&#xf…

GB28181语音对讲

GB28181语音对讲 前段时间将音频对讲功能集成我们国标平台&#xff0c;踩些坑记录下来&#xff0c;方便后来人。 GB28181-2016语音对讲没有明确规定流程&#xff0c;各厂家按自己的理解进行实现。先说海康的&#xff0c;毕竟海康 是这个行业的龙头老大。海康摄像机接收音频的…

基于sip的语音对讲 Demo

SipVoice 项目地址&#xff1a;SipVoice 该 demo 基于https://github.com/VoiSmart/pjsip-android 项目实现语音对讲对讲功能。 还有很多关于 pjsip 的功能和 API 请移步 pjsip-android。 正常运行该 Demo &#xff0c;需要已有 Sip 服务端&#xff0c;Constants 中配置 ip …

讯飞星火认知大模型可以内测了

以ChatGPT为代表的AI产品层出不穷&#xff0c;每天在社交媒体都可以看到AI领域的新成果&#xff0c;写文章、写代码、绘画&#xff0c;各种功能让人大呼神奇。 4月24日&#xff0c;讯飞星火认知大模型来了。只需一个指令“懂你所言&#xff0c;答你所问&#xff0c;创你所需&a…

tabBar不显示

微信小程序tabBar不显示 在尝试小程序开发时&#xff0c;tabBar这个是个非常常见的组件&#xff0c;但是今天在进行开发时&#xff0c;设置了TabBarb并没有显示&#xff0c;被这个问题困扰了近半小时&#xff0c;现在将排查问题后所得到的经验记录下来。 首先 如果tabBar不显示…

微信小程序底部导航栏tabBar及不显示问题解决记录

1&#xff0c;首先需要新建一个目录images来保存相关导航图标&#xff0c;如下图&#xff1a; 2&#xff0c;在app.json文件中对tabBar进行配置&#xff08;注意字母大小写不要写错&#xff0c;图片路径不要写错&#xff09; "tabBar": {"color": "…

来自一个曾经200斤现在140斤程序员的减肥成功经验(包含个人认为相对安全的饮食法推荐)

一、何为减肥 作为名词&#xff1a;减去体内蓄积的脂肪 作为动词&#xff1a;控制日常饮食摄入&#xff0c;搭配好日常饮食结构&#xff0c;打开热量赤字&#xff08;缺口&#xff09;&#xff0c;持续一定时间后达到减少体内脂肪&#xff0c;降低体脂率的效果。 二、吃与动 …

基于Android的健康食谱菜谱app

《[含文档PPT源码等]精品基于UniappSSM实现的Android的健康食谱交流app[包运行成功]》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程等 软件开发环境及开发工具&#xff1a; 开发语言&#xff1a;Java 框架&#xff1a;ssm JDK版本&#xff1a;JDK…

菜谱分享APP/基于android菜谱分享系统

摘 要 随着现代生活水平的不断提升&#xff0c;人们越来越关注健康,关注美食,大部分人都希望吃得美味的同时也要吃得健康,所以,有的人喜欢在家自己动手制作美食,但是却缺少这方面的资讯来源。菜谱分享APP是一个使用Hbuildex作为手机客户端和后台服务系统的开发环境, MySQL作为后…

03 做毕业设计,前端部分你需要掌握的6个核心技能

其实前端新手如果想要自己实现一套毕业设计项目并非简单的事,因为之前很多人一直还停留在知识点的阶段,而且管理系统和C端网站都需要开发,但现在需要点连成线了。所以在启动项目开发之前呢,针对前端部分,我列举一些非常必要的前端核心技能,希望你已掌握。 《Vue + Sprin…

ChatGPT引领AI新浪潮,AIGC商业化启

ChatGPT引领AI技术新一轮热潮&#xff0c;预示着NLP技术有望迅速进入平民化应用时代。ChatGPT引领AI新浪潮&#xff0c;AIGC商业化启_up.pdf: https://url39.ctfile.com/f/2501739-805099732-b78420?p2096 (访问密码: 2096) 参考文献&#xff1a; [1]ChatGPT引领AI新浪潮&…