如何白嫖一个属于自己的作品网站

5,930 阅读3分钟

相信身为一个开发,大多数时间都会有自己的技术积累。当然每个人的记录方式也会有所不同,且随着时间的积累,这些往往能成为你面试当中的加分项。

但大多数情况下,这些加分项不能完全的展示出来,总不能把自己的笔记本什么的给面试官看吧。你可能会说,

“有时间我在掘金上记录不就行了,积累点粉丝啥的,到时候给面试官看不行吗?”

确实可行,但身为前端工程师的我觉的还是有必要有一个自己网站或者博客,让别人有眼前一亮的感觉。于是不得不要搞一个属于自己的作品网站了。

搭建免费网站

能白嫖就绝不花钱!!

github 就是你很好的选择,当然国内的gitee也可以白嫖(前段时间崩了,而且条条框框有点多,不推荐),你可以参考下面的搭建过程,或者自行搜索更好的搭建文章,解决基础的搭建步骤。

解决完以上的问题,那么就到了设计自己网站的一步了。假如你是一个前端开发,那么你还能动手设计设计自己的网站,让她更美一点。假如你是一个后端大哥,那么可就难为到他了。

可以说太丑的页面,后期连自己维护的欲望都没有了,更难面试的时候给面试官看了。

个人作品展示开源项目

在线展示地址

开源项目地址

这个项目也算是我几经周折最后搞出来的,之前搞过好几个版本,一直感觉差点意思。现在基本算是稳定阶段吧,后期一般只需要在github上在线配置下链接和内容,感觉挺方便的。习惯极简的伙伴们,可以直接参考着拿去用。

设计思路

作品目录主要是通过遍历works文件目录,将二级目录下所有功能添加到路由当中。 假如你习惯在 codepen 等在线平台编写代码,也可以通过在 src/setting 中配置外部路由 externalRoutes ,最终会合并到一起。

image.png

由此项目中的作品分为内部和外部:

  • 内部:想要在本地项目搞一些功能,可以直接在works文件目录添加新文件进行编辑;
  • 外部:假如你在外部在线代码平台(码上掘金,codepen..)写了一些功能,可以通过在externalRoutes配置在线链接进行展示,无需本地启动项目,也可以直接在github上在线编辑维护。

外部作品配置

image.png

字段描述
path功能代码地址
name标题(项目内文件无需配置,自动匹配当前文件名)
codegithub代码地址(项目内文件无需配置,自动匹配当前文件路径)
link掘金文章地址
cover封面图
info内容信息描述
sort排序数值越大越靠前
date日期(年月日)

最后

相信大家也都有自己与众不同的小网站,也希望我这个网站能帮到一部分人。不喜勿喷哈😄~ 毕竟我这个项目也没完善的特别好,不是特别简洁明了。

有需要的朋友可以多在 issues 提点意见,我有空的时候也会改进,也欢迎大家留下自己的网站地址给🎉大家欣赏~~

可能对你有帮助

好用的在线图片托管网站

好用的gif生成工具-ScreenToGif