个人网站终于上线！

[francochan]

激动不已，也忘了自个儿做了多久。

网站设计于 Figma，结合 Nuxt.js 和 Tailwind CSS 进行开发。

来看一下吧：huifan.website

期待你的反馈建议。

该站点的主要目的是展现的是我作为网页设计师的过往项目案例、写作积累以及详细的个人介绍。

好多反馈，谢谢大家。今日晚点进行回复哈。

难以一一回复哈，抱歉。谢谢大家的赞美之词，受宠若惊！

不少同学给了很好的建议，非常感谢哈，已记下来作为后续的优化项。

关于不少同学想了解所使用的服务器，我使用的是 Bluehost 中国，选用的套餐是香港 Plan A 虚拟机。

再次谢谢大家的反馈。

有几个 v 友对于我制作这个个人网站的流程感兴趣，我回顾组织一下哈，希望能以清晰的步骤分享给大家。

[vtwoextb]

做的很漂亮 mark 一下自己的网站 hizdm.cn

[Even]

我的 d1ng.com
另外求好看的 notion blog 模板

[KouShuiYu]

mark 下自己怼网站[正在开发中🐶]( http://117.50.82.140/)

[BaiLinfeng]

@vtwoextb 月入几位数

[Lancerer]

渣渣域名：tykwhm.top

[iamthegrad]

秀一下域名



https://mo.fish/

[caixiaomao]

简洁风 挺好的

[Huelse]

你这整的跟公司网站似的

[wrz30191046]

@iamthegrad 秀

[lscexpress]

老哥很厉害,赞

[mwftts]

看到老东家的 logo 了

[superBearL]

个人挺喜欢的，简洁大方，比某些产品的官方清新亮丽

[PeakFish]

@vtwoextb 加个友情链接加不？

[Eric08214]

@iamthegrad 这不错啊，很适合每天早上用来进入工作状态

[babilunlun]

我个人很喜欢你这样简洁大气的设计，非常直观。而且鼠标移动到控件上方，控件的反馈效果也很好。

[lairdnote]

https://cuper.eth.link

[jlkm2010]

https://www.windhc.com

[crazjieb]

我的: https://soundpill.cn

[cue]

楼上这些跟风晒的不臊的慌嘛？

[rainycity]

.website 这个域名后缀太长了，打字费劲啊

[naturewang1992]

赞！

[LewisM]

hi 请问这些在哪里学的呢 看起来真的很舒服

[HY3]

眉清目秀，小伙子不错

[alakey1989]

喜欢这种简洁风，不错

[nofod53697]

好多人的个人主站都没有备案嘛，话说大家都把代码部署在哪里啊？

[AminiCK]

才面了一面数据，挂了。还挺想去的哈哈。

[z333d]

铁粉在此

[iphantom]

很简洁，赞，分享下自己的 小牛导航 super-nb.com

[fanrendale]

俺也来个： https://xjf666.xyz

[dafengzhen]

很好，我发现要想弄稍微好看一点还真不容易，比写代码还麻烦

[francochan]

@idoas 上面列的是比较早起做的图了，有一些没在用了，仅介绍其中比较值得推荐的哈：

- [Figma]( https://www.figma.com/) – 我用于设计 UI 的主要工具
- [Notion]( https://www.notion.so/) – 用于记录、文档编写 /分享
- [Whimsical]( https://whimsical.com/) – 原型、脑图等制作工具，我一般用于快速制作低保真原型
- [Things]( https://culturedcode.com/things/) – GTD 工具，记录日常 Todo
- [Codespace]( https://codespace.app/) – 代码片段收集，感觉颜值还可以，哈哈
- [Paste]( https://pasteapp.io/) – 剪切板历史
- Alfred 感觉不用推荐和介绍了...
- [Cleanshot]( https://cleanshot.com/) – 截图、录制工具，非常好用、好看

[chenxiansheng]

工作这么不饱和？大家都有空写博客吗......

[idoas]

@francochan 感谢

[Jearbink]

好看

[wuzhanggui]

我的毒蘑菇搜索
https://search.dumogu.top/
简单好用

[HAYWAEL]

我的 极简风 😀https://www.haywael.com/

[owenzhang24]

看我看我
https://my.oschina.net/owenzhang24

[iamvvv]

什么你的我的，到了我手上就是我的😂

[lasuar]

好看的皮囊千篇一律

[TwilightCool]

@HAYWAEL 一看... 还真是 ”极简“ 版.... 看俺的 http://ziye.freevar.com/

[xfun]

代码会写，就缺个这样的设计师。

[nazznazzz]

@vtwoextb 实用的网站，收藏了

[galikeoy]

挺好看的 但是有点像企业站 /产品页

[hfpp2012]

看看我的 https://www.qiuzhi99.com

[hotMan]

打不开了

[francochan]

@hotMan 刚试了一下，能正常访问的哈

[Arlene666]

挺喜欢这个网站简洁的设计。最近自己转行 UX designer，也在写个人网站，不过完全是菜鸟，在用 html 和 css 写。想请教一下大佬平时是如何提升自己对于产品设计的敏锐感的？

[francochan]

@Arlene666 你是在问我吗？我不是大佬哈。

我平时提升自己设计直觉的方式有：
1. 发现了好看的东西，分析一下它「为什么好看」；
2. 关注自己喜欢的设计师 /开发者，让灵感来源逐渐成形；
3. Learn by doing （搬砖）.....

[Arlene666]

@francochan

感谢分享！

[wbwm]

@francochan 怎么才一年就不能访问了？都说好看，却看不到，难受

[francochan]

@wbwm 抱歉，由于以下原因我关闭了个人网站
- 我不再希望继续使用 bluehost
- 已有一段时间没维护，无论设计、内容、抑或是技术，稍有过时

我计划将重构更新个人网站，上线后将非常荣幸告知给您。抱歉哈