
Static Site Generator GUI Customize Tool
Easy-Starter Project based on Docusaurus
๐ก Introduction
-
Easy to Start
It is easy to use even if you're a beginner
-
Development beginner? It's OK!
๐ You can use the Beauty-Saurus by simply using the command below!
-
Intuitive design
It has an easy and convenient design
-
GUI Customizable
Beauty-Saurus provides convenience with a powerful GUI
๐จ
๐ About
Beauty-Saurus is a GUI program that makes it easy to create static site pages such as blogs and tutorials. Beauty-Saurus makes it easier to create a website using Docu-Saurus, a simple SSG created by Facebook. It is designed to customize and distribute your site locally with several instructions. Create your own site easily and freely through Beauty-Saurus!
Beauty-Saurus was created with TypeScript, React, Redux, Node, Express, Webpack, Google Material Design, ESLint, among other awesome open-source software.
๐ฉ How to use Beauty-Saurus?
๐ฑ Pre-Installation
Before working on Beauty-Saurus locally, you must have ...
- node
- yarn or npm
๐ฆ Installation
$ git clone https://github.com/Chloekkk/Beauty-Saurus.git
simply clone the repeository and install it
๐จ GUI Setting Program Run
$ yarn setting
Decorate the site with a Beauty-Saurus GUI Program !
For more detailed guidelines, please refer to this link. Beauty-Saurus Guide Page
โ
COMPLETE
$ yarn start
Your own site has been created!
Improvements of code and issues of bugs Reports are always welcome.
Please contribute in Beauty-Saurus through the issue page!
๐ Website
This website is built using Docusaurus 2, a modern static website generator.
Installation
$ yarn
Local Development
$ yarn start
This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
Build
$ yarn build
This command generates static content into the build
directory and can be served using any static contents hosting service.
Deployment
$ GIT_USER=<Your GitHub username> USE_SSH=true yarn deploy
If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the gh-pages
branch.

์ ์ ์ฌ์ดํธ ์ ๋๋ ์ดํฐ GUI Customize Tool
Docusaurus๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ Easy-Starter ํ๋ก์ ํธ
๐ก Introduction
-
์ฌ์ด ์์
์ด๋ณด์๋ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค
-
๊ฐ๋ฐ ๊ฒฝํ์ด ์๋ค๊ตฌ์? It's OK!
๐ ์๋์ ๋ช ๋ น์ด๋ง ์ด์ฉํ์๋ฉด Beauty-Saurus๋ฅผ ์ด์ฉํ์ค ์ ์์ต๋๋ค!
-
์ง๊ด์ ์ธ ๋์์ธ
์ฝ๊ณ ํธ๋ฆฌํ๊ฒ ์ฌ์ฉํ ์ ์๋๋ก ๋์์ธ๋์์ต๋๋ค.
-
GUI๋ก ์ปค์คํ ๊ฐ๋ฅ
๋ํ์ฌ์ฐ๋ฅด์ค๋ GUI๋ก ๊ฐ๋ ฅํ ํธ๋ฆฌํจ์ ์ ๊ณตํฉ๋๋ค.
๐จ
๐ About
Beauty-Saurus๋ ๋ธ๋ก๊ทธ, ํํ ๋ฆฌ์ผ๊ณผ ๊ฐ์ ์ ์ ์ฌ์ดํธ ํ์ด์ง๋ฅผ ์ฝ๊ฒ ๋ง๋ค ์ ์๋ GUI ํ๋ก๊ทธ๋จ์ ๋๋ค. Beauty-Saurus๋ฅผ ์ฌ์ฉํ๋ฉด Facebook์์ ๋ง๋ ๊ฐ๋จํ SSG์ธ Docu-Saurus๋ฅผ ํ์ฉํ ์น ์ฌ์ดํธ๋ฅผ ๋ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค. ์ฌ๋ฌ ์ง์นจ์ ๋ฐ๋ผ ์ฌ์ดํธ๋ฅผ ๋ก์ปฌ์์ ์ฌ์ฉ์๋ฅผ ์ง์ ํ๊ณ ๋ฐฐํฌํ๋๋ก ์ค๊ณ๋์์ต๋๋ค.
Beauty-Saurus๋ฅผ ํตํด ์ฝ๊ณ ์์ ๋กญ๊ฒ ๋๋ง์ ์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด๋ณด์ธ์!
Beauty-Saurus๋ ๋ค๋ฅธ ๋ฉ์ง ์คํ ์์ค ์ํํธ์จ์ด ์ค์์๋ TypeScript, React, Redux, Node, Express, Webpack, Google Material Design, ESLint๋ก ๋ง๋ค์ด์ก์ต๋๋ค.
๐ฉ Beauty-Saurus ์ฌ์ฉ๋ฒ
๐ฑ ์ฌ์ ์ค์น ์ฌํญ
Beauty-Saurus๋ฅผ ๋ก์ปฌ์์ ์์ ํ๊ธฐ ์ ์ ๋ค์์ด ํ์ํฉ๋๋ค.
- node
- yarn ํน์ npm
๐ฆ ์ค์น
$ git clone https://github.com/Chloekkk/Beauty-Saurus.git
์ ์ฅ์๋ฅผ ๋ณต์ ํ๊ณ ์ค์นํ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
๐จ GUI ์ค์ ํ๋ก๊ทธ๋จ ์คํ
$ yarn setting
Beauty-Saurus์ GUI ํ๋ก๊ทธ๋จ์ผ๋ก ์ฌ์ดํธ๋ฅผ ๊พธ๋ฉฐ๋ณด์ธ์!
์์ธํ ๊ฐ์ด๋๋ Beauty-Saurus Guide Page ๋ฅผ ์ฐธ์กฐํ์ธ์.
โ
์์ฑ!
$ yarn start
์ถํ๋๋ฆฝ๋๋ค. ๋น์ ๋ง์ ์ฌ์ดํธ๊ฐ ๋ง๋ค์ด์ก์ต๋๋ค!
์ฝ๋ ๊ฐ์ ๋ฐ ๋ฒ๊ทธ ์ ๊ณ ๋ ์ธ์ ๋ ํ์์
๋๋ค.
์ด์ ํ์ด์ง๋ฅผ ํตํด Beauty-Saurus์ ๊ธฐ์ฌํด์ฃผ์ธ์!
๐ Website
์ด ์น์ฌ์ดํธ๋ ์ต์ ์ ์ ์น์ฌ์ดํธ ์์ฑ๊ธฐ์ธ Docusaurus 2 ๋ฅผ ์ฌ์ฉํ์ฌ ๊ตฌ์ถ๋์์ต๋๋ค
Installation
$ yarn
Local Development
$ yarn start
์ด ๋ช ๋ น์ ๋ก์ปฌ์ ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์์ํ๊ณ ๋ธ๋ผ์ฐ์ ์ฐฝ์ ์ฝ๋๋ค. ๋๋ถ๋ถ์ ๋ณ๊ฒฝ ์ฌํญ์ ์๋ฒ๋ฅผ ๋ค์ ์์ํ์ง ์๊ณ ๋ ์ค์๊ฐ์ผ๋ก ๋ฐ์๋ฉ๋๋ค.
Build
$ yarn build
์ด ๋ช
๋ น์ build
๋๋ ํ ๋ฆฌ์ ์ ์ ์ฝํ
์ธ ๋ฅผ ์์ฑํ๊ณ ์ ์ ์ฝํ
์ธ ํธ์คํ
์๋น์ค๋ฅผ ์ฌ์ฉํ์ฌ ์ ๊ณตํ ์ ์์ต๋๋ค.
Deployment
$ GIT_USER=<Your GitHub username> USE_SSH=true yarn deploy
ํธ์คํ
์ ์ํด GitHub ํ์ด์ง๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ์ด ๋ช
๋ น์ ์น์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ๊ณ gh-pages
๋ธ๋์น๋ก ํธ์ํ๋ ํธ๋ฆฌํ ๋ฐฉ๋ฒ์
๋๋ค.