portfolio project content update
This commit is contained in:
parent
6928aa84bc
commit
0228f3e5a6
5 changed files with 46 additions and 1 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -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/
|
||||
|
|
1
.vscode/settings.json
vendored
1
.vscode/settings.json
vendored
|
@ -12,6 +12,7 @@
|
|||
"Fontawesome",
|
||||
"hljs",
|
||||
"katex",
|
||||
"Pomky",
|
||||
"texmath",
|
||||
"tinycolor",
|
||||
"YYYYMMDD"
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue