【摘要】本文围绕SEO建站视频视觉学习的直观指导展开讨论，通过分析具体案例和参数，详细解释了如何利用SEO优化的方法建立一个高效的网站。文章包括多个自然段，每个段落都提供了详细的内容和实例，有效避免政治、黄赌毒等敏感话题。大标题使用
标签，小标题使用标签，数据信息使用
标签，不包含标签、<a>标签或网址。<h2 style="margin-top: 20px; margin-bottom: 10px;">第一部分：SEO建站的基本原理</h2><h3 style="margin-top: 20px; margin-bottom: 10px;">1. 什么是SEO建站</h3><p>SEO建站是指通过优化网站的结构、内容和代码来提高网站在搜索引擎中的排名并增加流量的一系列操作。通过合理使用关键词、优化页面速度等方法，可以使网站更容易被用户发现，从而提高用户点击率。</p><h3 style="margin-top: 20px; margin-bottom: 10px;">2. 关键词的选择和使用</h3><p>选择合适的关键词是SEO建站的关键一步。可以使用一些关键词分析工具，如Google Keyword Planner，来确定用户在搜索引擎中常用的关键词。在网站的标题、meta标签、内容和URL中合理地使用关键词，但不要过度堆积，以免被搜索引擎视为垃圾内容。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">第二部分：优化网站结构</h2><h3 style="margin-top: 20px; margin-bottom: 10px;">1. URL的优化</h3><p>合理的URL结构可以增加网站在搜索引擎中的可读性和可访问性。使用简洁而有意义的URL，包含关键词，避免使用随机的数字和字符，以提高用户体验和搜索引擎抓取的效果。</p><h3 style="margin-top: 20px; margin-bottom: 10px;">2. 内部链接的设置</h3><p>在网站内部设置丰富的内部链接能够提高用户浏览体验和页面权重分配。通过适当的内部链接，可以提升页面关联度和内部链接权重，增加页面在搜索引擎中的排名。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">第三部分：优化网站内容</h2><h3 style="margin-top: 20px; margin-bottom: 10px;">1. 创造高质量的内容</h3><p>高质量的内容是吸引用户和提高网站排名的重要因素。提供有价值的、原创的和与用户需求相关的内容能够增加用户停留时间、降低跳出率，从而提高网站权威性和排名。</p><h3 style="margin-top: 20px; margin-bottom: 10px;">2. 图片和视频的优化</h3><p>通过优化图片和视频，可以提高网站的加载速度和用户体验。通过压缩图片大小、合理设置图片ALT标签，以及使用适当的视频格式，可以使页面加载更快，并提升网站的可访问性。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">第四部分：提升网站速度</h2><h3 style="margin-top: 20px; margin-bottom: 10px;">1. 压缩和合并代码</h3><p>通过压缩和合并CSS和JavaScript代码，可以减少文件大小和HTTP请求次数，提高网站的加载速度。</p><h3 style="margin-top: 20px; margin-bottom: 10px;">2. 使用缓存和CDN</h3><p>合理地使用缓存和CDN（内容分发网络），可以缓解服务器负载，加快页面加载速度，并提升用户体验。</p><h2 style="margin-top: 20px; margin-bottom: 10px;">结论</h2><p>通过本文的介绍，我们了解了SEO建站视频视觉学习带来的直观指导，从基本原理到具体操作，从关键词的选择到网站速度的优化，每一个环节都对于提高网站的SEO排名和用户体验至关重要。只有经过细致的优化和持续的努力，我们的网站才能在激烈的竞争中脱颖而出。</p><p><table></p><p> <tr></p><p> <th>SEO建站步骤</th></p><p> <th>案例</th></p><p> </tr></p><p> <tr></p><p> <td>关键词选择</td></p><p> <td>使用关键词分析工具找出用户常用关键词</td></p><p> </tr></p><p> <tr></p><p> <td>URL优化</td></p><p> <td>更改URL为简洁有意义的结构</td></p><p> </tr></p><p> <tr></p><p> <td>内部链接设置</td></p><p> <td>增加页面之间的内部链接</td></p><p> </tr></p><p> <tr></p><p> <td>内容创造</td></p><p> <td>提供有价值的、原创的内容</td></p><p> </tr></p><p> <tr></p><p> <td>图片和视频优化</td></p><p> <td>压缩图片大小和设置合适的ALT标签</td></p><p> </tr></p><p> <tr></p><p> <td>代码压缩和合并</td></p><p> <td>减少文件大小和HTTP请求次数</td></p><p> </tr></p><p> <tr></p><p> <td>使用缓存和CDN</td></p><p> <td>加快页面加载速度</td></p><p> </tr></p><p></table></p><style>
table {
border-collapse: collapse;
margin: 20px auto;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #ccc;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
</style>
<p></p>
</div>
</div>
<div class="pk-row rf">
<div class="pk-w-md-9 pk-text-truncate pk-text-left">
</div>
<div class="pk-w-md-3">
</div>
</div>
<a name="replylist"></a>
<div class="pk-kxpc-ggdiv8"></div>
<div class="pk-row rpt">
<div class="pk-w-md-3 pk-kxpc-text primary pk-padding-0 pk-text-left">
回复列表
</div>
<div class="pk-w-md-9 pk-text-right pk-text-nowrap pk-padding-0">
<a class="pk-kxpc-text hover" href="read-25146-1.html"><span class="fa fa-fw fa-bars"></span>默认</a>
<a class="pk-kxpc-text hover" href="read-25146-1.html?orderfield=zannum&desc=1"><span class="fa fa-fw fa-fire"></span>热门</a>
<a class="pk-kxpc-text hover" href="read-25146-1.html?desc=0"><span class="fa fa-fw fa-sort-numeric-asc"></span>正序</a>
<a class="pk-kxpc-text hover" href="read-25146-1.html?desc=1"><span class="fa fa-fw fa-sort-numeric-desc"></span>倒序</a>
</div>
</div>
<div class="pk-background-color-white" id="read-list" style="padding:0 15px;">
<div></div>
</div>
</div>
<div id="listpages" class="pk-padding-45 pk-background-color-white pk-text-center pk-margin-bottom-15" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;">
<a href="javascript:" title="首页">首</a><a href="javascript:" title="第1页">1</a><a href="javascript:" title="尾页">尾</a>
</div>
<div class="pk-row pk-background-color-white pk-radius-4" style="padding:15px">
<form name="form_post" method="post" action="index.php?c=post&type=reply&return=json">
<input type="hidden" name="rid" value="25146" />
<div class="pk-row pk-margin-bottom-5">
<div class="pk-w-sm-12 pk-padding-0">
<p class="pk-text-sm pk-padding-left-5 pk-text-truncate pk-text-default">回复：SEO建站视频视觉学习带来的直观指导</p>
</div>
</div>
<div class="pk-row pk-margin-bottom-15">
<div class="pk-w-sm-12 pk-padding-0">
<a name="postreplyposition"></a>
<textarea id="container" class="pk-width-all pk-textarea pk-radius-4" name="content" style="height:200px" placeholder="您的浏览器太古董了，所以您只能裸着发布了T_T" required></textarea>
</div>
</div>
<div style="max-width:240px">
</div>
<div class="pk-row pk-margin-bottom-15">
<div class="pk-w-sm-12 pk-padding-0">
<button id="postreplysubmitbtn" type="button" class="pk-kxpc-btn primary">发布</button>
</div>
</div>
</form>
</div>
<script>
var _usercollect = "";
if("".indexOf("_11_") > -1) {
$('#_idolbtn').attr("onclick", "Interactive('delidol', 11, this)").html('取消关注');
}
</script>
<script src="template/puyuetian_changable/js/read-3.js"></script></div>
</div>
<div class="pk-w-md-3 pk-padding-left-0 pk-kxpc-body-right">
<div class="pk-row pk-kxpc-guestbox pk-hide">
<div class="pk-w-md-6 pk-padding-right-5 pk-text-right">
<a class="pk-kxpc-btn" href="login.html" style="background-color:#09f;border-top-left-radius:4px;border-bottom-left-radius:4px;width:100%;">
<span class="fa fa-fw fa-sign-in"></span> 登录
</a>
</div>
<div class="pk-w-md-6 pk-padding-left-5 pk-text-left">
<a class="pk-kxpc-btn" href="reg.html" style="background-color:#3c6;border-top-right-radius:4px;border-bottom-right-radius:4px;width:100%;">
注册 <span class="fa fa-fw fa-user-plus"></span>
</a>
</div>
<div style="background-color:#fff;color:#777;font-size:12px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:132px;top:22px;width:20px;height:20px;">or</div>
</div>
<div class="pk-row pk-kxpc-userbox pk-hide">
<div class="pk-w-md-12" style="padding-bottom:15px;">
<a href="index.php?c=center" title="个人资料">
<img class="uh" src="userhead/0.png" onerror="this.src='userhead/0.png'" />
</a>
<div id="pk-kxpc-user-icons" class="uicons">
<div>
<span><i class="fa fa-fw fa-user"></i>暂无用户组</span>
</div>
<div>
<span id="pk-kxpc-battery" class="fa fa-battery-0" style="color:#0c3;display:none;" title="时刻为自己充电，保持新鲜活力！" data-desc="彩蛋功能2，请去掉style内的display:none"></span>
<span id="_newmsgicon" class="fa fa-envelope-square pk-hide" style="color:yellow" title="新消息" onclick="location.href='index.php?c=center#message'"></span>
<span id="pk-kxpc-sexicon" class="fa fa-intersex" style="color:#777" title="人妖"></span>
<span id="_userlogout" class="fa fa-sign-out" style="color:red" onclick="ppp({content:'确认退出当前用户的登录？',icon:3,type:1,submit:function(id){location.href='index.php?c=login&type=out'}})">退出</span>
</div>
</div>
<div class="pk-row pk-text-xs" style="border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:10px 0;float:left;width:100%;margin-top:10px">
<div class="pk-w-sm-6 pk-padding-0 pk-text-truncate pk-text-center">等级：0级</div>
<div class="pk-w-sm-6 pk-padding-0 pk-text-truncate pk-text-center" style="border-left:solid 1px #EEE">
金币：
</div>
</div>
<div class="uns">
游客：
</div>
</div>
<div id="superadminbtn-div" class="pk-w-md-12 pk-text-center pk-hide" style="padding-top:10px;">
<a target="_blank" class="pk-kxpc-btn" href="index.php?c=app&a=superadmin:index" style="background-color:#3c6;border-radius:4px;width:154px;">
<span class="fa fa-fw fa-gears"></span>后台控制面板
</a>
</div>
</div>
<div class="pk-kxpc-ggdiv2"><div class="pk-row pk-text-center pk-background-color-white pk-text-sm pk-padding-top-10 pk-margin-bottom-15" style="border-radius:2px;">
<!--<div class="pk-w-sm-12" style="padding:7px 0">
<b>金币客服充值渠道</b>
</div>-->
<div class="pk-w-sm-6">
<!--<b>微信客服咨询</b>-->
<img class="pk-float-left pk-cursor-pointer pk-width-all" src="https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/vx173.jpg" alt="微信扫码" title="90link微信" onclick="pkalert('<div class=pk-text-center><img src=https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/vx173.jpg /></div>','扫码加好友充值')" onerror=";this.onerror=''">
<i class="pk-float-left pk-text-center pk-text-xs pk-width-all">微信扫码</i>
</div>
<div class="pk-w-sm-6">
<!--<b>QQ客服咨询</b>-->
<img class="pk-float-left pk-cursor-pointer pk-width-all" src="https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/qqerwei345.jpg" alt="QQ扫码" title="90linkQQ" onclick="pkalert('<div class=pk-text-center><img src=https://miyunb2b.oss-cn-beijing.aliyuncs.com/erweima/qqerwei345.jpg /></div>','扫码加好友充值')" onerror=";this.onerror=''">
<i class="pk-float-left pk-text-center pk-text-xs pk-width-all">QQ扫码</i>
</div>
<div class="pk-w-sm-12" style="padding:14px 0">
<!--<b>账号开通丨金币充值丨活动详情</b>-->
</div>
</div></div>
<div id="_tjwzdiv" class="pk-row pk-kxpc-readbox">
<div class="pk-w-md-12" style="font-size:18px;padding-bottom:7px;">推荐文章</div>
<div class="pk-w-md-12">
<ol><li><a target="_blank" href="read-3014-1.html">新疆数字经济发展2023高峰论坛:王江彬调离中国电信系统</a></li><li><a target="_blank" href="read-2674-1.html">大华录像机端口</a></li><li><a target="_blank" href="read-1497-1.html">魅族20系列Flyme10并不支持双Wi</a></li><li><a target="_blank" href="read-2644-1.html">大华硬盘录像机软件安装步骤</a></li><li><a target="_blank" href="read-39372-1.html">高羊茅草坪优缺点</a></li><li><a target="_blank" href="read-16-1.html">篮球场灯杆的安装和维护</a></li><li><a target="_blank" href="read-39374-1.html">鱼缸草坪怎么种</a></li><li><a target="_blank" href="read-17849-1.html">阿里 通义千问LLM Qwen-7B-Chat与Qwen-VL-Chat 使用；国内huggingface模型下载</a></li><li><a target="_blank" href="read-39369-1.html">高尔夫草坪招聘</a></li><li><a target="_blank" href="read-39373-1.html">高羊茅草坪种子</a></li><li><a target="_blank" href="read-39368-1.html">高尔夫草坪养护</a></li><li><a target="_blank" href="read-21-1.html">安装指南，如何安装球场灯，全面解析杆安装方法！</a></li><li><a target="_blank" href="read-28-1.html">球场灯杆的标准高度是多少？了解球场照明标准，打造专业球场！</a></li><li><a target="_blank" href="read-39375-1.html">麦冬草坪1平方米多少钱</a></li><li><a target="_blank" href="read-39370-1.html">高尔夫草坪是什么草</a></li><li><a target="_blank" href="read-39371-1.html">高羊茅草坪价格</a></li><li><a target="_blank" href="read-1468-1.html">荣耀Magic5Pro就地铁刷视频、电梯打电话等场景做信号测</a></li><li><a target="_blank" href="read-134-1.html">篮球场灯高度标准尺寸详解（必须掌握的篮球场照明知识）</a></li><li><a target="_blank" href="read-1511-1.html">荣耀Magic5系列与OPPOFindX6系列 哪款最值得购</a></li><li><a target="_blank" href="read-23611-1.html">黄包网站推广软件</a></li></ol>
</div>
</div>
<div class="pk-kxpc-ggdiv3"></div>
</div>
</div>
</div>
<div class="pk-kxpc-ggdiv4"></div>
<script>
$(function() {
if(!$('#_tjwzdiv ol').html()) {
$('#_tjwzdiv').addClass('pk-hide');
}
//新消息闪闪闪
if(parseInt("0") > 0) {
$('#_newmsgicon').removeClass('pk-hide');
TextSSS('#_newmsgicon');
}
});
</script><link rel="stylesheet" href="template/puyuetian_changable/css/foot.css" />
<div id="puyuetian_kuxuanpc-footbar" class="pk-row pk-margin-top-15">
<div class="pk-kxpc-container">
<div class="pk-row">
<div class="pk-w-md-6 pk-text-left">
<p>Powered by
<a class="pk-hover-underline pk-text-bold" target="_blank" href="#"></a> 7.12.10</p>
<p>©2015 - 2025 90Link</p>
</div>
<div class="pk-w-md-6 pk-text-right">
<p><a target="_blank" href="http://www.90-link.com/" class="" onclick="">90link品牌推广</a>
<a href="http://www.90-link.com/app/puyuetian_sitemap/sitemaps/sitemap_1.xml" class="" target="_blank" onclick="">网站地图</a></p>
<p>您的IP:10.1.228.218,2025-12-21 16:32:42,Processed in 0.1868 second(s).</p>
<p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2023005541号</a></p>
</div>
<div class="pk-w-md-12 pk-text-center" style="padding:20px 0;"></div>
</div>
</div>
</div>
<div class="pk-hide pk-hadsky" id="showUserInfo">
<div data-uid="">
<img src="" alt="头像" onerror="this.src='userhead/0.png'" />
<p data-field="sex"><span></span></p>
<p data-field="nickname"><span></span></p>
<p data-field="username">用户名：<span></span></p>
<p data-field="fans">粉丝数：<span></span></p>
<p data-field="sign">签名：<span></span></p>
<p data-field="groupname"><span></span></p>
<div>
<a data-type="center"><i class="fa fa-fw fa-address-card-o"></i>资料</a>
<a data-type="addidol"><i class="fa fa-fw fa-plus"></i>关注</a>
<a data-type="addfriend"><i class="fa fa-fw fa-plus"></i>好友</a>
<a data-type="message"><i class="fa fa-fw fa-envelope-o"></i>消息</a>
</div>
</div>
</div>
<script src="template/puyuetian_changable/js/foot.js"></script><link rel="stylesheet" href="app/puyuetianeditor/template/css/PytEditor.css" />
<script id="PytEditorScript" data-pc="var PytConfig = 'Html,Bold,Italic,Underline,Emotion,Image,Code';" data-phone="var PytConfig = 'Emotion,Image,Code';" data-config="">
var PytEditorPhoneEasypostread = Cnum("0");
var PytEditorPhoneEasypostreply = Cnum("1");
var PytEditorPCEasypostread = Cnum("0");
var PytEditorPCEasypostreply = Cnum("0");
if ($(window).width() > 1000) {
eval($('#PytEditorScript').data('pc'));
var PytEditorHeight = Cnum("500px");
} else {
eval($('#PytEditorScript').data('phone'));
var PytEditorHeight = Cnum("200px");
}
</script>
<script src="app/puyuetianeditor/template/js/PytEditor.js"></script>
<script src="app/puyuetianeditor/template/js/PytEditorInit.js"></script>
<script id="hadskyCloudServerScriptObject">
// hs7以后统一默认云服务站点为cn国内节点
$(function(){
$.getScript("https://v7.cn.cloudserver.hadsky.com/www.90-link.com.js", function(response, status) {
if(status != "success") {
console.log('云服务加载失败：status = ' + status);
}
});
});
</script><style>
.puyuetian_readcontact {
padding: 25px 10px 10px 10px;
}
.puyuetian_readcontact-bt {
font-size: 16px;
font-weight: bold;
color: #5FB878;
padding-bottom: 5px;
border-bottom: solid 2px #5FB878;
}
.puyuetian_readcontact-bg {
padding: 7px;
background-color: #fafafa;
color: #222;
}
.puyuetian_readcontact-gs {
font-size: 22px;
padding: 5px 0;
}
.puyuetian_readcontact-ts {
color: red;
}
</style>
<script>
$(function() {
var data = [],
html = '',
_bq = {
"gs": "公司",
"lxr": "联系人",
"dh": "电话",
"dz": "地址",
"qq": "QQ",
"wx": "微信"
};
for(index in data) {
if(data[index]) {
html += '<div class="puyuetian_readcontact-' + index + '">' + (index == 'gs' ? '' : _bq[index] + '：') + data[index] + '</div>';
}
}
if(html) {
html = '<div class="puyuetian_readcontact"><div class="puyuetian_readcontact-bt">联系方式</div><div class="puyuetian_readcontact-bg">' + html + '<div class="puyuetian_readcontact-ts">提示：联系时请说明在90Link【www.90-link.com】上看到的，谢谢！</div></div></div>';
setTimeout(function() {
$('.readcontent').append(html);
}, 200);
}
});
</script><div id="a-p-p-main" class="pk-hide">
<div class="pk-row a-p-p-main pk-text-sm">
<div class="pk-w-sm-12 pk-padding-top-10">
<a href="javascript:" class="pk-text-primary pk-hover-underline pk-text-truncate" data-id="25145">seo建站系统</a>
</div>
<div class="pk-w-sm-12 pk-padding-bottom-10 pk-padding-top-5">
<a href="javascript:" class="pk-text-primary pk-hover-underline pk-text-truncate" data-id="25147">seo智能建站</a>
</div>
</div>
</div>
<script>
$(function() {
$('#a-p-p-main .a-p-p-main>div:eq(0)').prepend('上一篇：');
$('#a-p-p-main .a-p-p-main>div:eq(1)').prepend('下一篇：');
var _obj = $('a[name="replylist"]:eq(0)').prev(':eq(0)');
_obj.after($('#a-p-p-main').html());
_obj.next('div.a-p-p-main:eq(0)').css({
'border-bottom': _obj.css('border-bottom'),
'background': _obj.css('background'),
'background-color': _obj.css('background-color'),
'margin-bottom': _obj.css('margin-bottom')
}).find('a').click(function() {
var _id = $(this).data('id');
if(_id) {
if(parseInt("1")) {
var _url = 'read-' + _id + '-1.html';
} else {
var _url = 'index.php?c=read&id=' + _id + '&page=1';
}
location.href = _url;
}
});
_obj.css('margin-bottom', '0px');
});
</script><div class="pk-hide">
<form id="app_puyuetian_qiniucloud_form">
<input name="MAX_FILE_SIZE" value="3072000" />
<input name="token" value="LU7kAqRtBbHnixl_LQe0zzUcAsYj60xri_DgMl1M:tuFzLlbcltHu3ldwqlLuWdVOMk4=:eyJyZXR1cm5VcmwiOiIiLCJyZXR1cm5Cb2R5Ijoie1wia2V5XCI6ICQoa2V5KSwgXCJoYXNoXCI6ICQoZXRhZyksIFwid1wiOiAkKGltYWdlSW5mby53aWR0aCksIFwiaFwiOiAkKGltYWdlSW5mby5oZWlnaHQpLFwiZnNpemVsaW1pdFwiOjMwNzIwMDAsXCJmaWxlc2l6ZVwiOiQoZnNpemUpLFwiZG9tYWluXCI6XCJjZG4uOTAtbGluay5jb21cIixcInVybFwiOlwiXC9cL2Nkbi45MC1saW5rLmNvbVwvJChrZXkpXCJ9Iiwic2NvcGUiOiI5MGxpbmsiLCJkZWFkbGluZSI6MTc2NjMwOTU2Mn0=" />
<input name="key" value="" />
</form>
<form>
<input id="app_puyuetian_qiniucloud_file" type="file" multiple="multiple" accept="" />
</form>
</div>
<script>
function app_puyuetian_qiniucloudupload(file) {
QiNiuUploading = true;
var formData = new FormData($('#app_puyuetian_qiniucloud_form')[0]);
formData.append("file", file);
var fname = file.name.split('.');
var suffix = (fname[(fname.length - 1)] || '').toLowerCase();
$.ajax({
url: "http://upload.qiniup.com",
dataType: 'JSON',
type: 'POST',
async: false,
data: formData,
processData: false,
contentType: false,
success: function(data) {
//console.log(data);
var fileurl = data['url'];
if ('jpeg,jpg,gif,png,bmp'.split(',').indexOf(suffix) > -1) {
// 是否添加水印
var wm = "imageView2/0/q/75|watermark/1/image/aHR0cDovL2Nkbi45MC1saW5rLmNvbS93ZWIvc2h1aS5wbmc=/dissolve/25/gravity/SouthEast/dx/10/dy/10";
if (wm) {
fileurl += '?' + wm;
}
// 图片文件
PytCmd('inserthtml', false, '<img src="' + fileurl + '" alt="Image">');
} else if ('mp3,ogg,wav'.split(',').indexOf(suffix) > -1) {
// 音频文件
PytCmd('inserthtml', false, '<p><audio controls><source src="' + fileurl + '" type="audio/mp3"><embed src="' + fileurl + '" type="audio/mp3"></audio></p><p> </p>');
} else if ('mp4,ogg,mov,avi,mid,flash,3gp,rm,rmvb,mkv'.split(',').indexOf(suffix) > -1) {
// 视频文件
PytCmd('inserthtml', false,
'<p><video src="' + fileurl +
'" controls style="max-width:100%"></video></p><p> </p>');
} else {
PytCmd('inserthtml', false,
'<a class="pk-text-primary pk-hover-underline" target="_blank" href="' + fileurl + '" title="点击进入下载"><span class="fa fa-download fa-fw"></span>' + data['key'] + '（云文件：' + parseInt(data['filesize'] / 1024) + 'KB）</a>');
}
},
error: function(response) {
console.log(response);
},
complete: function() {
QiNiuUploading = false;
//$('#app_puyuetian_qiniucloud_file').val('');
}
});
}
function app_puyuetian_qiniucloud_cancel() {
pkpopup.close(QiNiuUploadStatus);
QiNiuUploadStatus = false;
clearInterval(QiNiuUploadInterval);
QiNiuUploading = false;
$('#app_puyuetian_qiniucloud_file').val('');
}
var QiNiuUploadStatus = false;
var QiNiuUploadInterval = false;
var QiNiuUploading = false;
$(function() {
$('#app_puyuetian_qiniucloud_file').on('change', function() {
formObj = $('#app_puyuetian_qiniucloud_form');
var files = this.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var fname = file.name.split('.');
var suffix = (fname[(fname.length - 1)] || '').toLowerCase();
var suffixs = "".toLowerCase();
if (!file.name || !file.size) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]未选择文件或文件过小"
});
this.value = '';
return false;
}
if (file.size > formObj[0].MAX_FILE_SIZE.value) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]文件超过了3000KB"
});
this.value = '';
return false;
}
if (suffixs && suffixs.split('|').indexOf(suffix) == -1) {
ppp({
type: 3,
icon: 2,
content: "[" + file.name + "]不被允许上传的后缀：" + suffix
});
this.value = '';
return false;
}
}
// 整理上传
var n = 0;
var pid = QiNiuUploadStatus = ppp({
type: 4,
shade: 1,
content: '正在上传（<span class="_n">0</span>/' + files.length + '）'
});
$('#pkpopup_' + QiNiuUploadStatus + ' .pk-popup-body').append('<div style="height:60px;line-height:60px;position:absolute;top:5px;right:25px"><a class="pk-text-secondary pk-hover-underline pk-float-right" href="javascript:;" onclick="app_puyuetian_qiniucloud_cancel()">取消上传</a></div>');
QiNiuUploadInterval = setInterval(function() {
if (QiNiuUploading) {
return false;
}
if (n > files.length - 1) {
app_puyuetian_qiniucloud_cancel();
return false;
}
$('#pkpopup_' + pid).find('span._n').html(n + 1);
var file = files[n];
var mydate = new Date();
var _y = mydate.getFullYear();
var _m = mydate.getMonth() + 1;
if (_m < 10) {
_m = '0' + _m;
}
var _d = mydate.getDate();
if (_d < 10) {
_d = '0' + _d;
}
var _h = mydate.getHours();
if (_h < 10) {
_h = '0' + _h;
}
var _i = mydate.getMinutes();
if (_i < 10) {
_i = '0' + _i;
}
var _s = mydate.getSeconds();
if (_s < 10) {
_s = '0' + _s;
}
formObj[0].key.value = $_USER['ID'] + '_' + _y + '' + _m + '' + _d + '' + _h + '' + _i + '' + _s + '_' + (n + 1) + '.' + suffix;
app_puyuetian_qiniucloudupload(file);
n++;
}, 200);
});
var _load = function() {
var o = $("#PytToolbar:eq(0)");
if (!Cnum("0")) {
o.append('<span id="PytQiniuBtn" title="用七牛云上传文件"></span>');
o.find('#PytQiniuBtn').css({
backgroundImage: 'url(app/puyuetian_qiniucloud/logo.png)',
backgroundSize: '100% 100%',
backgroundPosition: '0 0'
}).on('click', function() {
var hz = "";
if (hz) {
hz = '.' + hz.replace(/\|/ig, ',.');
}
$('#app_puyuetian_qiniucloud_file').attr({
accept: hz
}).click();
});
}
if (Cnum("1")) {
$('#PytImageBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'image/*'
}).click();
});
}
if (Cnum("0")) {
var hz = "jpg|jpeg|gif|bmp|png|zip|rar|txt|doc|apk";
if (hz) {
hz = '.' + hz.replace(/\|/ig, ',.');
}
$('#PytFileBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: hz
}).click();
});
}
if (Cnum("0")) {
$('#PytVideoBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'video/*'
}).click();
});
}
if (Cnum("0")) {
$('#PytMusicBtn').attr('onclick', '').on('click', function() {
$('#app_puyuetian_qiniucloud_file').attr({
accept: 'audio/*'
}).click();
});
}
}
var _init = setInterval(function() {
if ($("#PytToolbar").length) {
_load();
clearInterval(_init);
}
}, 200);
setTimeout(function() {
clearInterval(_init);
}, 5000);
});
</script>
<style>
.pk-heiyiren-kuandu {
position: relative;
margin: 25px 20px;
padding: 30px 10px 20px;
}
.pk-heiyiren-bq {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;text-align:left;font-size:15px;margin: 0 20px ;
}
</style>
<div class="pk-hide pk-heiyiren-haha">
<div style="background-color:#f8f8fa;border:2px dashed #5551f9;border-radius:8px" class="pk-heiyiren-kuandu ">
<div style="font-size:18px;color: #fff;background:#5551f9;margin:0 20px 25px;padding: 4 25px;text-align:center;border-radius: 8px;">免责声明</div>
<div class="pk-heiyiren-bq">
<ul>
<li>1、本网站所刊载的文章，不代表本网站赞同其观点和对其真实性负责，仅供参考和借鉴。</li>
<li>2、文章中的图片和文字版权归原作者所有，如有侵权请及时联系我们，我们将尽快处理。</li>
<li>3、文章中提到的任何产品或服务，本网站不对其性能、质量、适用性、可靠性、安全性、法律合规性等方面做出任何保证或承诺，仅供读者参考，使用者自行承担风险。</li>
<li> 4、本网站不承担任何因使用本站提供的信息、服务或产品而产生的直接、间接、附带或衍生的损失或责任，使用者应自行承担一切风险。</li>
</ul>
<br>
<div>侵权删除请致信 E-Mail：<span style="color:#5551f9;">3454251265@qq.com</span></div>
</div>
</div>
</div>
<script>
$(function() {
$('.readcontent').append($('.pk-heiyiren-haha').html());
});
</script>
<script>
$(function(){
if($(window).width()>100){
$('img[alt="Image"]').click(function(){
var $url=$(this).attr('src');
var $lh = $(window).height();
$('body').append('<div class="pk-alert-bg"></div><div class="pk-alert pk-padding-15 pk-text-center" style="line-height:' + $lh + 'px;overflow:auto" onclick="pkalert(false)"><img id="pk-lookimage" src="' + $url + '" style="width:auto;height:auto;max-width:none;"></div>');
});
}
});
</script><style type="text/css" media="screen" id="test">
img{border-radius:8px;transition: all 0.25s;}
img:hover{transform: scale(1.03);}
</style>
<script type="text/javascript">
$('.readcontent').each(function(i){
$(this).removeClass('pk-text-sm');
});
$('.replycontent').each(function(i){
$(this).removeClass('pk-text-xs');
});
$('.aui-card-list-content-padded').each(function(i){
$(this).addClass('replycontent');
});
</script>
<style type="text/css" media="screen">
.readcontent{line-height:32px;color:#333;font-size:16px}
.replycontent{margin-top:5px;line-height:32px;color:#242424;font-size:16px}
</style>
<link href="app/puyuetian_codebox/template/css/css.css" rel="stylesheet" />
<script src="app/puyuetian_codebox/template/js/js.js"></script>
<script>
$(function () {
_puyuetian_codebox({
selector: '.readcontent pre,.readcontent code',
theme: "green",
copy: parseInt("1"),
edit: parseInt("0")
});
});
</script>
<!--
Success:"puyuetian_seopostread:embed"
Success:"puyuetianeditor:embed"
Success:"puyuetian_search:embed"
Success:"hadskycloudserver:embed"
Success:"systememail:load"
Success:"puyuetian_readcontact:embed"
Success:"puyuetian_prevnextreadlist:embed"
Success:"puyuetian_qiniucloud:embed"
Success:"heiyiren_bq:embed"
Success:"heiyiren_tu:embed"
Success:"puyuetian_codebox:embed"
Load HadSky Apps Total 11
-->
</body>
</html>
<!-- Powered by HadSky v7.12.10 -->
