首页 > 其他分享 >404页面的定制

404页面的定制

时间:2023-05-11 10:11:55浏览次数:29  
标签:copy width 404 定制 font border 页面

目录

开设路径

# 个人站点页面
    re_path('^(?P<username>\w+)/$', views.site),

视图函数返回页面

# 个人站点页面
def site(request, username):
    # 根据用户名查询用户信息
    user_obj = models.UserInfo.objects.filter(username=username).first()
    print(user_obj)
    if  not user_obj:
        return render(request, '404.html')
    return render(request, 'site.html')

仿博客园404页面

<html><head>
    <meta charset="utf-8">
    <link rel="icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon">
    <title>404 页面不存在 - 博客园</title>
    <style type="text/css">
        body {
            margin: 8% auto 0;
            max-width: 400px;
            min-height: 200px;
            padding: 10px;
            font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
            font-size: 14px;
            padding-right: 200px;
            position: relative;
        }
        p { color: #555;margin: 15px 0px; }
        img { border: 0px; }
        .d { color: #404040; }
        .robot img { max-width: 192px; }
        .robot { position: absolute; top: 0; right: 0; }
    </style>
<style type="text/css">#_copy{align-items:center;background:#4494d5;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;width:60px;z-index:1000}#select-tooltip,#sfModal,.modal-backdrop,div[id^=reader-helper]{display:none!important}.modal-open{overflow:auto!important}._sf_adjust_body{padding-right:0!important}.super_copy_btns_div{position:fixed;width:154px;left:10px;top:45%;background:#e7f1ff;border:2px solid #4595d5;font-weight:600;border-radius:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;z-index:5000}.super_copy_btns_logo{width:100%;background:#4595d5;text-align:center;font-size:12px;color:#e7f1ff;line-height:30px;height:30px}.super_copy_btns_btn{display:block;width:128px;height:28px;background:#7f5711;border-radius:4px;color:#fff;font-size:12px;border:0;outline:0;margin:8px auto;font-weight:700;cursor:pointer;opacity:.9}.super_copy_btns_btn:hover{opacity:.8}.super_copy_btns_btn:active{opacity:1}</style></head>
<body>
    <p style="margin-left: 5px;"><a href="https://www.cnblogs.com/"><img src="/static/img/logo.svg" style="height:45px" alt="cnblogs"></a></p>
    <div style="margin-top:20px">
        <p style=""><b style="">404.</b> 抱歉,您访问的资源不存在。</p>
        <p class="d">可能是网址有误,或者对应的内容被删除,或者处于私有状态。</p>
        <p style="color:#777;">代码改变世界,联系邮箱 [email protected]</p>
        <p><a href="https://www.cnblogs.com/cmt/p/17320765.html">园子的商业化努力-困境求助:开设捐助通道</a></p>
    </div>
    <div class="robot"><a href="//www.cnblogs.com/cmt/articles/13940458.html"><img src="/static/img/img_4.png" alt="404 robot"></a></div>
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4CQQXWHK3C"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-4CQQXWHK3C');
    </script>

</body></html>

ps:图片防盗链
在请求头里面有个参数 referer参数可以区分出地址是从哪来的
referer参数指代的是上一次访问的路径地址,就是你这个地址是从哪过来的

标签:copy,width,404,定制,font,border,页面
From: https://www.cnblogs.com/yuezongke/p/17390212.html

相关文章

  • uniapp跳转到一个原生的页面
    一、创建原生页面并配置1.创建原生页面Demo2.配置原生页面继承Activity二、在继承UniModule的类中写对应的页面跳转逻辑三、在uniapp中配置跳转的按钮四、将打包好的本地资源替换到项目中,打包运行1.本地资源打包2.替换掉AndroidStudio项目中的文件3.编译运行,点击进入小镜......
  • .Net Core 3. VS2022 + Core6.0 + Razor Razor 页面
    列表页Pages/Movies/Index.cshtml.csRazor页面派生自 PageModel。按照约定,PageModel 派生的类称为 PageNameModel。例如,“索引”页命名为 IndexModel。这里使用IndexModel的构造函数,通过依赖注入的方式,将数据上下文对象StandardCoreStudyContext添加到页面中。......
  • 不同应用场景瑞芯微RK3568主板方案定制
    随着物联网和智能设备的迅猛发展,瑞芯微RK3568主板方案作为一种高性能的系统System-on-a-chip(SoC),已经成为嵌入式系统、智能家居设备和工业自动化设备等应用场景的首选方案。定制瑞芯微RK3568主板方案可以满足不同应用场景的需求,同时也为企业提供了更多的商业机会。▎行业应用万象......
  • 学习video相关事件及vue中监听切出页面方法
    1.vue中监听切出页面方法使用到的事件为:visibilitychangevisibilitychange是浏览器新添加的一个事件,当浏览器当前页面被最小化或切换浏览器其他标签页后者从其他页面或应用返回到当前标签页都会触发这个事件。document.visibilityState共有四个值:hidden:文档处于背景标签......
  • 利用css var函数让你的组件样式输出规范样式API,可定制性更高;
    我们平时在使用ElementuiAntdesing这些UI库时,难免会碰到使用deep强行侵入式去修改组件内部样式的情况; 比如下列代码,我们需要把ant的分页样式进行高度自定义,就得使用deep去修改; 这种实现方式确实能够达到我们的目的,但在开发时确总觉得不太合适:1、他属于强行入侵组件内部去......
  • 搜索网站时出现:该页面可能存在违法信息,解决方案,申诉可以打开。
    在搜索网站网址的时候,或是搜公司名称的时候,会出现提示:该页面可能存在违法信息,如下图。 1、网站已经被篡改这是搜索出现结果,出现此提示,说明网站已经被攻击,或被挂木马,这种情况出现有时网站是可以正常访问的,有的时候是网站直接打不开,我们查看了一下网站源代码,发现网站标题、关键......
  • 使用NineData定制企业级数据库规范
    1.为什么需要数据库规范?在企业级应用中,数据库是非常重要的一部分,它们存储着公司的核心数据,包括客户信息、订单、产品信息等等。如果这些数据没有得到妥善的管理,那么就会导致数据不一致、数据丢失、数据泄露等问题,这些问题可能会对公司的运营和声誉造成严重的影响。2.NineData......
  • 分段选择器(好用的第三方)---滑动选择对应不同的控制器页面--点击选择不同的控制器页面
    http://code.cocoachina.com/list/14/2http://code.cocoachina.com/view/129164用名字搜索比如说:LGSegments等~~~......
  • 谷歌搜索引擎页面变成外语,怎么调回来
    先看官方答案,这净扯这些没用的更改网页版中显示的语言-计算机-Google帐号帮助 看了一遍没看明白,也没有看到与language相关的选项后来在另一台电脑上用中文版的找到设置入口了 我就在想,为什么之前没找到这个language呢?原来是我的浏览器放大比例太大了,导致没有显示全,哈......
  • 如何在VSCode Webview中打开一个新的页面
    上一篇我介绍了如何在VSCodeWebview中实现点击链接下载图片或文件,本文介绍如何在默认浏览器中打开一个新的页面。在浏览器中,如果要实现打开一个新的页面有许多种不同的方法,例如:window.open("https://www.cnblogs.com/jaxu","_blank");或者直接在页面上放一个<a......