portfolio project content update

This commit is contained in:
Kim, Jimin 2022-01-09 14:51:07 +09:00
parent 6928aa84bc
commit 0228f3e5a6
5 changed files with 46 additions and 1 deletions

2
.gitignore vendored
View file

@ -3,9 +3,9 @@ _/
# auto generated files
source/src/data/
!source/src/data/NavbarData.tsx
source/public/img/skills.svg
source/public/img/projects.svg
!source/src/data/NavbarData.tsx
# dependencies
.pnp/

View file

@ -12,6 +12,7 @@
"Fontawesome",
"hljs",
"katex",
"Pomky",
"texmath",
"tinycolor",
"YYYYMMDD"

View file

@ -8,7 +8,46 @@ badges:
- javascript
- nodedotjs
- firebase
- amazonaws
- react
- html5
- css3
---
## Intro
developomp.com is my website built for blogging and hosting data such as images, portfolio, resume, etc.
It is Hosted on google firebase, and domain registered with amazon AWS Route 53.
It is built with Node.js, React.js and typescript.
## How it works
The build process of the site can be categorized into three stages.
### content generation
In this stage, markdown files are rendered to HTML, json files containing metadata are generated, and svg images are built.
Check the `auto generated files` section of the [.gitignore](https://github.com/developomp/developomp-site/blob/master/.gitignore#L4) file to learn where these files are saved.
Check the [deployment github action](https://github.com/developomp/developomp-site/blob/master/.github/workflows/firebase-hosting-deploy.yml) for specific commands.
#### markdown
[Markdown files](https://github.com/developomp/developomp-site/tree/master/source/markdown) are rendered to HTML using the [markdown-it](https://github.com/markdown-it/markdown-it) library.
Check the [parsemarkdown.ts](https://github.com/developomp/developomp-site/blob/master/source/generate/parseMarkdown.ts) file to see the conversion logic and plugins used.
#### metadata
To allow content searching and listing, json files containing metadata such as available tags, posts categorized by tags, posts sorted by date, etc. are created.
[elasticlunr.js](https://github.com/weixsong/elasticlunr.js) library is also used to allow searching by content.
#### images
svg images are generated so they can be used in other sites like in my [github profile](https://github.com/developomp#skills).
### site-building
Just a classic boring react build process. Uses [react-scripts](https://www.npmjs.com/package/react-scripts).
### deployment
The site is deployed to firebase.

View file

@ -5,4 +5,9 @@ image: /img/portfolio/pomky.png
repo: https://github.com/developomp/pomky
badges:
- rust
# - gtk
# - cairo
---
Pomky is a [conky](https://github.com/brndnmtthws/conky)-like system monitor written in rust.
It is built to teach myself the rust programming language and to write a more flexible, efficient, and tailored version of conky.