rustdesk/doc.rustdesk.com
1
0
Fork 0
mirror of https://github.com/rustdesk/doc.rustdesk.com.git synced 2026-04-08 08:46:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

index

Browse Source
This commit is contained in:
rustdesk
2024-10-10 21:23:28 +08:00
parent 57a6f5e3c4
commit 515f1eb519
29 changed files with 400 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
v3/src/content/post/astrowind-template-in-depth.mdx
View File

@@ -1,6 +1,6 @@
---
publishDate: 2023-07-17T00:00:00Z
title: AstroWind template in depth
title: RustDesk template in depth
excerpt: While easy to get started, Astrowind is quite complex internally. This page provides documentation on some of the more intricate parts.
image: https://images.unsplash.com/photo-1534307671554-9a6d81f4d629?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1651&q=80
category: Documentation
@@ -17,13 +17,13 @@ import ToggleTheme from '~/components/common/ToggleTheme.astro';
## Overview
It can be a somewhat daunting task trying to get a handle on _AstroWind_ internals, and particularly various points of usage.
It can be a somewhat daunting task trying to get a handle on _RustDesk_ internals, and particularly various points of usage.
This page outlines and clarifies some of the techniques found in _AstroWind_. Use it as a guide for further modification, or an instructional for techniques to use in your own endeavors.
This page outlines and clarifies some of the techniques found in _RustDesk_. Use it as a guide for further modification, or an instructional for techniques to use in your own endeavors.
## Styling
As the name suggests, _AstroWind_ relies on _TailWind_ for styling. Furthermore, _AstroWind_ defines custom low level style settings which are incorporated into _TailWind_ seamlessly, and which provides consistency for higher level styling constructs, as well as enabling dark mode.
As the name suggests, _RustDesk_ relies on _TailWind_ for styling. Furthermore, _RustDesk_ defines custom low level style settings which are incorporated into _TailWind_ seamlessly, and which provides consistency for higher level styling constructs, as well as enabling dark mode.
The styling mechanism consists of the following files (all paths are prefixed with `/src/` ):
@@ -37,7 +37,7 @@ The styling mechanism consists of the following files (all paths are prefixed wi
header section. See next.
</DListItem>
<DListItem dt="layouts/Layout.astro">
This layout is used for all of the pages rendered by _AstroWind_. The contents of _tailwind.css_ and
This layout is used for all of the pages rendered by _RustDesk_. The contents of _tailwind.css_ and
_CustomStyles.astro_ component, described above, is injected into the html header.
</DListItem>
@@ -135,7 +135,7 @@ This allows a great deal of flexibility in component design.
### Yet Another Step
Now, we get to the techniques used in _AstroWind_, we'll use the _pages/index.astro_ file to illustrate.
Now, we get to the techniques used in _RustDesk_, we'll use the _pages/index.astro_ file to illustrate.
You'll note that the index file imports a lot of components, each one roughly analagous to a panel in the index page. Each of these components, in turn, is instantiated sequentially throughout the page. But, you'll notice that some of them use this kind of construct (we'll use the last section, _CallToAction_, as it is most illustrative of the technique):

4
v3/src/content/post/get-started-website-with-astro-tailwind-css.md
View File

@@ -1,8 +1,8 @@
---
publishDate: 2023-08-12T00:00:00Z
author: John Smith
title: Get started with AstroWind to create a website using Astro and Tailwind CSS
excerpt: Start your web journey with AstroWind – harness Astro and Tailwind CSS for a stunning site. Explore our guide now.
title: Get started with RustDesk to create a website using Astro and Tailwind CSS
excerpt: Start your web journey with RustDesk – harness Astro and Tailwind CSS for a stunning site. Explore our guide now.
image: https://images.unsplash.com/photo-1516996087931-5ae405802f9f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80
category: Tutorials
tags:

4
v3/src/content/post/how-to-customize-astrowind-to-your-brand.md
View File

@@ -1,7 +1,7 @@
---
publishDate: 2023-08-06T00:00:00Z
title: How to customize AstroWind template to suit your branding
excerpt: Personalize AstroWind template for your brand. Our guide unlocks seamless customization steps for a unique online presence.
title: How to customize RustDesk template to suit your branding
excerpt: Personalize RustDesk template for your brand. Our guide unlocks seamless customization steps for a unique online presence.
image: https://images.unsplash.com/photo-1546984575-757f4f7c13cf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80
tags:
- astro

4
v3/src/content/post/landing.md
View File

@@ -11,7 +11,7 @@ metadata:
canonical: https://astrowind.vercel.app/landing
---
In the vast digital landscape, standing out is more than a desire—it's a necessity. Enter the world of Landing Pages, the unsung heroes of digital marketing. With the power of the AstroWind template, developed using Astro and Tailwind CSS, crafting these pages becomes even more intuitive. Let's dive deep into understanding, creating, and optimizing them.
In the vast digital landscape, standing out is more than a desire—it's a necessity. Enter the world of Landing Pages, the unsung heroes of digital marketing. With the power of the RustDesk template, developed using Astro and Tailwind CSS, crafting these pages becomes even more intuitive. Let's dive deep into understanding, creating, and optimizing them.
## Landing Pages Unveiled
@@ -45,7 +45,7 @@ Every element of your Landing Page should resonate with its core objective. Here
- **Engaging Imagery**: Visuals that complement and enhance the content.
- **Compelling Copy**: Clear, concise, and persuasive text that speaks directly to the visitor's needs.
- **Clear Call-to-Action (CTA)**: A standout button or link urging the visitor to take action.
- **Minimalist Design**: A clutter-free layout that emphasizes the offer. For example, using a Tailwind CSS web template like AstroWind.
- **Minimalist Design**: A clutter-free layout that emphasizes the offer. For example, using a Tailwind CSS web template like RustDesk.
- **Trust Indicators**: Endorsements, reviews, and badges that bolster credibility.
Imagine browsing online for a writing course. You land on a page with a captivating headline: "Unlock the Writer Within." Below, there's an engaging image of a person writing, followed by persuasive text and a bright "Enroll Now" button. This Landing Page has effectively used its elements to entice you to sign up.