|
|
<!doctype html>
|
|
|
<html lang="zh">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<!-- Basic Page Needs
|
|
|
================================================== -->
|
|
|
<title>在线课程</title>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<meta name="description" content="">
|
|
|
<link rel="icon" href="assets/images/favicon.png">
|
|
|
|
|
|
<!-- CSS
|
|
|
================================================== -->
|
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
|
<link rel="stylesheet" href="assets/css/night-mode.css">
|
|
|
<link rel="stylesheet" href="assets/css/framework.css">
|
|
|
|
|
|
<!-- icons
|
|
|
================================================== -->
|
|
|
<link rel="stylesheet" href="assets/css/icons.css">
|
|
|
|
|
|
<style>
|
|
|
.video-post {
|
|
|
width: 100%;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!-- Wrapper -->
|
|
|
<div id="wrapper">
|
|
|
|
|
|
<!-- sidebar -->
|
|
|
<div class="main_sidebar">
|
|
|
<div class="side-overlay" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></div>
|
|
|
|
|
|
<!-- sidebar header -->
|
|
|
<div class="sidebar-header">
|
|
|
<h4> Navigation</h4>
|
|
|
<span class="btn-close" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></span>
|
|
|
</div>
|
|
|
|
|
|
<!-- sidebar Menu -->
|
|
|
<div class="sidebar">
|
|
|
<div class="sidebar_innr" data-simplebar>
|
|
|
|
|
|
<div class="sections">
|
|
|
<h3> 浏览 </h3>
|
|
|
<ul>
|
|
|
<li> <a href="index.html"> <i class="uil-home-alt"></i> 首页 </a></li>
|
|
|
<li class="active"> <a href="more_basic.html"> <i class="uil-users-alt"></i> 基础 </a></li>
|
|
|
<li> <a href="more_advanced.html"> <i class="uil-layers"></i> 进阶 </a></li>
|
|
|
<li> <a href="more_example.html"> <i class="uil-code"></i> 成果 </a></li>
|
|
|
<li> <a href="more_knack.html"> <i class="uil-layers-alt"></i> 技巧 </a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div class="sections">
|
|
|
<h3> 分类 </h3>
|
|
|
<ul>
|
|
|
<li> <a href="#"><i class="uil-code"></i> Midjourney </a>
|
|
|
<ul>
|
|
|
<li>
|
|
|
<a href="#"> 基础入门 </a>
|
|
|
<a href="#"> 进阶技巧</a>
|
|
|
<a href="#"> 实战应用 </a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
<li> <a href="#"><i class="uil-user-circle"></i> Stable Diffusion </a>
|
|
|
<ul>
|
|
|
<li>
|
|
|
<a href="#"> 安装与配置 </a>
|
|
|
<a href="#"> 基础入门 </a>
|
|
|
<a href="#"> 技术深入</a>
|
|
|
<a href="#"> 实战案例</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div id="foot" style="text-align: center;">
|
|
|
|
|
|
<img src="./assets/images/er.png" alt="" style="width: 160px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- header -->
|
|
|
<div id="main_header">
|
|
|
<header>
|
|
|
|
|
|
<!-- Logo-->
|
|
|
<i class="header-traiger uil-bars"
|
|
|
uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></i>
|
|
|
|
|
|
<!-- Logo-->
|
|
|
<div id="logo">
|
|
|
<a href="#"> <img src="assets/images/logo_hz.png" alt="" style="width: 50px;"></a>
|
|
|
<!-- <a href="#"> <input src="assets/images/logo-light.png" class="logo-inverse" alt=""></a> -->
|
|
|
</div>
|
|
|
|
|
|
<!-- form search-->
|
|
|
|
|
|
|
|
|
<!-- user icons -->
|
|
|
|
|
|
</header>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- contents -->
|
|
|
<div class="main_content">
|
|
|
<div class="main_content_inner">
|
|
|
|
|
|
<nav class="responsive-tab">
|
|
|
<ul>
|
|
|
<li class="uk-active"><a href="#"><i class="uil-video"></i>基础</a></li>
|
|
|
|
|
|
</ul>
|
|
|
</nav>
|
|
|
|
|
|
<div class="section-small">
|
|
|
<div class="uk-child-width-1-4@m uk-child-width-1-3@s " uk-grid>
|
|
|
|
|
|
<div>
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.8%20%E7%94%A8AI%E5%81%9A%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BE.mp4"
|
|
|
class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">19.7M</span>
|
|
|
<span class="video-post-time">04:22</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a25.jpg" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】用AI做思维导图 </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 1天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.7%20%E7%94%A8AI%E5%81%9APPT.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">29.8M</span>
|
|
|
<span class="video-post-time">04:05</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a17.jpg" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】用AI做PPT </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 1天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.6%20%E7%94%A8AI%E5%81%9A%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E4%B8%8E%E7%BB%9F%E8%AE%A1.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">52.4M</span>
|
|
|
<span class="video-post-time">14:06</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a16.jpg" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】用AI做数据分析与统计 </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 2天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</div>
|
|
|
<div>
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.5%20AI%E6%8F%90%E7%A4%BA%E5%99%A8%E7%94%9F%E6%88%90%E5%99%A8.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">110M</span>
|
|
|
<span class="video-post-time">15:53</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a15.jpg" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】AI提示器生成器介绍 </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 2天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.4%20%E4%BC%98%E5%8C%96%E6%8F%90%E7%A4%BA%E8%AF%8D%E7%9A%849%E4%B8%AA%E6%8A%80%E5%B7%A7.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">53.9M</span>
|
|
|
<span class="video-post-time">15:28</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a14.png" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】优化提示词的9个技巧 </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 2天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.3%20%E6%8F%90%E7%A4%BA%E8%AF%8D%E4%B8%87%E8%83%BD%E5%85%AC%E5%BC%8F.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">53.2M</span>
|
|
|
<span class="video-post-time">13:39</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a13.png" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】提示词万能公式 </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 3天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.2%20AI%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9FAI%E8%83%BD%E5%B8%AE%E6%88%91%E5%81%9A%E4%BB%80%E4%B9%88%EF%BC%9F.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">31.3M</span>
|
|
|
<span class="video-post-time">12:24</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
<img src="assets/images/a12.png" alt="">
|
|
|
</div>
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】AI是什么？AI能帮我做什么？ </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 3天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
|
|
|
<li>
|
|
|
<a href="https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/HuiZhiKeJi/%E8%AF%BE%E7%A8%8B/%E3%80%90%E5%9F%BA%E7%A1%80%E3%80%91/1.1%20GPT%E6%80%8E%E4%B9%88%E4%BD%BF%E7%94%A8%EF%BC%9F%E6%80%8E%E4%B9%88%E7%BB%99GPT%E8%81%94%E7%BD%91%EF%BC%9F.mp4" class="video-post" target="_blank">
|
|
|
<!-- Blog Post Thumbnail -->
|
|
|
<div class="video-post-thumbnail">
|
|
|
<span class="video-post-count">59.2M</span>
|
|
|
<span class="video-post-time">23:24</span>
|
|
|
<span class="play-btn-trigger"></span>
|
|
|
<!-- option menu -->
|
|
|
|
|
|
|
|
|
|
|
|
<img src="assets/images/a11.png" alt="">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Blog Post Content -->
|
|
|
<div class="video-post-content">
|
|
|
<h3> 【基础】GPT怎么使用？怎么给GPT联网？ </h3>
|
|
|
<img src="assets/images/avatars/avatar-3.jpg" alt="">
|
|
|
<span class="video-post-user">黄海</span>
|
|
|
<span class="video-post-date"> 4天前 </span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- footer
|
|
|
================================================== -->
|
|
|
<div class="footer">
|
|
|
<div class="uk-grid-collapse" uk-grid>
|
|
|
<div class="uk-width-expand@s uk-first-column" style="text-align: center;">
|
|
|
©绘智科技吉林有限公司 <a target="_blank"
|
|
|
href="https://beian.miit.gov.cn/">吉ICP备2024012729号</a> <a
|
|
|
target="_blank"
|
|
|
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22010702000262"><img
|
|
|
src="./assets/images/beian.png"> 吉公网安备 22010702000262号
|
|
|
</a>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- For Night mode -->
|
|
|
<script>
|
|
|
(function (window, document, undefined) {
|
|
|
'use strict';
|
|
|
if (!('localStorage' in window)) return;
|
|
|
var nightMode = localStorage.getItem('gmtNightMode');
|
|
|
if (nightMode) {
|
|
|
document.documentElement.className += ' night-mode';
|
|
|
}
|
|
|
})(window, document);
|
|
|
|
|
|
|
|
|
(function (window, document, undefined) {
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
// Feature test
|
|
|
if (!('localStorage' in window)) return;
|
|
|
|
|
|
// Get our newly insert toggle
|
|
|
var nightMode = document.querySelector('#night-mode');
|
|
|
if (!nightMode) return;
|
|
|
|
|
|
// When clicked, toggle night mode on or off
|
|
|
nightMode.addEventListener('click', function (event) {
|
|
|
event.preventDefault();
|
|
|
document.documentElement.classList.toggle('night-mode');
|
|
|
if (document.documentElement.classList.contains('night-mode')) {
|
|
|
localStorage.setItem('gmtNightMode', true);
|
|
|
return;
|
|
|
}
|
|
|
localStorage.removeItem('gmtNightMode');
|
|
|
}, false);
|
|
|
|
|
|
})(window, document);
|
|
|
</script>
|
|
|
|
|
|
|
|
|
<!-- javaScripts
|
|
|
================================================== -->
|
|
|
<script src="assets/js/framework.js"></script>
|
|
|
<script src="assets/js/jquery-3.3.1.min.js"></script>
|
|
|
<script src="assets/js/simplebar.js"></script>
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |
