mirror of
https://github.com/dilllxd/gitfolio.git
synced 2024-08-14 22:28:09 +00:00
Travis Test 9
This commit is contained in:
K4USTU3H
parent
0775b863f1
commit
b2b2458fd6
2 changed files with 14 additions and 176 deletions
29
.travis.yml
29
.travis.yml
|
|
@ -1,23 +1,20 @@
|
||||||
|
dist: bionic
|
||||||
language: node_js
|
language: node_js
|
||||||
|
|
||||||
node_js:
|
node_js:
|
||||||
- 7
|
- 11
|
||||||
|
cache:
|
||||||
|
directories:
|
||||||
|
- node_modules
|
||||||
|
before_script:
|
||||||
|
- npm install -g
|
||||||
|
script:
|
||||||
|
- gitfolio build k4ustu3h
|
||||||
deploy:
|
deploy:
|
||||||
provider: pages
|
provider: pages
|
||||||
skip_cleanup: true
|
skip_cleanup: true
|
||||||
github_token: $GITHUB_TOKEN
|
github_token: $GITHUB_TOKEN
|
||||||
keep_history: true
|
keep_history: true
|
||||||
|
local_dir: dist
|
||||||
on:
|
verbose: true
|
||||||
branch: master
|
on:
|
||||||
|
branch: master
|
||||||
cache:
|
|
||||||
directories:
|
|
||||||
- node_modules
|
|
||||||
|
|
||||||
before_script:
|
|
||||||
- npm install -g
|
|
||||||
|
|
||||||
script:
|
|
||||||
- gitfolio k4ustu3h
|
|
||||||
|
|
|
||||||
161
README.md
161
README.md
|
|
@ -1,160 +1 @@
|
||||||
<img src="https://i.imgur.com/eA6clZr.png">
|
[](https://travis-ci.org/k4ustu3h/gitfolio)
|
||||||
|
|
||||||
# Gitfolio
|
|
||||||
|
|
||||||
[](https://twitter.com/intent/tweet?text=personal%20website%20and%20a%20blog%20for%20every%20github%20user%20@imfunnieee%20&url=https://github.com/imfunniee/gitfolio)      [](https://github.com/prettier/prettier)
|
|
||||||
|
|
||||||
### personal website + blog for every github user
|
|
||||||
|
|
||||||
Gitfolio will help you get started with a portfolio website where you could showcase your work + a blog that will help you spread your ideas into real world.
|
|
||||||
|
|
||||||
Check out this [live demo](https://imfunniee.github.io/gitfolio/) to see gitfolio in action.
|
|
||||||
|
|
||||||
# Getting Started
|
|
||||||
|
|
||||||
### Let's Install
|
|
||||||
|
|
||||||
Install gitfolio
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npm i gitfolio -g
|
|
||||||
```
|
|
||||||
|
|
||||||
### Let's Build
|
|
||||||
|
|
||||||
Using the UI
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio ui
|
|
||||||
```
|
|
||||||
|
|
||||||
> Tip: You can use ui to create new blogs and for updating your folio too.
|
|
||||||
|
|
||||||
or
|
|
||||||
|
|
||||||
```sh
|
|
||||||
gitfolio build <username>
|
|
||||||
```
|
|
||||||
|
|
||||||
`<username>` is your username on github. This will build your website using your GitHub username and put it in the `/dist` folder.
|
|
||||||
|
|
||||||
To run your website use `run` command, Default port is 3000
|
|
||||||
|
|
||||||
```sh
|
|
||||||
gitfolio run -p [port]
|
|
||||||
```
|
|
||||||
|
|
||||||
🎉 Congrats, you just made yourself a personal website!
|
|
||||||
|
|
||||||
### Let's Customize
|
|
||||||
|
|
||||||
#### Forks
|
|
||||||
|
|
||||||
To include forks on your personal website just provide `-f` or `--fork` argument while building
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio build <username> -f
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Sorting Repos
|
|
||||||
|
|
||||||
To sort repos provide `--sort [sortBy]` argument while building. Where `[sortBy]` can be `star`, `created`, `updated`, `pushed`,`full_name`. Default: `created`
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio build <username> --sort star
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Ordering Repos
|
|
||||||
|
|
||||||
To order the sorted repos provide `--order [orderBy]` argument while building. Where `[orderBy]` can be `asc` or `desc`. Default: `asc`
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio build <username> --sort star --order desc
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Customize Themes
|
|
||||||
|
|
||||||
Themes are specified using the `--theme [theme-name]` flag when running the `build` command. The available themes are
|
|
||||||
|
|
||||||
- `light`
|
|
||||||
- `dark`
|
|
||||||
|
|
||||||
> TODO: Add more themes
|
|
||||||
|
|
||||||
For example, the following command will build the website with the dark theme
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio build <username> --theme dark
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Customize background image
|
|
||||||
|
|
||||||
To customize the background image just provide `--background [url]` argument while building
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio build <username> --background https://images.unsplash.com/photo-1557277770-baf0ca74f908?w=1634
|
|
||||||
```
|
|
||||||
|
|
||||||
You could also add in your custom CSS inside `index.css` to give it a more personal feel.
|
|
||||||
|
|
||||||
#### Add Social Media links on your profile
|
|
||||||
|
|
||||||
Twitter, LinkedIn, Medium, Dribbble, Telegram & email links to your profile while building
|
|
||||||
|
|
||||||
```sh
|
|
||||||
gitfolio build <username> --twitter <twitter_username> --linkedin <linkedin_username> --medium <medium_username> --dribbble <dribbble_username> --telegram <telegram_username> --email <email_address>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Let's Publish
|
|
||||||
|
|
||||||
Head over to GitHub and create a new repository named `username.github.io`, where username is your username. Push the files inside`/dist` folder to repo you just created.
|
|
||||||
|
|
||||||
Go To `username.github.io` your site should be up!!
|
|
||||||
|
|
||||||
### Updating
|
|
||||||
|
|
||||||
To update your info, simply run
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio update
|
|
||||||
```
|
|
||||||
|
|
||||||
or use the `Update` options in gitfolio's UI
|
|
||||||
|
|
||||||
This will update your info and your repository info.
|
|
||||||
|
|
||||||
To Update background or theme you need to run `build` command again.
|
|
||||||
|
|
||||||
### Add a Blog
|
|
||||||
|
|
||||||
To add your first blog use the UI.
|
|
||||||
|
|
||||||
```sh
|
|
||||||
$ gitfolio ui
|
|
||||||
```
|
|
||||||
|
|
||||||
This will open up a UI page and you can click on `New Blog` to create a new blog. Once you are done writing your blog you can hit the `Create Blog`.
|
|
||||||
|
|
||||||
This will create a blog inside `./dist/blog` folder.
|
|
||||||
|
|
||||||
Look for success or error in your terminal.
|
|
||||||
|
|
||||||
This also adds content to `blog.json` file. This file helps in showcasing your blogs on your personal website as [cards](https://imfunniee.github.io/gitfolio/#blog_section). You could customize the JSON object that corresponds your current blog.
|
|
||||||
|
|
||||||
Blog Demo? [here](https://imfunniee.github.io/gitfolio/blog/my-first-post/)
|
|
||||||
|
|
||||||
Blog's default JSON Format
|
|
||||||
|
|
||||||
{
|
|
||||||
"url_title": "my-first-blog", // the title you provide while creating a new blog, this appears in url
|
|
||||||
"title": "Lorem ipsum dolor sit amet", // main title of blog
|
|
||||||
"sub_title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", // sub-title of blog
|
|
||||||
"top_image": "https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1450", // main image of blog
|
|
||||||
"visible": true // don't worry about this
|
|
||||||
}
|
|
||||||
|
|
||||||
### Follow me on twitter for more updates [@imfunnieee](https://twitter.com/imfunnieee)
|
|
||||||
|
|
||||||
### License
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue