Skip to content

bobril/bobril.github.io

Repository files navigation

How to write article

New article

It is possible to add new article in section More Tutorials. Article can be added as a standard .md file in md/more-tutorials. Just follow naming format with order number and start with heading level 2.

It is possible to add new article in section Theory. Article can be added as a standard .md file in md/theory. Just follow naming format with order number and start with heading level 2.

Bobril page source generator

In tools folder run.

npm run generate

This command supports following generated content:

Content

The content of your markdown article is parsed to bobril-page project.

Code Example

Example projects are located in examples. Inner scripts can be used to automatic update of code examples in your article. Just add

<!-- # from-file: ../examples/todo/components/list.tsx -->

```tsx
```

Generator automatically updates your code examples in md files.

Project preview

If you have a project with code example, you can provide a preview of built dist with following syntax:

[Preview example](../examples/todo/dist/index.html)

Path of index.html has to be relative to parsed .md file. Then run again

Generator parses relative paths to your dist, copy the dist content to bobril-page resource folder and use it in generated content of page.

Build bobril page

Page sources are located at bobril-page. In this folder just run

bb b

After push do github repository, new version of page is deployed to bobril.com