本文写于 2020年12月16日,距今已超过 1 年,距 2022年10月18日 的最后一次修改也已超过 3 个月,部分内容可能已经过时,您可以按需阅读。如果图片无法显示或者下载链接失效,请给我反馈,谢谢!


Visits: 209

0 0 投票数
评分

我之前写了一个个人主页,https://resume.jxtxzzw.com,还写了一篇文章《有一台服务器可以做哪些很酷的事情》。

文章发布以后有小伙伴来问我,说很喜欢这个个人主页,想要自己部署。那时候很多东西都是硬编码在代码中的,比如我的一些学习经历,真的不适合去修改,当然,如果你是大佬,那根据我这拙劣的代码,自己就可以写一个更好的出来,这种情况我们不讨论。

这段时间在家闲着,我重构了这个项目,写的很简单,没有用到很复杂的中间件啊、缓存什么的,但是我比较喜欢这样的风格,我也认为这个适合初学者来做个人主页展示。

如果你是计算机专业的初学者,我觉得这个项目很适合你去学习;如果你是中学生,或者非计算机行业的工作族,但你喜欢捣鼓一些网站啊、主页啊,那这个项目也可以很容易被部署起来。

你可以在 https://jxtxzzw.github.io 或者 https://resume.jxtxzzw.com 看到我的个人主页,你可以在 https://github.com/jxtxzzw/resume 或者 https://gitlab.jxtxzzw.com/jxtxzzw/resume 下载项目的源代码并自行部署

下面是一些展示:

下面是一些简单的说明,更详细的说明你可以查看项目中的 README 文件:

  1. 复制 /assets/data-sample/ 中的所有文件到 /assets/data/,复制 /static/data-sample/ 中的所有文件到 /static/data/
  2. 根据需要修改这些 .json 文件,并将需要的资源复制到 /static/ 目录下,在 .json 文件中的 src 都是相对于 /static/ 的位置 注意 .json 文件中不存在的属性使用 null 而不是 "",逻辑值使用 truefalse 而不是 1"1"
  3. 运行,或者生产静态文件
  4. 如果你不需要某些页面,删除 /components/Navigation.vue 中的菜单项
    翻译在 /assets/lang/ 目录下
  5. 你可以使用 npm run build && npm run start 运行,你可以修改默认端口,或者使用 Nginx 等工具进行反向代理、端口转发
  6. 也可以使用 npm run generate 生成静态文件,然后将 dist 目录下的所有文件上传到你的服务器目录中
    如果需要部署到 GitHub Pages,你还需要在 /static/ 目录下创建一个 .nojekyll 的文件
    如果你需要部署到子目录,你需要修改 setting.json 中的 deployDir 字段,注意,当你采用 npm run start 方式运行时,这个参数不起作用
  7. 更新时,只需要下载(或者克隆)最新的项目文件,将 /assets/data//static/data/ 复制到新的项目文件夹中,重新运行这些命令即可,无需再次编辑数据

0 0 投票数
评分
发表留言
订阅评论
提醒
guest

在点击发表评论按钮时,网络请求的数据包含浏览器版本、操作系统版本和 IP 地址;您的网络服务提供商、雇主或学校、政府机构可能会看到您的访问活动;根据浏览器默认行为、操作系统设置和安全防护软件的设置不同,您的浏览器可能会也可能不会在本地 Cookies 缓存您输入的用户名、邮箱以便下次评论使用。

请对自己的言行负责。

您想以什么身份发表评论
邮箱将在您的评论被回复时给您通知
(可选)如果您也有个人网站,不妨分享一下
我对这篇文章的评分
这篇文章给您带来多大帮助
0 评论
内联反馈
查看所有评论