编程知识 cdmana.com

J'ai même joué à des jeux sur csdn??,Apprenez - vous à utiliser la page github pour placer des jeux sur la page d'accueil de csdn

D'accord.! Une nouvelle façon de pêcher.
Quand vous regardez ma page d'accueil ou mon blog , Il y a un petit jeu à gauche. hiahiahia:

Insérer la description de l'image ici
C'est principalement pargithub page Création d'une petite page de jeu ,Et à traversiframeIntégré danshtmlC'est fait., C'est déjà fait pour le grand. , Un débutant comme moi peut continuer à regarder en bas . Voici les étapes de mise en œuvre


1github pageCréation

1.1 InscriptiongithubNuméro de compte

La plus grande difficulté est probablement de calculer rapidement la somme des points de dé. , Le processus d'inscription en ligne est très détaillé , Tout le monde peut fouiller. .

1.2 Créer un entrepôt public
Il faut ouvrir l'entrepôt. , Et puis, pour ne pas avoir de page d'accueil personnelle, voler un nom de domaine , Le nom de l'entrepôt n'a pas besoin d'être nommé Nom du compte.github.io, Prends l'un ou l'autre.
Insérer la description de l'image ici
1.3 Exigences relatives aux documents en entrepôt
L'entrepôt doit être connu sous le nom de index.html Documents:

Insérer la description de l'image ici
1.4 Téléchargement d'images pour le jeu github Et si le chargement arrière est lent?

Conseils magiques :
Nous avons téléchargé l'image CSDN Il y a un lien après l'image :

Insérer la description de l'image ici
Nous pouvons CSS Le fichier utilise ce lien , L'image est beaucoup plus rapide. ,Mizzi!:

Insérer la description de l'image ici
1.5 Set togithub page

Cliquez sursettings:
Insérer la description de l'image ici
On peut le voir en traînant vers le bas. :
Insérer la description de l'image ici
Sélectionner la branche source après ouverture :

Insérer la description de l'image ici
Terminé.github page Les liens sont affichés après la configuration , Je ne vais pas le montrer. :

Insérer la description de l'image ici
Cliquez sur le lien pour trouver le jeu affiché , Il est recommandé de revoir le lien plus tard , Parce que la page prend un certain temps à configurer et à afficher

2 Jeu d'affichage de la page d'accueil personnelle

2.1 Modifier l'emplacement de la page d'accueil personnelle
Adoption:Gestion du contenu->Modules personnalisés Vous pouvez accéder à cette page :
Mais seulementvip Et des experts en blogging pour éditer ce contenu ...
Insérer la description de l'image ici
Écrit dans le contenu de la colonne htmlC'est tout.

2.2Inhtml Affichage intérieur html
En fait, si vous voulez afficher le jeu, vous pouvez écrire le code suivant et le copier dans Boîte de contenu de la colonne Intérieur:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Titre</title>
</head>
<body>
<iframe src=" Votre lien précédent " frameBorder="0" width="250" scrolling="no" height="280"></iframe>
</body>
</html>

2.3 Code complet de ma page d'accueil personnelle

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>slandarerIntroduction à</title>
</head>
<body>

<font color="#2F4A5D" size=3>
    <b>
    [0]Ici.slandarerBlog de</br>
</b>
</font>  

<font color="#6A869B" size=2>
     Il n'y a actuellement aucun numéro public personnel , C'est la première fois qu'on le crée. </br>
</font>

<br />
<iframe src="https://slandarer.github.io/smalldogame/" frameBorder="0" width="250" scrolling="no" height="280"></iframe>

<br />
<font color="#4A452A" size=2>
    <b>
    [1]  Quelques projets personnels intéressants et applets ( Cliquez sur l'image ou le lien pour accéder au blog ):</br> 
</b>
</font> 

<br />
<marquee>
    <a href="https://blog.csdn.net/slandarer/article/details/118521735"><font color="#7388C1" size=2> Constructeur d'affiches de chantier </font></a>&#160&#160
    <a href="https://blog.csdn.net/slandarer/article/details/117451019"><font color="#625BA1" size=2> Album annulaire </font></a>&#160&#160
    <a href="https://blog.csdn.net/slandarer/article/details/118161500"><font color="#8F63A2" size=2> Générateur de carburant </font></a>
</marquee>
<br />
<marquee>
    <a href="https://blog.csdn.net/slandarer/article/details/117304136"><font color="#426EB5" size=2> Dessin de bobines ? Avec rendu de couleur </font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/116528717"><font color="#8272B0" size=2> Jeux de puzzle au sens propre du terme </font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/116382472"><font color="#C7B7D2" size=2> Affiche de mise en évidence </font></a>
</marquee>
<br />
<marquee>
    <a href="https://blog.csdn.net/slandarer/article/details/116325539"><font color="#6EC3C8" size=2> Affiche du vent de défaut </font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/115800369"><font color="#7388C1" size=2> Stylisation trigonométrique des images  (low poly)</font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/115709803"><font color="#9AD0D2" size=2> Dessin du tissu avec plis </font></a>&#160&#160
    <a href="https://blog.csdn.net/slandarer/article/details/107160568"><font color="#6EC3C8" size=2>3D Rose Painting </font></a>
</marquee>
<br />
<marquee>
    <a href="https://blog.csdn.net/slandarer/article/details/109558919"><font color="#2F4A5D" size=2>MATLAB  Edition Monopoly </font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/108734172"><font color="#C9E3D6" size=2> Balance des équations chimiques </font></a>&#160&#160  
    <a href="https://blog.csdn.net/slandarer/article/details/108120501"><font color="#99D1D2" size=2> Regarder des jeux </font></a>
</marquee>
<br />
<font color="#A17C84" size=2>
    <b>
    <br />
    >> Belle photo. </br> 
</b>
</font> 
<a href="https://blog.csdn.net/slandarer/article/details/117048623">
    <img src="https://img-blog.csdnimg.cn/20210703202641236.png" width=115>
</a>
<a href="https://blog.csdn.net/slandarer/article/details/107160568">
    <img src="https://img-blog.csdnimg.cn/20210703202652130.jpg" width=135>
</a></br>

<a href="https://blog.csdn.net/slandarer/article/details/117226977">
    <img src="https://img-blog.csdnimg.cn/20210703202715377.png" width=135>
</a>
<a href="https://blog.csdn.net/slandarer/article/details/110287590">
    <img src="https://img-blog.csdnimg.cn/20210703202708152.png" width=115>
</a>

<font color="#A17C84" size=2>
    <b>
    <br />
    <br />
    >> Beaux effets spéciaux </br> 
    <br />
</b>
</font> 
<a href="https://blog.csdn.net/slandarer/article/details/115457724">
    <img src="https://img-blog.csdnimg.cn/20210703203917422.png" width=120>
</a>
<a href="https://blog.csdn.net/slandarer/article/details/115724116">
    <img src="https://img-blog.csdnimg.cn/20210703203926961.jpg" width=125>
</a>
<font color="#A17C84" size=2>
    <b>
    <br />
    <br />
    >>app designerOutils</br> 
    <br />
</b>
</font> 
<a href="https://blog.csdn.net/slandarer/article/details/115035583">
    <img src="https://img-blog.csdnimg.cn/20210703204606872.jpg" width=400>
</a></br>

<a href="https://blog.csdn.net/slandarer/article/details/113797518">
    <img src="https://img-blog.csdnimg.cn/20210703204532933.jpg" width=400>
</a>
</body>
</html>

3PostScript

Tout le monde sait, J'écris principalement MATLAB Contenu pertinent ,Cette fois, àCSDN Les mini - jeux sur votre page d'accueil ne comptent que sur un peu d'auto - apprentissage de première ligne , Je ne suis peut - être pas en mesure de répondre à toutes les questions de configuration de construction que vous avez soulevées. , Je suis désolé. , Bienvenue à jouer à un petit jeu à gauche en lisant mon blog , Le mode avancé est un peu plus difficile que le mode primaire. .

版权声明
本文为[Slandarer]所创,转载请带上原文链接,感谢
https://cdmana.com/2021/10/20211013205637675m.html

Tags ai jou des jeux sur
Scroll to Top