diff --git a/LICENSE b/LICENSE index 3bf03fc..13d74ba 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024 uxiaohan +Copyright (c) 2025 uxiaohan Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 182c991..ab80924 100644 --- a/README.md +++ b/README.md @@ -45,6 +45,8 @@ ## 🚀 使用方法 +### 使用 Github 模板 + - 使用此模板 [生成新仓库或 Fork 此仓库](https://github.com/new?template_name=vhAstro-Theme&template_owner=uxiaohan) - 进行本地开发,Clone 新的仓库,执行 `pnpm install` 以安装依赖 - 若未安装 [pnpm](https://pnpm.io),执行 `npm install -g pnpm` @@ -53,6 +55,30 @@ - 参考官方指南将博客部署至 Vercel, Netlify,Cloudflare Pages, GitHub Pages 等 - 部署前需编辑 `astro.config.mjs` 中的站点设置。 +### 使用命令 + +```bash +# pnpm +pnpm create astro@latest --template uxiaohan/vhAstro-Theme + +# yarn +yarn create astro --template uxiaohan/vhAstro-Theme + +# npm +npm create astro@latest -- --template uxiaohan/vhAstro-Theme +``` + +```bash +# 安装依赖 +pnpm install +# 本地开发 +pnpm dev +# 构建静态文件 +pnpm build +# 创建新文章 +pnpm newpost '文章标题' +``` + ## 🍬 特色页面 ### 友情链接 @@ -104,38 +130,38 @@ export default { }; ``` -### 圈子(需部署FreshRSS) +### 圈子(需部署 FreshRSS) ```js // 配置文件 src/page_data/Friends.ts export default { - // API 接口请求优先,数据格式保持和 data 一致 - api: '', - // api 为空则使用 data 静态数据 - data: [ - { - "title": "Astro 中使用 Lenis 增加鼠标滚动阻尼感", - "auther": "韩小韩博客", - "date": "2025-03-06", - "link": "https://www.vvhan.com/article/Lenis-in-Astro", - "content": "在移动端触控交互中,惯性滚动带来的丝滑体验已成为标配,但鼠标滚轮受限于机械结构,滚动时难免产生生硬的段落感。如何让传统滚轮操作也能获得如触控板般的阻尼反馈?Lenis库通过JavaScript模拟惯性算法,成功将”物理惯性”引入网页滚动,本文将解析其实现原理与实战应用。" - }, - { - "title": "Astro 添加 Twikoo 评论组件", - "auther": "韩小韩博客", - "date": "2025-03-03", - "link": "https://www.vvhan.com/article/astro-twikoo", - "content": "Astro在使用视图过渡路由时,在跳转路由时,会导致JS文件只有在第一次进入页面时生效,所以Astro在使用视图过渡路由下Twikoo时无法正常使用的,我是单独写了一个评论组件,对Twikoo进行动态加载,然后在需要评论的页面引入的。" - }, - { - "title": "Astro主题-优雅的vhAstro-Theme【使用文档】", - "auther": "韩小韩博客", - "date": "2025-03-02", - "link": "https://www.vvhan.com/article/astro-theme-vhastro-theme", - "content": "🥝从Z-Blog到Emlog,从Typecho到Hexo,从动态博客到静态博客,作为一个前端,我深入了解了多种SSG工具,如Hexo、Vitepress、Hugo等,并最终锁定了Astro作为重构博客的选择。🍇Astro活跃的社区支持、广泛的现代框架兼容性、高效的性能优化、优秀的开发体验。" - } - ] -} + // API 接口请求优先,数据格式保持和 data 一致 + api: "", + // api 为空则使用 data 静态数据 + data: [ + { + title: "Astro 中使用 Lenis 增加鼠标滚动阻尼感", + auther: "韩小韩博客", + date: "2025-03-06", + link: "https://www.vvhan.com/article/Lenis-in-Astro", + content: "在移动端触控交互中,惯性滚动带来的丝滑体验已成为标配,但鼠标滚轮受限于机械结构,滚动时难免产生生硬的段落感。如何让传统滚轮操作也能获得如触控板般的阻尼反馈?Lenis库通过JavaScript模拟惯性算法,成功将”物理惯性”引入网页滚动,本文将解析其实现原理与实战应用。" + }, + { + title: "Astro 添加 Twikoo 评论组件", + auther: "韩小韩博客", + date: "2025-03-03", + link: "https://www.vvhan.com/article/astro-twikoo", + content: "Astro在使用视图过渡路由时,在跳转路由时,会导致JS文件只有在第一次进入页面时生效,所以Astro在使用视图过渡路由下Twikoo时无法正常使用的,我是单独写了一个评论组件,对Twikoo进行动态加载,然后在需要评论的页面引入的。" + }, + { + title: "Astro主题-优雅的vhAstro-Theme【使用文档】", + auther: "韩小韩博客", + date: "2025-03-02", + link: "https://www.vvhan.com/article/astro-theme-vhastro-theme", + content: "🥝从Z-Blog到Emlog,从Typecho到Hexo,从动态博客到静态博客,作为一个前端,我深入了解了多种SSG工具,如Hexo、Vitepress、Hugo等,并最终锁定了Astro作为重构博客的选择。🍇Astro活跃的社区支持、广泛的现代框架兼容性、高效的性能优化、优秀的开发体验。" + } + ] +}; ``` ## ⚙️ 文章格式 @@ -157,15 +183,6 @@ hide: false # 是否隐藏文章 --- ``` -## 💻 命令 +## ✨ 反馈和建议 -```bash -# 安装依赖 -pnpm install -# 本地开发 -pnpm dev -# 构建静态文件 -pnpm build -# 创建新文章 -pnpm newpost '文章标题' -``` +如果您有任何建议/反馈,您可以通过我的 [电子邮件](mailto:1655466387@qq.com) 联系我。或者,如果您发现错误或想要请求新功能,请随时打开问题。 \ No newline at end of file