发布于 2026-01-06 4 阅读
0

我开发了一款天文主题的投资组合博客主题,让你只需10分钟就能搭建个人网站🚀🔥

我开发了一款天文主题的投资组合博客主题,让你只需10分钟就能搭建个人网站🚀🔥

嘿👋,我是Syakir!

如果你读过我之前关于如何通过编程赚钱的文章,我鼓励你建立一个作品集或博客网站来展示你的作品。

过去几天,我一直在为你搭建一个简单、极简的个人作品集/博客模板,以便你可以快速部署你的个人网站。

此模板为Devolio

GitHub 上的 Star Devolio ⭐

Devolio 是基于Astro.jsTailwind CSS构建的静态网站。

Devolio 功能

  • ✅ 简约风格(打造属于你自己的风格!)
  • ✅ 灯塔表现100/100
  • ✅ 具有规范 URL 和 OpenGraph 数据,对搜索引擎友好
  • ✅ 网站地图支持
  • ✅ RSS订阅支持
  • ✅ 支持 Markdown 和 MDX
  • ✅ 深色模式
  • ✅ 响应迅速
  • ✅ 帖子标签
  • ✅ 项目
  • ✅ 目录
  • ✅ 使用Giscus 应用的评论框
  • ✅ Google 标签/分析集成

Devolio桌面灯塔性能

Devolio 移动灯塔性能

使用 Devolio 搭建您的个人网站

只需点击几下,即可将其部署到 Netlify、Vercel 或 Cloudflare 页面。

部署到 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'

Enter fullscreen mode Exit fullscreen mode



  1. 开始编写和构建

使用静态网站写博客很简单。所有内容都存储在一个文件中/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