V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
LeeReamond
V2EX  ›  分享创造

前两天看见有人用 react 写了个网页版 Ubuntu,迫于不会用 react,我用 vue 写了个网页版 Deepin

  LeeReamond · 2021-04-30 10:20:52 +08:00 · 13104 次点击
这是一个创建于 1063 天前的主题,其中的信息可能已经有所发展或是发生改变。

项目地址:https://GoodManWEN.github.io

仓库地址:https://github.com/GoodManWEN/GoodManWEN.github.io

这个项目产生的契机挺巧和的,因为最近需要一个项目展示页,海外企业招聘比国内更看重这个,正好在研究 Github Pages,就在论坛看到了之前一个朋友发帖的最近 github 挺火的一个网页版的 ubuntu 。凭借好奇点开以后,效果确实挺惊艳的,我感觉我做项目展示也可以搞个类似的界面,因为我完全不是前端方向,只是希望表示自己有前端能力的话,类似的页面应该足够酷了。

只是比较可惜,那个仓库完全是由 react 写的,我完全不会用 react 。再加上那个页面的作者大概设计上只是拿来当做一个展示自己技能的 demo 平台,其实页面并没有什么实质内容。而我则希望最好这个东西能在自我介绍的基础上再用来展示一些以前写过的技术博客,或者做过的项目之类的,所以想了想还是重写了,于是就有了现在这个项目。

目前的成品简单来说,这是一个 Github pages 托管的静态页面,它的设计风格是模拟一个运行在网页中的 deepin 系统的 GUI,它的功能是可以展示 markdown 文件,所以可以用来展示博客或者项目文档。至于为什么是 Deepin,实际上我没用过 deepin 系统,只是因为 Ubuntu 已经有人做过了,再做一遍感觉很 low,而剩下的发行版中,想来想去还是用这个国产系统,想法就是就相当于为国产做宣传了吧。。(不过咋说呢,具体做的过程中感觉 deepin 体验挺一般的)

特性

这个项目目前为止和同类项目的区别在于几点,

  • 一是它的设计目的是除了展示简历还要展示博客,所以它有一个完整的虚拟文件映射目录,放在其中的所有 markdown 文件会以同样的目录结构被映射到网页中,我觉得这种分类风格还是比较适合于博客的,比如新建一个目录叫项目,下面有 Python,go,node 三项,里面分别放置各个语言做过的项目,类似这种分类对于展示项目经历来说应该比较清晰。
  • 二是为了让页面更加接近真实桌面,我实现了一个更加完善的窗口管理系统。也就是说你可以像在正常系统中一样地打开任意多个窗口,并且自由地拉伸、放大、移动他们,他们会按照正确的顺序、正确的焦距显示出来。
  • 三当然就是这个项目是 vue 开发的,广大 vue 程序员可以更容易地利用资源。

如同上文所述的,由于本人是个严重不专业前端,在加上完全是挤出来时间做的项目,实际开发时间大概只做了三天,项目中有各种不优雅的地方,请各位前端轻喷,有意见或建议欢迎 PR 。网页是面向外企做的,所以照着 Deepin 系统搞出了个怪异的英文版,如果各位有需要中文版应该改也不难。另外也是没有写博客习惯,想做网页了翻了翻只能翻出四五年前写的东西,也是醉了。

116 条回复    2021-05-24 19:53:54 +08:00
1  2  
Obj9527
    101
Obj9527  
   2021-05-01 15:07:49 +08:00
强! 有没有大佬把 Ubuntu 版本的链接发下,想看看
reiji
    102
reiji  
   2021-05-01 15:09:16 +08:00
robotdiy
    103
robotdiy  
   2021-05-01 15:38:31 +08:00
jdjingdian
    104
jdjingdian  
   2021-05-01 16:44:53 +08:00
刚刚用里面的浏览器阅览了一下小日子过的不错的日本人拍的爱情动作片,感觉很不错,感觉多了一个匿名看片的方式
Pore
    105
Pore  
   2021-05-01 16:58:18 +08:00 via iPhone
手机端体验都非常 666
太棒了!
YouMoeYi
    106
YouMoeYi  
   2021-05-01 23:07:32 +08:00
太强了...
LeeReamond
    107
LeeReamond  
OP
   2021-05-02 00:52:03 +08:00 via Android   ❤️ 1
@jdjingdian 兄,这个里面是 iframe,请求还是从你自己的设备发出的。。
wxs5266318
    108
wxs5266318  
   2021-05-03 11:28:06 +08:00
这个想法试真的棒
jifeiyun
    109
jifeiyun  
   2021-05-04 12:02:21 +08:00
非常棒 感谢
lymith
    110
lymith  
   2021-05-04 12:52:11 +08:00
这。。。最后一段是不是凡尔赛体呀。
caokeck
    111
caokeck  
   2021-05-05 09:47:16 +08:00
牛的,看得我也想学前端了 :)
bsulike
    112
bsulike  
   2021-05-06 10:00:59 +08:00
我丢,厉害啊
cking
    113
cking  
   2021-05-06 16:01:31 +08:00
大佬都是这么勤奋的么 我在家的话 要是在电脑面前 根本没有一点点的学习兴趣
kios
    114
kios  
   2021-05-06 21:34:18 +08:00
厉害,真强
sam014
    115
sam014  
   2021-05-10 12:15:59 +08:00
厉害
jdjingdian
    116
jdjingdian  
   2021-05-24 19:53:54 +08:00
@LeeReamond 原来是这样,丢脸了哈哈哈哈
1  2  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3496 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 36ms · UTC 11:07 · PVG 19:07 · LAX 04:07 · JFK 07:07
Developed with CodeLauncher
♥ Do have faith in what you're doing.