我开发了一款天文主题的投资组合博客主题,让你只需10分钟就能搭建个人网站🚀🔥
嘿👋,我是Syakir!
如果你读过我之前关于如何通过编程赚钱的文章,我鼓励你建立一个作品集或博客网站来展示你的作品。
过去几天,我一直在为你搭建一个简单、极简的个人作品集/博客模板,以便你可以快速部署你的个人网站。
此模板为Devolio。
Devolio 是基于Astro.js和Tailwind CSS构建的静态网站。
Devolio 功能
- ✅ 简约风格(打造属于你自己的风格!)
- ✅ 灯塔表现100/100
- ✅ 具有规范 URL 和 OpenGraph 数据,对搜索引擎友好
- ✅ 网站地图支持
- ✅ RSS订阅支持
- ✅ 支持 Markdown 和 MDX
- ✅ 深色模式
- ✅ 响应迅速
- ✅ 帖子标签
- ✅ 项目
- ✅ 目录
- ✅ 使用Giscus 应用的评论框
- ✅ Google 标签/分析集成
使用 Devolio 搭建您的个人网站
只需点击几下,即可将其部署到 Netlify、Vercel 或 Cloudflare 页面。
我个人将所有网站部署到 Cloudflare Pages,因为他们的免费套餐没有带宽限制,并且允许商业项目。
克隆并部署到你选择的任何主机提供商之后,别忘了:
1. 更改主题内容
更改徽标、图片帖子和项目列表。默认内容使用我自己的数据。
2. 设置环境变量
SITE='http://localhost:4321' # your site domain
# Google tag manager / analytics setting (optional)
PUBLIC_GTAG_MEASUREMENT_ID='' # Google tag measurement ID 'G-MXXXXXXX'
# Github token setting to call github repository API with higher limit
GITHUB_PERSONAL_ACCESS_TOKEN='' # Github Personal access token 'ghp_xxxxxxxxxxxxxxxxxxxxxxxxxx'
# Blog post comment setting (optional)
GISCUS_REPO='' # giscus.app repo 'devaradise/xxxxxxxx'
GISCUS_REPO_ID='' # giscus.app repo id 'R_xxxxxxx'
GISCUS_CATEGORY='' # giscus.app category 'Comments'
GISCUS_CATEGORY_ID='' # giscus.app category id 'DIC_xxxxxxxxxxx'
- 开始编写和构建
使用静态网站写博客很简单。所有内容都存储在一个文件中/src/content/blog/。您只需复制或遵循现有的内容格式即可撰写新文章。
完成后,提交更改并将其推送到您的代码仓库。Vercel、Netlify 或 Cloudflare 将自动部署您的更改。
4. 设置域名(可选)
为了让您的网站更专业,您可以考虑在Namecheap购买域名,价格从每年 5.98 美元起,并将其指向您的网站。Vercel、Netlify 或 Cloudflare 都提供自定义域名功能,您可以为博客项目设置自定义域名。
如果您通过上方链接购买域名,我将获得佣金,而您无需支付任何额外费用。这笔佣金将帮助我继续在这个网站上创作高质量的内容和模板 :)
如果您觉得这个模板有用,请在Github上给它点个星,或者分享出去让更多人可以使用它 :D
谢谢!
祝您编程愉快!
文章来源:https://dev.to/syakirurahman/i-build-an-astro-portfolio-blog-theme-so-you-can-setup-your-personal-website-in-10-minutes-1df0

