Skip to content

G
gitcode.host

GitCode / gitcode.host

通知 5
Star 1
Fork 0
G
gitcode.host
切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 6.0 KB
Newer Older
M
init  
miykael 已提交
1 
<!DOCTYPE html>
C
feat:添加404文件等  
csdn 已提交
2 3 4 
<html lang="en">
  <head>
    <meta charset="UTF-8" />
M
init  
miykael 已提交
5 
    <meta
C
feat:添加404文件等  
csdn 已提交
6 7 
      name="viewport"
      content="width=1440, user-scalable=no, target-densitydpi=device-dpi"
M
init  
miykael 已提交
8 
    />
C
feat:添加404文件等  
csdn 已提交
9 
    <link rel="stylesheet" href="./css/index.css" />
M
init  
miykael 已提交
10 11 12 13 14 
    <link
      rel="shortcut icon"
      type="image/png"
      href="https://codechina.csdn.net/uploads/-/system/appearance/favicon/1/logo_icon.png"
    />
C
feat:添加404文件等  
csdn 已提交
15 
    <title>CODE CHINA</title>
M
init  
miykael 已提交
16 
  </head>
C
feat:添加404文件等  
csdn 已提交
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 
  <body class="pages_index">
    <div class="banner">
      <img src="./img/banner.png" width="100%" alt="" class="banner" />
      <a
        href="https://codechina.csdn.net"
        class="codechina"
        target="_blank"
      ></a>
      <a
        href="https://codechina.csdn.net/codechina/help-docs/-/wikis/home"
        class="help"
        target="_blank"
      ></a>
    </div>
    <div class="w">
      <img src="./img/intro.png" width="100%" class="intro" alt="" />
      <h2 class="title">Pages 项目</h2>
      <div class="project_list">
        <div class="item">
          <img
            src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
            alt=""
          />
          <ul>
            <li class="bookname">《程序员》杂志 · 2017精华本</li>
            <li>
              Pages 地址：
              <a
                href="https://codechina.gitcode.host/programmer/2017/"
                target="_blank"
                >点击查看</a
              >
              <a
                href="https://codechina.csdn.net/codechina/programmer/2017"
                target="_blank"
                >项目地址</a
M
init  
miykael 已提交
53 
              >
C
feat:添加404文件等  
csdn 已提交
54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 
            </li>
            <li>
              Pages 模板：
              <span>mdbook</span>
            </li>
            <li class="desc">
              mdbook 可作为文档类/电子书等项目的pages模板来使用。
            </li>
          </ul>
        </div>
        <div class="item">
          <img
            src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
            alt=""
          />
          <ul>
            <li class="bookname">程序员电子书</li>
            <li>
              Pages 地址：
              <a
                href="https://codechina.gitcode.host/programmer/mdbook/"
                target="_blank"
                >点击查看</a
              >
              <a
                href="https://codechina.csdn.net/codechina/programmer"
                target="_blank"
                >项目地址</a
              >
            </li>
            <li>
              Pages 模板：
              <span>hugo</span>
            </li>
            <li class="desc">Hugo 非常适合博客，文档等网站的生成。</li>
          </ul>
M
init  
miykael 已提交
90 91 
        </div>
      </div>
C
feat:添加404文件等  
csdn 已提交
92 93 94 95 96 97 98 99 100 101 102 103 104 105 
      <h2 class="title">Pages 使用介绍</h2>
      <p>Pages 项目可以用于组织/个人的网站项目，也可以用于单独项目的Pages</p>
      <div class="tab">
        <div class="item active" data-index="1">组织或个人 Pages 项目</div>
        <div class="item" data-index="2">项目 Pages</div>
      </div>
      <div class="steps w2">
        <div class="step_item">
          <span class="index">1</span>
          <h4>创建 &lt;namespace&gt;.gitcode.host 项目</h4>
          <p>
            在新建项目时，请确保项目名称以及项目标识串均为&lt;namespace&gt;.gitcode.host
          </p>
          <img src="./img/create.png" width="100%" alt="" />
M
init  
miykael 已提交
106 
        </div>
C
feat:添加404文件等  
csdn 已提交
107 108 109 110 111 112 113 
        <div class="step_item">
          <span class="index">2</span>
          <h4>clone项目代码</h4>
          <p>进入到你本地的项目目录，并 clone 刚创建好的项目</p>
          <code>
            ~ $ git clone https://codechina.com/namespace/namespace.gitcode.host
          </code>
M
init  
miykael 已提交
114 
        </div>
C
feat:添加404文件等  
csdn 已提交
115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 
        <div class="step_item">
          <span class="index">3</span>
          <h4>编辑内容</h4>
          <p>进入项目文件夹并编辑内容，比如创建一个 index.html</p>
          <code>
            ~ $ cd namespace.gitcode.host <br />
            ~ $ echo "Hello Pages ~" > index.html
          </code>
        </div>
        <div class="step_item">
          <span class="index">4</span>
          <h4>提交代码</h4>
          <p>将刚才编辑过的内容提交到仓库，并推送到远程分支</p>
          <code>
            ~ $ git add . <br />
            ~ $ git commit -m "Init" <br />
            ~ $ git push -u origin master
          </code>
M
init  
miykael 已提交
133 
        </div>
C
feat:添加404文件等  
csdn 已提交
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 
        <div class="step_item">
          <span class="index">5</span>
          <h4>启用 Pages</h4>
          <p>
            进入 namespace.gitcode.host 项目中启用 Pages，等待 Pages 服务部署
          </p>
          <img src="./img/setting.png" width="100%" alt="" />
        </div>
      </div>
      <div class="visit">
        <a href="#">
          <img src="./img/visit.png" alt="" />
        </a>
        <div class="circle circle1"></div>
        <div class="circle circle2"></div>
        <div class="circle circle3"></div>
      </div>
      <h3>开始使用 Pages</h3>
      <div class="buttons w2">
        <a
          href="https://codechina.csdn.net/codechina/help-docs/-/wikis/docs/user/org/star-community-join-plan"
          class="btn"
          target="_blank"
          >组织入驻</a
        >
        <a href="#" class="btn active">立即使用</a>
M
init  
miykael 已提交
160 161 
      </div>
    </div>
C
feat:添加404文件等  
csdn 已提交
162 163 
    <div class="footer">湘ICP备2020020162号</div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.2/jquery.min.js"></script>
Miykael_xxm's avatar
update baidu js  
Miykael_xxm 已提交
164 
    <script>
C
feat:添加404文件等  
csdn 已提交
165 166 167 168 169 170 171 172 173 174 175 176 177 
      $(".pages_index .tab").on("click", ".item", function () {
        $(this).addClass("active").siblings().removeClass("active");
        var index = $(this).data("index");
        $(".pages_index .step_item")
          .eq(0)
          .css("display", +index === 1 ? "block" : "none");
        $(".pages_index .step_item").each(function () {
          $(this)
            .find(".index")
            .html(+index === 1 ? $(this).index() + 1 : $(this).index());
        });
      });
    </script>
M
init  
miykael 已提交
178 179 
  </body>
</html>