browsing-a-repository.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html lang="" xml:lang="">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <title>5 Browsing a repository | dealing with gin</title>
  7. <meta name="description" content="5 Browsing a repository | dealing with gin" />
  8. <meta name="generator" content="bookdown 0.17 and GitBook 2.6.7" />
  9. <meta property="og:title" content="5 Browsing a repository | dealing with gin" />
  10. <meta property="og:type" content="book" />
  11. <meta name="twitter:card" content="summary" />
  12. <meta name="twitter:title" content="5 Browsing a repository | dealing with gin" />
  13. <meta name="viewport" content="width=device-width, initial-scale=1" />
  14. <meta name="apple-mobile-web-app-capable" content="yes" />
  15. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16. <link rel="prev" href="dashboard-how-to-use.html"/>
  17. <link rel="next" href="downloading-files.html"/>
  18. <script src="libs/jquery-2.2.3/jquery.min.js"></script>
  19. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />
  20. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />
  21. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />
  22. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />
  23. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />
  24. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />
  25. <link href="libs/gitbook-2.6.7/css/plugin-clipboard.css" rel="stylesheet" />
  26. </head>
  27. <body>
  28. <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">
  29. <div class="book-summary">
  30. <nav role="navigation">
  31. <ul class="summary">
  32. <li class="chapter" data-level="1" data-path="index.html"><a href="index.html"><i class="fa fa-check"></i><b>1</b> Dealing with Gin</a></li>
  33. <li class="chapter" data-level="2" data-path="play-with-sandbox.html"><a href="play-with-sandbox.html"><i class="fa fa-check"></i><b>2</b> Play with Sandbox</a></li>
  34. <li class="chapter" data-level="3" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html"><i class="fa fa-check"></i><b>3</b> Cannot see a repository?</a><ul>
  35. <li class="chapter" data-level="3.1" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#sign-in-to-gin"><i class="fa fa-check"></i><b>3.1</b> Sign in to Gin</a></li>
  36. <li class="chapter" data-level="3.2" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#check-that-the-repository-exists"><i class="fa fa-check"></i><b>3.2</b> Check that the repository exists</a></li>
  37. <li class="chapter" data-level="3.3" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#make-sure-you-have-access-to-the-repository"><i class="fa fa-check"></i><b>3.3</b> Make sure you have access to the repository</a></li>
  38. </ul></li>
  39. <li class="chapter" data-level="4" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html"><i class="fa fa-check"></i><b>4</b> Dashboard: how to use</a><ul>
  40. <li class="chapter" data-level="4.1" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#activity"><i class="fa fa-check"></i><b>4.1</b> Activity</a></li>
  41. <li class="chapter" data-level="4.2" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#collaborative-repositories"><i class="fa fa-check"></i><b>4.2</b> Collaborative repositories</a></li>
  42. <li class="chapter" data-level="4.3" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#private-repositories"><i class="fa fa-check"></i><b>4.3</b> Private repositories</a></li>
  43. </ul></li>
  44. <li class="chapter" data-level="5" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html"><i class="fa fa-check"></i><b>5</b> Browsing a repository</a><ul>
  45. <li class="chapter" data-level="5.1" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#overview-of-the-repository"><i class="fa fa-check"></i><b>5.1</b> Overview of the repository</a></li>
  46. <li class="chapter" data-level="5.2" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#browsing-files"><i class="fa fa-check"></i><b>5.2</b> Browsing files</a><ul>
  47. <li class="chapter" data-level="5.2.1" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#a-small-side-note"><i class="fa fa-check"></i><b>5.2.1</b> A small side note</a></li>
  48. </ul></li>
  49. </ul></li>
  50. <li class="chapter" data-level="6" data-path="downloading-files.html"><a href="downloading-files.html"><i class="fa fa-check"></i><b>6</b> Downloading files</a><ul>
  51. <li class="chapter" data-level="6.1" data-path="downloading-files.html"><a href="downloading-files.html#download-button"><i class="fa fa-check"></i><b>6.1</b> Download button</a></li>
  52. </ul></li>
  53. <li class="chapter" data-level="7" data-path="uploading-files.html"><a href="uploading-files.html"><i class="fa fa-check"></i><b>7</b> Uploading files</a><ul>
  54. <li class="chapter" data-level="7.1" data-path="uploading-files.html"><a href="uploading-files.html#location-of-the-buttons"><i class="fa fa-check"></i><b>7.1</b> Location of the buttons</a></li>
  55. <li class="chapter" data-level="7.2" data-path="uploading-files.html"><a href="uploading-files.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>7.2</b> Common features for file-upload</a><ul>
  56. <li class="chapter" data-level="7.2.1" data-path="uploading-files.html"><a href="uploading-files.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>7.2.1</b> Specifying the directory to be uploaded</a></li>
  57. <li class="chapter" data-level="7.2.2" data-path="uploading-files.html"><a href="uploading-files.html#committing-new-files"><i class="fa fa-check"></i><b>7.2.2</b> Committing new files</a></li>
  58. </ul></li>
  59. <li class="chapter" data-level="7.3" data-path="uploading-files.html"><a href="uploading-files.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>7.3</b> Uploading a set of files</a></li>
  60. <li class="chapter" data-level="7.4" data-path="uploading-files.html"><a href="uploading-files.html#create-a-new-text-file"><i class="fa fa-check"></i><b>7.4</b> Create a new (text) file</a></li>
  61. <li class="chapter" data-level="7.5" data-path="uploading-files.html"><a href="uploading-files.html#edit-a-text-file"><i class="fa fa-check"></i><b>7.5</b> Edit a (text) file</a></li>
  62. </ul></li>
  63. <li class="chapter" data-level="8" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>8</b> Using application made for git</a></li>
  64. <li class="chapter" data-level="9" data-path="using-rstudio-with-gin.html"><a href="using-rstudio-with-gin.html"><i class="fa fa-check"></i><b>9</b> Using Rstudio with GIN</a></li>
  65. </ul>
  66. </nav>
  67. </div>
  68. <div class="book-body">
  69. <div class="body-inner">
  70. <div class="book-header" role="navigation">
  71. <h1>
  72. <i class="fa fa-circle-o-notch fa-spin"></i><a href="./">dealing with gin</a>
  73. </h1>
  74. </div>
  75. <div class="page-wrapper" tabindex="-1" role="main">
  76. <div class="page-inner">
  77. <section class="normal" id="section-">
  78. <div id="browsing-a-repository" class="section level1">
  79. <h1><span class="header-section-number">5</span> Browsing a repository</h1>
  80. <p>If you visit the repository page, it looks like below:</p>
  81. <div class="figure">
  82. <img src="images/repository-top.png" alt="A typical repository page" />
  83. <p class="caption">A typical repository page</p>
  84. </div>
  85. <p>From here, you can browse what is in the repository including:</p>
  86. <ol style="list-style-type: decimal">
  87. <li><a href="browsing-a-repository.html#overview-of-the-repository">overview of the repository</a></li>
  88. <li><a href="browsing-a-repository.html#browsing-files">file contents</a></li>
  89. </ol>
  90. <div id="overview-of-the-repository" class="section level2">
  91. <h2><span class="header-section-number">5.1</span> Overview of the repository</h2>
  92. <p>On top of the page, you will find the header consisting of <code>&lt;owner name&gt;/&lt;repository name&gt;</code>:</p>
  93. <div class="figure">
  94. <img src="images/repository-title.png" alt="Repository name" />
  95. <p class="caption">Repository name</p>
  96. </div>
  97. <p>This represents the <em>identifier</em> of the repository so that
  98. you can specify a single repository inside <code>https://gin.g-node.org</code>.</p>
  99. <p>Down to the bottom, you may find some document:</p>
  100. <div class="figure">
  101. <img src="images/readme.png" alt="README file" />
  102. <p class="caption">README file</p>
  103. </div>
  104. <p>This represents the (hopefully) detailed description of the repository about what it is
  105. or what it contains.</p>
  106. <blockquote>
  107. <p>In fact, this description comes from the <code>README.md</code> file in the root directory of the repository.
  108. The name of the file comes from a tradition of programmers community to contain the “read-me-first”
  109. file in the top directory of any code.</p>
  110. <p>You can add or edit it by adding / editing the <code>README.md</code> file.</p>
  111. <p>Even inside the sub-directories of the repositories, the description will automatically show up
  112. if you add and edit a <code>README.md</code> file in it.</p>
  113. </blockquote>
  114. </div>
  115. <div id="browsing-files" class="section level2">
  116. <h2><span class="header-section-number">5.2</span> Browsing files</h2>
  117. <p>In the middle, you can find a list of files and directories in the repository:</p>
  118. <div class="figure">
  119. <img src="images/files.png" alt="File list" />
  120. <p class="caption">File list</p>
  121. </div>
  122. <p>By clicking on individual file/directory entry, you can browse its contents.</p>
  123. <p>For example, you can see the contents of a sub-directory by clicking on it:</p>
  124. <div class="figure">
  125. <img src="images/directory-view.png" alt="Directory view" />
  126. <p class="caption">Directory view</p>
  127. </div>
  128. <p>Contents of normal files may be visible, as long as your browser supports it.</p>
  129. <ul>
  130. <li><p>For example, you can browse to <a href="images/dashboard.png">web-interface/images/dashboard.png</a>,
  131. and you can have a glimpse of the original image file:
  132. <img src="images/image-view.png" alt="Image-file view" /></p></li>
  133. <li><p>If you write the documents in the <a href="https://www.markdownguide.org/getting-started">Markdown</a> format
  134. (and I recommend to do so whenever possible), you can see the formatted-view of the document:
  135. <img src="images/markdown-view.png" alt="Markdown view" /></p></li>
  136. <li>Other text-based files (CSV, TSV etc.) may be seen in its raw format.</li>
  137. <li><p>Binary files (Excel, Word, Spike2 etc.) will not be visible, so you must <a href="downloading.md">download it</a> to see the contents.</p></li>
  138. </ul>
  139. <div id="a-small-side-note" class="section level3">
  140. <h3><span class="header-section-number">5.2.1</span> A small side note</h3>
  141. <p>On the left columns of the files list, you can see some information like below:</p>
  142. <div class="figure">
  143. <img src="images/commit-description.png" alt="Commit description" />
  144. <p class="caption">Commit description</p>
  145. </div>
  146. <p>Sadly <strong>it is <em>not</em> about the description to the file itself</strong> but describes the commit
  147. that updated this file most recently.</p>
  148. <p>In the case of the image above, the directory “web-interface” was updated by the commit
  149. with the commit ID being <code>b42b7633f7</code>, and with the commit message <code>update dashboard.md</code>.</p>
  150. </div>
  151. </div>
  152. </div>
  153. </section>
  154. </div>
  155. </div>
  156. </div>
  157. <a href="dashboard-how-to-use.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>
  158. <a href="downloading-files.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>
  159. </div>
  160. </div>
  161. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>
  162. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>
  163. <script src="libs/gitbook-2.6.7/js/clipboard.min.js"></script>
  164. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>
  165. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>
  166. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>
  167. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>
  168. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>
  169. <script src="libs/gitbook-2.6.7/js/plugin-clipboard.js"></script>
  170. <script>
  171. gitbook.require(["gitbook"], function(gitbook) {
  172. gitbook.start({
  173. "sharing": {
  174. "github": false,
  175. "facebook": true,
  176. "twitter": true,
  177. "linkedin": false,
  178. "weibo": false,
  179. "instapaper": false,
  180. "vk": false,
  181. "all": ["facebook", "twitter", "linkedin", "weibo", "instapaper"]
  182. },
  183. "fontsettings": {
  184. "theme": "white",
  185. "family": "sans",
  186. "size": 2
  187. },
  188. "edit": {
  189. "link": null,
  190. "text": null
  191. },
  192. "history": {
  193. "link": null,
  194. "text": null
  195. },
  196. "view": {
  197. "link": null,
  198. "text": null
  199. },
  200. "download": null,
  201. "toc": {
  202. "collapse": "subsection"
  203. }
  204. });
  205. });
  206. </script>
  207. </body>
  208. </html>