今天给大家带来一篇关于如何使用Astro快速搭建个人博客的文章。 直接进入正题: 一、准备工作 在Astro挑选一个自己心仪的博客模板 安装nodejs 一个GitHub账号,并建一个仓库 一个Cloudflare账号 一个Netlify账号 最好下载VS Code,方便以后修改博客 Astro每个主题就是一个项目,为了避免频繁迁移项目,请先选好自己要使用的主...
Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly Cancel Create saved search Sign in Sign up Reseting focus {{ message }} can-dy-jack / astro-blog Public Notifications You must be signed in to change notification settings Fork 0 Star 0 ...
{params:{blog:"how-to-learn-astro-ai"}}, ] } // 可以从 Astro 全局对象中解构参数 const{blog}=Astro.params --- Hello Blog,{blog} 当构建此应用时,src/pages/blogs/[blog.astro]将生成三个博客页面: /blogs/how-to-learn-astro.html /blogs/how-to-learn-ai.html /blogs/how-to-learn-astro...
Astro 是 WordPress 的摄影和创意主题,它的自定义选项,包括视觉作曲家插件来加快页面的创建过程,创意主题 Astro 有一个很酷的 Ajax 页面加载特征,此选项将允许一个更顺畅的用户体验,并将加快页面加载过程··· 创意作品展示 Astro 主题其他特点: 视觉作曲家插件 部件侧边栏+ WooCommerce 无限的侧边栏 自定义菜单 ...
TLDR:JAMStack 实践,使用最新最潮的前端元框架 Astro,魔改 Astro Paper 主题,搭配 Headless CMS Directus,直通对接思源笔记内容同步,自建 SeaweedFS 分布式文件系统暴露 S3 API 作为图床后端,使用 WebP Server 作为图床前端反代,部署 Cloudflare Pages,实现高度客制化的博客体验。
Astro 是一个适合商业、公司、购物商城、摄影、作品展示的等网站的响应 WordPress 多用途主题。 主要功能特点:集成 Visual Composer 页面搭建器,Ajax 页面加载开关,Full Size Accordion 集成, 兼容 WooCommerce 2.3-2.5 购物商城,语言文件集成和后台在线翻译,WPML 支持,集成 Revolution Slider 幻灯片,兼容 Contact Form ...
现在,让我们来谈谈布局。除了他们熟悉的主题功能外,Astro中的布局也是可重复使用的组件,但他们是作为代码包装器使用的。 看一下这个例子吧: --- // src/layouts/Base.astro const{pageTitle ='Hello world'}= Astro.props --- {pageTitle} ...
在这个实用的Astro指南中,我将指导你完成设置过程,并告诉你如何构造你的文件。你将学习如何添加页面、交互式组件,甚至是markdown文章。我还会告诉你如何从服务器上获取数据,创建布局,并使用vanilla JavaScript和其他框架添加互动性。准备好享受一些动手的乐趣,因为我
April Elliot Kent(阿普乐•艾略特•坎特)https://www.bigskyastrology.com/?dt_dapp=1 Margaret Koolman(玛格丽特库尔曼)https://soulastrology.com/?dt_dapp=1(许多新月满月,一月两次,待发掘) Jessca Shepherd(杰西卡•谢菲尔德):https://www.moonkissd.com/blog/?dt_dapp=1 ...
const { blog } = Astro.params --- Hello Blog, {blog} 1. 2. 3. 4. 5. 6. 7. 在实践中,使用SSR,这里的博客参数很可能是博客的唯一标识符,例如 ID。当用户尝试查看 /blogs/id 时,可以通过 Astro.params 获取 id 并在服务端获取所需的博客内容。 布局 除了正常...