Giter Site home page Giter Site logo

github_document_demo's Introduction

  • これはGitHubでドキュメントを公開するにはどうしたらいいか、というブログ記事用のデモリポジトリです。

GitHubは、プログラムのソースを公開するだけでなく、テキストドキュメントを置くことができます。 プログラマの方でなくても手順やガイドラインなどを公開したり、またドキュメントを複数人で書いたりバージョン管理するのに活用できます。

必要なもの

リポジトリ内のファイルの構成

とくに決まりはないのですが、こういう構成がいいんじゃないかというものです。 (ボリュームがなければ README.md ひとつだけでもいいと思います。)

リポジトリTOP
│
├ README.md .. 目次を書く
│
├ ○○.md
├ ○○.md
├ ○○.md
│
├ 第1章 .. フォルダを作成
│ ├ ○○.md
│ ├ ○○.md
│ └ ○○.md
│
├ 第2章 .. フォルダを作成

  ~

└ 画像用フォルダ .. 細分化してもよい
  ├ ○○.jpg
  ├ ○○.png
  └ ○○.xxx

ドキュメントの記法

① 見出し

  • 記法

     # 大タイトル
     ## 中タイトル
     ### 小タイトル
    
  • 結果


    大タイトル

    中タイトル

    小タイトル


② 箇条書き

  • 記法

     - 箇条書き
     	- タブでインテント
     		-  さらにタブでインテント
     - 箇条書き
     - 箇条書き
    
  • 結果


    • 箇条書き
      • タブでインテント
        • さらにタブでインテント
    • 箇条書き
    • 箇条書き

③ コード

  • 記法

    • 文中で利用する場合

      文文文[半角スペース]`コード`[半角スペース]文文文

    • 複数行の場合

       [空行]
       `を3つ
       コード
         ~
       コード
       `を3つ
       [空行]
      
  • 結果


    文文文 コード 文文文

     コード
       ~
     コード
    

④ 引用

  • 記法

     [空行]		
     > 引用したい文
     [空行]		
    
  • 結果


    引用したい文


ページを作ってリンクを張る

  • 適当にファイルを ○○.md として作成してコミット&プッシュします。
  • リンクを張りたい場合は
  • フォルダ作って階層を分けてもOKです。
    • [リンク名](△△/○○.md) と記載します。
    • こんな感じ → リンクテスト
  • 日本語のフォルダ名、ファイル名も使えます。

画像を張る

  • まず利用する画像もこのリポジトリにコミット&プッシュしておきます。
    • 仮に images フォルダに格納するとします。
  • こういう風にリンクを張ります。
    • ![alt内容(マウスカーソルが当たったときの表示テキスト)](images/○○.jpg)

    • こんな感じ↓

      alt内容

ほか

おわりに

最近はGitHubで小説を書いたりする人もいるようですね。本記事がGitHubの導入の参考になれば幸いです^^

github_document_demo's People

Contributors

hkusu avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.