Whether you are a freelancer, photographer or maybe just looking for job, having a personal portfolio website can’t hurt, can it? I will try to walk you through creating your own personal portfolio in under 5 minutes. No javascript/html/css knowledge necessary!
You have to have node.js installed with enduro.js installed globally (just run npm i enduro -g
).
Next up, we are going to create a new project from an mirror theme. Open up your terminal window, cd into the directory where you would want your project to be stored in and run:
$ enduro theme mirror
You will be asked to provide a name for your portfolio as well as a admin login username and password.
Once your project is created, a browser window opens automatically! To edit content just click the edit this page button.
Clicking the edit this page button will open the enduro.js admin interface. Just login with the credentials you’ve put in previously in the terminal window.
Using the admin interface is quite self-explanatory. You can copy-paste images by clicking the image or just putting public links to the images by clicking the link icon. You’ll get it.
If you open the folder where you created this project just find a /_generated folder. Just upload this whole folder somewhere and your website is online!
Netlify offers probably the simplest way to get your portfolio online. Good news is that the mirror theme comes preconfigured to work with Netlify out of the box. Just install netlify cli by running npm install netlify-cli -g
. After that all you need to do is enduro render && netlify deploy -p _generated
. You can also hook it up to a GitHub repository – read more about this in the docs.
Github pages offers a free way to host your static page. For this to work you have to put the generated files in a gh-pages
branch.
You can just use github’s website user interface to upload the files from the /_generated folder. Other option is to use git to get this done. Follow this instructions to get your enduro.js generated personal portfolio online with Github pages:
git init
, git add .
and git commit -m 'first commit'
git remote add origin <.git link you got from github>
git push --set-upstream origin master
git checkout -b gh-pages
git add -f _generated
git commit -m 'publishing gh pages'
git push --set-upstream origin gh-pages
git push origin $(git subtree split --prefix _generated):gh-pages --force
If everything went well, your portfolio should be live at https://<your_github_username>.github.io/<project_name>/