Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add index card #20

Merged
merged 1 commit into from
Jun 13, 2024
Merged

Add index card #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
125 changes: 125 additions & 0 deletions _static/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,3 +176,128 @@
#install-instructions {
padding-top: 50px;
}

.container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}

.bg-white {
background-color: #ffffff;
}

.flex {
display: flex;
}

.flex-col {
flex-direction: column;
}

.items-center {
align-items: center;
}

.grid {
display: grid;
}

.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

.gap-8 {
gap: 2rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.p-4 {
padding: 1rem;
}

.mb-4 {
margin-bottom: 1rem;
}

.w-16 {
width: 4rem;
}

.h-16 {
height: 4rem;
}

.rounded-md {
border-radius: 0.375rem;
}

.mr-4 {
margin-right: 1rem;
}

.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.font-semibold {
font-weight: 600;
}

.text-gray-600 {
color: #4b5563;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.text-blue-600 {
color: #2563eb;
}

.flex-grow {
flex-grow: 1;
}

.container {
background-color: transparent;
padding: 3%;
padding-top: 5%;
overflow-y: hidden;
height: 100%;
}
.box {
background-color: white;
}
.img {
background-size: contain;
background-repeat: no-repeat;
}
.desc {
font-size: small;
}
.split {
color: black;
}
.gap {
margin-bottom: 5%;
}

.box .flex-grow {
flex-grow: 1; /* 让文本内容占据剩余空间 */
}
Binary file added _static/images/deepspeed.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/diffusers.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/huggingface.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/llama-factory.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/onnxruntime.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/opencv.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/pytorch.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/sd-webui.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
173 changes: 172 additions & 1 deletion index.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
昇腾开源
==================================================
============

.. -----------------------------------------
.. Page TOC
Expand Down Expand Up @@ -28,3 +28,174 @@
选择您的偏好，并按照 :doc:`快速安装昇腾环境<sources/ascend/quick_install>` 的安装指导进行操作。

安装成功后，请参考各项目的快速开始和样例来开始使用昇腾AI处理器。

.. raw:: html

<div class="container bg-white flex flex-col items-center">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Card 1 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/llama-factory.png')"></div>
<div>
<h2 class="text-lg font-semibold">LLaMA-Factory</h2>
<p class="text-gray-600 desc">便捷高效的大模型微调工具。V0.7.1版本起支持昇腾。</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 2 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/pytorch.png')"></div>
<div>
<h2 class="text-lg font-semibold">PyTorch</h2>
<p class="text-gray-600 desc">PyTorch AI框架 2.1版本官方支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="https://pytorch.org">官方链接</a>
<span class="split">|</span>
<a href="sources/pytorch/install.html">安装指南</a>
<span class="split">|</span>
<a href="sources/pytorch/quick_start.html">快速上手</a>
</div>
</div>
<!-- Card 3 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/onnxruntime.png')"></div>
<div>
<h2 class="text-lg font-semibold">ONNX Runtime</h2>
<p class="text-gray-600 desc">跨平台、高性能 ML 推理和训练加速器。v1.13.1版本起原生支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 4 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/deepspeed.png')"></div>
<div>
<h2 class="text-lg font-semibold">DeepSpeed</h2>
<p class="text-gray-600 desc">深度学习优化库，使得分布式训练和推理变得简单、高效、有效。
V0.10.1版本起支持昇腾。</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 5 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/opencv.png')"></div>
<div>
<h2 class="text-lg font-semibold">OpenCV</h2>
<p class="text-gray-600 desc">开源计算机视觉库</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 6 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/sd-webui.png')"></div>
<div>
<h2 class="text-lg font-semibold">Stable Diffusion web UI</h2>
<p class="text-gray-600 desc">Stable diffusion可视化工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 7 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/huggingface.png')"></div>
<div>
<h2 class="text-lg font-semibold">Transformers</h2>
<p class="text-gray-600 desc">适用于 Pytorch、TensorFlow 和 JAX 先进的机器学习库
v4.32.0起支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 8 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/diffusers.png')"></div>
<div>
<h2 class="text-lg font-semibold">Diffusers</h2>
<p class="text-gray-600 desc">图像和音频生成等扩散模型工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 9 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/huggingface.png')"></div>
<div>
<h2 class="text-lg font-semibold">Accelerate</h2>
<p class="text-gray-600 desc">图像和音频生成等扩散模型工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
</div>
</div>