洛谷首页代码（百度编译器）

最新推荐文章于 2024-09-21 15:31:00 发布

luoguguanfang

最新推荐文章于 2024-09-21 15:31:00 发布

阅读量1.7k

点赞数

分类专栏：源代码文章标签：编辑器

本文链接：https://blog.csdn.net/luoguguanfang/article/details/124504846

版权

本文介绍了如何查看知名编程网站洛谷的首页源代码，通过简单操作Ctrl+U，即可获取未登录状态下的页面HTML，对于理解网页结构和学习前端开发具有参考价值。

摘要由CSDN通过智能技术生成

洛谷是一个国内著名编程网站；分享一下他首页的未登录源代码：


<!DOCTYPE html>
<html class="no-js" lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页 - 洛谷 | 计算机科学教育新生态</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="csrf-token" content="1651325508:iJ6kInkBHVVo3LuZQSSmuUAQoTwOPurD+87kk2OSnwE=">
<meta name="keywords" content="洛谷,洛谷Online judge,noip,noi,信息学,信息学竞赛,acm,竞赛,onlineJudge,洛谷Onlinejudge,信息学学习" />
<meta name="description" content="洛谷创办于2013年，致力于为参加noip、noi、acm的选手提供清爽、快捷的编程体验。它拥有在线测题系统、强大的社区、在线学习功能。很多教程内容由各位oiers提供的，内容广泛。无论是初学oi的蒟蒻，还是久经沙场的神犇，均可从中获益，也可以帮助他人，共同进步。是学习noip等竞赛时理想的网站。" />
<meta http-equiv="Content-Security-Policy" content="default-src 'unsafe-inline' 'unsafe-eval' luogu.com.cn *.luogu.com.cn luogu.org *.luogu.org *.cnzz.com luoguprivate.oss-cn-hangzhou.aliyuncs.com luogu.oss-cn-hangzhou.aliyuncs.com wss: blob:; img-src * data:; font-src * data:; frame-src https://player.bilibili.com https://www.bilibili.com">
<link rel="stylesheet" href="https://cdn.luogu.com.cn/css/amazeui.min.css"/>
<link rel="stylesheet" href="https://cdn.luogu.com.cn/css/katex.min.css"/>
<link rel="stylesheet" href="https://cdn.luogu.com.cn/css/luogu3.css?ver=20190102">
<link rel="stylesheet" href="https://cdn.luogu.com.cn/css/highlight_tomorrow.css">
<link rel="stylesheet" href="https://cdn.luogu.com.cn/markdown-palettes/markdown-palettes.css?ver=20190219">
<script src="https://cdn.luogu.com.cn/js/jquery-2.1.1.min.js"></script>
<script src="https://cdn.luogu.com.cn/js/luogu3_pre.js?ver=20190101"></script>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" media="screen"/>
<link rel="stylesheet" href="https://cdn.luogu.com.cn/fe/loader.css?ver=20220331-1">
<script>window._feInjection = JSON.parse(decodeURIComponent("%7B%22code%22%3A200%2C%22currentUser%22%3Anull%2C%22currentTemplate%22%3A%22Excited%22%2C%22currentData%22%3A%7B%22shortHeader%22%3Atrue%2C%22pageName%22%3A%22%5Cu6d1b%5Cu8c37%22%2C%22title%22%3A%22%5Cu9996%5Cu9875%22%7D%7D"));window._feConfigVersion=1648217302;window._tagVersion=1651236002;</script>
<script>window._release = '20220331-1';</script>
<script src="https://cdn.luogu.com.cn/fe/loader.js?ver=20220331-1" charset="utf-8" defer></script>
</head>
<body>
<div id="app"></div>
<script>
function scrollToId (id) {
$('html, body').animate({
scrollTop: ($('#' + id).offset().top)
}, 500);
}
</script>
<style>
.lg-toolbar {
display: none;
}
#app-old{
display: block;
margin-bottom: 2em;
/* position: relative;*/
box-sizing: border-box;
max-width: 100%;
}
code {
font-family: monospace, "Courier New";
}
</style>
<div id="app-old">
<script>
</script>
<div class="lg-index-content am-center ">
<div class="am-g">
<div class="am-u-md-12 ">
<div class="lg-article">
<div class="am-g">
<div class="am-u-md-8">
<div class="am-slider am-slider-default" data-am-flexslider id="lg-slider">
<ul class="am-slides">
<li><a target="_blank" href = "【数据结构/动规/数学】进阶算法专题课程 - 洛谷"><img src='http://ipic.luogu.com.cn/yugu22s/wuyi/banner2.png'/></a></li><li><a target="_blank" href = "【LGR-108】洛谷 5 月月赛 I & JROI R4 Div.2 - 比赛详情 - 洛谷"><img src='https://cdn.luogu.com.cn/upload/image_hosting/4pwnfty9.png'/></a></li><li><a target="_blank" href = "出错了 - 洛谷"><img src='https://ipic.luogu.com.cn/yugu22s/rmjc/01.png'/></a></li><li><a target="_blank" href = "出错了 - 洛谷"><img src='https://ipic.luogu.com.cn/lgbook4/banner.png'/></a></li><li><a target="_blank" href = "https://item.taobao.com/item.htm?id=637730514783"><img src='https://cdn.luogu.com.cn/upload/image_hosting/v70qsqm4.png'/></a></li><li><a target="_blank" href = "【日报#391】浅谈 Method of Four Russians - 洛谷"><img src='https://cdn.luogu.com.cn/upload/pic/22071.png'/></a></li> </ul>
</div>
</div>
<div class="am-u-md-4 lg-punch am-text-center">
<div class="lg-punch-padding am-show-lg"></div>
<div class="lg-index-calendar lg-fg-greendark">
<span class="lg-punch-small ">四月小</span>
<span class="lg-punch-big">29</span>
<span class="lg-punch-small ">星期五</span>
</div>
<div class="am-g">
<div class="am-u-sm-12 lg-small">
<!--距 <strong>NOI2017</strong> 还剩 <strong>-1747 天</strong><br>-->
距 <strong>CSP-J/S 2022 第一轮</strong> 还剩 <strong>140 天</strong><br>
距 <strong>CSP-J/S 2022 第二轮</strong> 还剩 <strong>175 天</strong><br>
<!--距 <strong>NOIP 2022</strong> 还剩 <strong>203 天</strong><br>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="am-g">
<div class="am-u-md-3">
<div class="lg-article lg-index-stat">
<h2>问题跳转</h2>
<div class="am-input-group am-input-group-primary am-input-group-sm">
<input type="text" class="am-form-field" placeholder="例：P1001，可跳至A+B" name="toproblem">
</div>
<p>
<button class="am-btn am-btn-danger am-btn-sm" name="goto">跳转</button>
<button class="am-btn am-btn-primary am-btn-sm" name="gotorandom">随机跳题</button>
</p>
</div>
</div>
<div class="am-u-md-9">
<div class="lg-article lg-index-stat" style="padding: 0">
<div class=" am-g" style="padding: 15px">
<div class="am-u-md-4 am-text-center">
<img src="/images/index/step1.png" width="250">
</div>
<div class="am-u-md-4 am-text-center">
<img src="/images/index/step2.png" width="250">
</div>
<div class="am-u-md-4 am-text-center">
<img src="/images/index/step3.png" width="250">
</div>
</div>
</div>
</div>
</div>
<div class="am-g">
<div class="am-u-lg-3 am-u-md-4 lg-right">
<div class="lg-article">
<h2>本站公告</h2>
<p><a data-pjax href="/discuss/241461">洛谷新用户必读</a></p>
<p><a data-pjax href="/discuss/244341">【集合贴】公告整合贴</a></p>
<p><a data-pjax href="/discuss/174811">洛谷主题库题目规范</a></p>
<p><a data-pjax href="/discuss/174934">题解审核及反馈要求</a></p>
<p><a data-pjax href="/discuss/174936">公开比赛要求</a></p>
<p><a data-pjax href="/discuss/327478">管理员名单</a></p>
<p><a data-pjax href="/discuss/86673">评测机语言环境信息</a></p>
<p><a data-pjax href="/discuss/223773">洛谷更新日志</a></p>
</div>
<div class="lg-article am-hide-sm">
<h2>友情链接</h2>
<p>
<strong>推荐题库</strong><br>
<a href="https://loj.ac/" target="_blank"&g