Home Web Front-end HTML Tutorial HEXO specifies 404 page_html/css_WEB-ITnose

HEXO specifies 404 page_html/css_WEB-ITnose

Jun 24, 2016 am 11:57 AM
404 designation page

HEXO specifies 404 page
Since Hexo is hosted on github, adding a 404 page is very easy. You only need to create a new 404 page under xxx.github.io. The code is as follows:

                        <p class="sycode">                            1                        </p>                        <p class="sycode">                            2                        </p>                        <p class="sycode">                            3                        </p>                        <p class="sycode">                            4                        </p>                        <p class="sycode">                            5                        </p>                        <p class="sycode">                            6                        </p>                        <p class="sycode">                            7                        </p>                        <p class="sycode">                            8                        </p>                        <p class="sycode">                            9                        </p>                        <p class="sycode">                            10                        </p>
Copy after login
                        <p class="sycode">                      <!DOCTYPE html>                        </p>                        <p class="sycode">                      <html lang="en">                        </p>                        <p class="sycode">                      <head>                        </p>                        <p class="sycode">               	       <meta charset="UTF-8">                        </p>                        <p class="sycode">               	       <title>404       </title>                        </p>                        <p class="sycode">                      </head>                        </p>                        <p class="sycode">                      <body>                        </p>                        <p class="sycode">                            	自定义                        </p>                        <p class="sycode">                      </body>                        </p>                        <p class="sycode">                      </html>                        </p>
Copy after login

We can also use Tencent’s public welfare 404 page
and just copy the javascript code in the page into our code

                        <p class="sycode">                            1                        </p>                        <p class="sycode">                            2                        </p>                        <p class="sycode">                            3                        </p>                        <p class="sycode">                            4                        </p>                        <p class="sycode">                            5                        </p>                        <p class="sycode">                            6                        </p>                        <p class="sycode">                            7                        </p>                        <p class="sycode">                            8                        </p>                        <p class="sycode">                            9                        </p>                        <p class="sycode">                            10                        </p>                        

11

Copy after login
                        <p class="sycode">                      <!DOCTYPE html>                        </p>                        <p class="sycode">                      <html lang="en">                        </p>                        <p class="sycode">                      <head>]\                        </p>                        <p class="sycode">	                        </p>                        <p class="sycode">               	       <meta charset="UTF-8">                        </p>                        <p class="sycode">               	       <title>404       </title>                        </p>                        <p class="sycode">                      </head>                        </p>                        <p class="sycode">                      <body>                        </p>                        <p class="sycode">               	       <script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8">              </script>                        </p>                        <p class="sycode">                      </body>                        </p>                        <p class="sycode">                      </html>                        </p>
Copy after login

as shown below :

At this time you will find that when you deploy hexo again, the 404 page on github has been deleted again. This is because your hexo does not have this file in your local folder, so it will be gone as soon as it is synchronized. Even if you add it in the local root directory, hexo will delete it.

Therefore, this 404 page should be placed under the source directory. (Note, do not put it in the post under source)
Files placed under source will be uploaded but will not be parsed into the article. The source directory structure is as follows

This You're done

Enter a non-existent domain name and you will see the results

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to copy a page in Word How to copy a page in Word Feb 20, 2024 am 10:09 AM

Want to copy a page in Microsoft Word and keep the formatting intact? This is a smart idea because duplicating pages in Word can be a useful time-saving technique when you want to create multiple copies of a specific document layout or format. This guide will walk you through the step-by-step process of copying pages in Word, whether you are creating a template or copying a specific page in a document. These simple instructions are designed to help you easily recreate your page without having to start from scratch. Why copy pages in Microsoft Word? There are several reasons why copying pages in Word is very beneficial: When you have a document with a specific layout or format that you want to copy. Unlike recreating the entire page from scratch

Is the 404 code a front-end or back-end problem? Is the 404 code a front-end or back-end problem? Jun 12, 2023 pm 01:53 PM

404 codes are situation-specific and can be either front-end or back-end issues. In some cases, 404 errors can come from problems on the client side, such as spelling in the URL path that results in the page not being found. In other cases, , 404 errors may be caused by the web application not responding to the request correctly, such as missing interface implementation or empty database query results.

How to customize and edit standby mode on iPhone: What's new in iOS 17 How to customize and edit standby mode on iPhone: What's new in iOS 17 Sep 21, 2023 pm 04:01 PM

Standby is a new feature in the iOS 17 update that provides a new and enhanced way to access information when your phone is idle quickly. With StandBy, you can conveniently check the time, view upcoming events, browse your calendar, get weather updates for your location, and more. Once activated, the iPhone will intuitively enter standby mode when set to landscape while charging. This feature is perfect for wireless charging points like your bedside table, or when you're away from your iPhone charging during daily tasks. It allows you to swipe through various widgets displayed in standby to access different sets of information from various applications. However, you may want to modify these widgets or even delete some based on your preferences and the information you need frequently. So let's dive into

How to quickly refresh a web page? How to quickly refresh a web page? Feb 18, 2024 pm 01:14 PM

Page refresh is very common in our daily network use. When we visit a web page, we sometimes encounter some problems, such as the web page not loading or displaying abnormally, etc. At this time, we usually choose to refresh the page to solve the problem, so how to refresh the page quickly? Let’s discuss the shortcut keys for page refresh. The page refresh shortcut key is a method to quickly refresh the current web page through keyboard operations. In different operating systems and browsers, the shortcut keys for page refresh may be different. Below we use the common W

How to deal with the problem that Laravel page cannot display CSS correctly How to deal with the problem that Laravel page cannot display CSS correctly Mar 10, 2024 am 11:33 AM

"Methods to handle Laravel pages that cannot display CSS correctly, need specific code examples" When using the Laravel framework to develop web applications, sometimes you will encounter the problem that the page cannot display CSS styles correctly, which may cause the page to render abnormal styles. Affect user experience. This article will introduce some methods to deal with the failure of Laravel pages to display CSS correctly, and provide specific code examples to help developers solve this common problem. 1. Check the file path. First check the path of the CSS file.

How to Rearrange, Disable, and Delete iPhone Home Screen Pages How to Rearrange, Disable, and Delete iPhone Home Screen Pages Nov 29, 2023 am 08:22 AM

In iOS, Apple allows you to disable individual home screen pages on your iPhone. It's also possible to rearrange the order of home screen pages and delete pages directly instead of just disabling them. Here's how it works. How to Rearrange Home Screen Pages Touch and hold Space on the Home screen to enter jitter mode. Tap the row of dots that represent Home screen pages. In the Home screen grid that appears, touch and drag a page to rearrange it relative to other pages. Others move in response to your dragging. When you're happy with your new arrangement, tap "Done" in the upper right corner of the screen, then tap "Done" again to exit dither mode. How to Disable or Remove Home Screen Pages Touch and hold Space on the Home screen to enter dither mode. Tap to represent home screen

How to implement page jump in 3 seconds: PHP Programming Guide How to implement page jump in 3 seconds: PHP Programming Guide Mar 25, 2024 am 10:42 AM

Title: Implementation method of page jump in 3 seconds: PHP Programming Guide In web development, page jump is a common operation. Generally, we use meta tags in HTML or JavaScript methods to jump to pages. However, in some specific cases, we need to perform page jumps on the server side. This article will introduce how to use PHP programming to implement a function that automatically jumps to a specified page within 3 seconds, and will also give specific code examples. The basic principle of page jump using PHP. PHP is a kind of

Use ThinkPHP6 to implement a beautiful 404 page Use ThinkPHP6 to implement a beautiful 404 page Jun 20, 2023 am 11:06 AM

As the Internet develops, many websites or applications have gradually become more complex. When users use it, they often encounter error pages, the most common of which is the 404 page. The 404 page means that the page being accessed does not exist and is a common error page. For websites or applications, a beautiful 404 page can greatly improve the user experience. In this article, we will introduce how to use ThinkPHP6 to quickly implement a beautiful 404 page. Create a route First, we need to create an err in the route folder

See all articles