Skip to content

README.md

Latest commit

 

History

History
23 lines (17 loc) · 1.41 KB

README.md

File metadata and controls

23 lines (17 loc) · 1.41 KB
Raw

Codelabs Repository

Overview

This is where I host any google-like codelab I create, which can be found on my website: zarin.io

To understand more about the local environment required to set this up, please read: Publish Technical Tutorials in Google Codelab Format

Logistics

  • Codelabs are written in markdown (i.e. .md files)
  • Exported to google-codelab style using claat export name_of_markdown_file.md
  • In the index.html file under the folder created as a result of the claat export command, before hosting on github pages, make sure you modify the <script> and link tags like so: 
    # before 
<script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../../elements/codelab.html">

# after
<script src="../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../elements/codelab.html">
  • Run either python simple server using python3 -m http.server, or claat serve ${name_of_markdown_file} in the root directory. If you used python, then navigate to the folder resulting from the claat export command to see the codelab on your browser at http://localhost:8000/. If you used claat, then navigate to the folder on your browser at http://localhost:9090/.