The library file was built by Tonik, and is in Sketch. You'll need a Sketch license to edit the file.
You can also export the file, or diagrams you make with it, to .svg format for storage.
- To create a new diagram, open the library file in Sketch and make a copy.
- Rename the copy so it's specific to the project you're working on. Don't use the base library file itself for this.
- Optionally, save the Sketch file to the
imagesdirectory for the file you'll be putting this diagram in, so it's easier to find later. Jekyll should exclude Sketch files from the build. You can also name the file with an underscore as the first character to exclude it from the build. If you have more than 3 sketch files for a specific doc, you can create a folder called_srcin theimagesdirectory. - In Sketch, create a new Artboard. (Press A and drag a box on the screen.) This is the canvas where you'll put items from the library, and represents an area that you can export as an image.
- Make your diagram! Don't forget to save frequently.
- When you're ready to export, select the artboard by clicking it in the left layers navigation, and find the Export panel at the end of the right tool pane.
- Select 1x (Apple Retina screens support 2x but it's not necessary) and
.pngformat. - At the VERY end of the panel, find the Export Selected button, and click it.
- If needed, move the resulting
.pngfile to the correctimagesdirectory. - Add the new diagram in the markdown file, and run a test build to make sure your diagram is legible on the page! (Don't forget to add the file in git!)
That's it!
When you need to update the images, you can reopen the Sketch file, make your changes, and re-export.
Contact @sanscontext for instructions. :)
