![图片[1]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234351968-1764949431-a0a45ff631293d569edc0d723b6a7165.png)
▼
“能不能发一份你的简历/作品集/公司介绍来看看?”
每次听到这句话,你是不是就开始手忙脚乱? 到处找链接、打包几百兆的压缩包、或者丢过去一个排版死板的 Word/PDF 文档……
停!太土啦 🙅♀️
(前几天还在跟朋友说,我招一个freelancer,问对方要作品集,如果发来的是压缩包和各种乱七八糟的链接,我可能直接不会考虑了😅)
作为博主、创意人、自由职业、一人公司老板,你的“门面”直接决定了你的身价~
今天栗子手把手教你,如何0代码、0成本,用 Canva 做出一个像“线上展厅”一样的高级个人网站!
🌰的个人网站(博主Portfolio)👇
https://chestnutzoe.my.canva.site/
▼
为什么选 Canva 做网站?(真香预警)
如果你之前搜过“如何建站”,是不是被域名、服务器、WordPress、代码劝退,问了下外包报价要几千上万,最后把这个想法抛到脑后…
“我只是想展示一下我的作品/服务,咋这么难,难道没有像做 PPT 一样简单的建站工具吗?”
这就是Canvas!
1. 各种神仙模板:不用懂代码,不用买服务器,跟任何其他图片编辑软件一样,用模板,拖拽就能编辑;
![图片[2]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234352109-1764949432-19505f74a1115e48264966d89a813560.png)
2. 它是“活”的: 这一点最重要!以前发 PDF 给客户,发现写错字或者有新作品,得重新导出再发一遍(尴尬😅)。
Canva 网站生成的链接是固定的,你在后台更新内容,客户点开链接看到的永远是最新版!(我的博主 Portfolio 和一人公司 Company Deck 就放在了Canva,省去了很多跟品牌方和客户来回沟通更新的麻烦)
3. 交互感满分: 可以放视频、动图、超链接,比死板的 PPT 生动一万倍。
话不多说,电脑打开💻,保姆级教程开始! 👇(视频版演示教程在剪啦,等我!)
▼
第一步:创建一个“网站”画布
登录你的Canva(电脑端操作更方便),在首页直接点 Create a design,并选择Website。
你会得到一个空白画布。 这时候别急着自己动手设计,看左边!有超多免费模板! 不知道选哪个?
![图片[3]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234353197-1764949433-e8583bfdcb5c168d331225837393e127.png)
也可以直接在搜索栏输入关键词:Portfolio (作品集), Marketing Agency (营销工作室), Resume (简历), Personal Brand (个人品牌),找到最适合你行业的。
![图片[4]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234353425-1764949433-f5808ad59b7751dc268d1c97d6af0dea.png)
Tip:Canva 现在也有 AI 建站功能(Magic Design),但我试了一下,生成的有点像抽盲盒。既然现成的模板这么好看,直接用模板改更稳!
▼
第二步:编辑网站,像做 PPT 一样“填空”
选好一个你喜欢的模板,点击 Apply all sections(应用全部页面)。 然后就是最解压的环节——替换!
![图片[5]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234354231-1764949434-5ab3f5bc7f3c75a9846e1cfb36c18f27.png)
-
换图片: 把你的素材上传到 Uploads,直接拖进去替换原图。
![图片[6]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234356824-1764949436-1b6c2c78f2c4ed8b970dc8c9cc2f5afb.png)
-
换文字: 双击修改,记得调整一下字体(中文推荐宋体,更高级)。
![图片[7]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234357351-1764949437-66964ad83e5cdd16420c5417746ebf79.png)
偷懒小技巧:文案写不出来?问 AI 啊!
💡 万能建站文案 Prompt(请复制):
“你现在是一位专业的文案策划。我要制作一个一页式的个人品牌网站。 请根据以下信息,为我撰写 4 个板块的网站文案(Hero Section, About, Services, Contact)。我的身份: [比如:生活方式博主 / 独立摄影师 / 小红书运营顾问]我的受众: [比如:想提升生活品质的年轻女性 / 需要商业拍摄的品牌方]我的核心服务/产品: [比如:产品推广、视觉策划、1对1咨询]我的风格语气: [比如:专业干货、松弛治愈、犀利直接]请用吸引人的标题和简短有力的正文,输出一套高转化的网站文案。”
▼
第三步:让你的网站“动”起来(高级感秘籍)
![图片[8]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234359978-1764949439-470da998ffe0267caef70868e4573a67.png)
Elements里搜 iPhone frame,把视频拖进手机框里,瞬间就有实物演示的感觉了!📱![图片[9]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234400238-1764949440-11446f11c9989c84c70fc572b1a2db76.png)
![图片[10]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234402615-1764949442-05577161a1f83c0026c5a3ef3c251c5e.png)
Elements找到,比如搜小红书/YouTube icon)![图片[11]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234403758-1764949443-9850d7fa8300fcc54476ef79155596e4.png)
▼
第四步:设置导航栏 (Navigation)
想让网站顶部出现那个“菜单栏”吗?
![图片[12]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234405967-1764949445-87d1a8ba11f2b69d0ff441c256cc1e32.png)
很简单! 点击页面的空白处,在左上角找到 Add notes
![图片[13]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234408285-1764949448-4ef806662cf234e97c0c7b320f8d8a78.png)
编辑Page title给这一页命名。比如命名为:Home / Case Study / Contact,发布的时候它们就会自动变成导航啦。
![图片[14]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234410806-1764949450-31c8c63e15b415f620be4d47b9cfd1cd.png)
Tips:不需要每一页都命名,只需要选择你想要客户点击菜单栏跳转到的那几页就行。
▼
第五步:一键发布 (Go Live!)
点击右上角的 Publish Website。
![图片[15]-别发PDF作品集了!教你用 Canva 0代码搞定有审美的个人网站-AI Express News](https://www.aiexpress.news/wp-content/uploads/2025/12/20251205234412162-1764949452-d02ad29c713a805bdbd3725d3154630f.png)
网站发布前关键设置
-
勾选 Search engine visibility(让谷歌能搜到你)。 -
Resize on mobile(手机适配): 这里有个大坑!⚠️ 我建议不要勾选。因为自动适配有时候会把排版弄得很乱。(Canva还是一个超级简单的网站编辑器,其他的主流建站平台,比如wix, wordpress, shopify之类的,你是可以单独编辑调整手机版页面的)
域名选择:
-
免费域名: 选 Free domain,你会得到一个像chestnutzoe.my.canva.site这样的链接(完全够用了!)。我是直接用的canva的免费域名,因为我的chestnutzoe.com这个域名已经绑定了我的notion网站haha,这个canva网站其实就是一个博主的porfolio,只是发给品牌方看的,使用频率没有那么高,不用太纠结。 -
自有域名: 如果你买了自己的域名(比如 .com),也可以绑定。(还没有域名的可以直接在Canvas买)
▼
最后的小 Tips
// 关于版本选择
很多小伙伴不知道,Canva 其实有两个“平行宇宙”:
-
中国版: 网址是 canva.cn,Pro 价格约 ¥168/年。 -
国际版: 网址是 canva.com,Pro 价格约 $120/年。
“听起来国际版贵好多?我有必要买吗?”
我的答案是:看你的定位。 如果你只是个打工人,想做个简单的简历网页找工作,那「国内免费版」确实够用了。
但如果你已经是博主、或是在做一人公司了,那我非常推荐入手国际版 Pro。
原因很简单:国际版的模版库、素材、字体比国内版丰富太多了,审美也更在线。
像我的内容制作,从视频封面、Company Deck、报价单,甚至做成电子书卖给海外客户的数字产品,全都是用国际版 Canva 做的。
算一笔账: 虽然国际版贵一点,但好的模版能帮你省下无数小时的“瞎折腾”时间。
而你用高级模版做出来的作品,接到的第一个单子,赚的钱可能早就超过这 120 刀了。
记住:把自己当成一家公司来经营。所有的付费工具,本质上都是为了买回你最宝贵的时间,去赚更多的钱嘻嘻😁。
这是投资(Investment),而不是消费(Expense)。
// Canva网站vs Notion网站
我的产品介绍网站 chestnutzoe.com是用 Notion 做的!
-
Canva: 适合做精美的、一页式的 Landing Page / Portfolio(门面担当)。 -
Notion: 适合做硬核的内容库,放超多文字内容,无限空间/页面(大脑担当)。













暂无评论内容