How to export BBS to github.io

Webdesign Help
1

Can someone make an example of a Bootstrap Studio application, which will be exposed on github.io with exporting? (Perhaps I was not looking in the right places, but I couldn’t find.)

2

I’m not sure what the question is here, that link tells you pretty much everything you need to know about what it is doing. Follow the instructions and set it all up it’s not too difficult I don’t believe, because eve I actually understood it.

If that information doesn’t cover what you’re wanting, can you be more specific in what you’re asking for? I’m taking your question as wanting someone to set it up for you, I’m sure that there are some that would do that for the right price, but I’m not sure if that’s what you’re asking for or not.

3

Dear jo-r,

If it was really so simple as you pointed here:

‘…, that link tells you pretty much everything you need to know about what it is doing. Follow the instructions and set it all up it’s not too difficult I don’t believe, because eve I actually understood it.’

I don’t understand why are you not giving a sample site from BSS to github.io. I can write the things I have tried, what was going wrong etc. I am using Linux.

4

You will most likely have to write what you’ve tried, what went wrong, etc. for anyone to help you then. I personally don’t use it so I don’t have one to give an example of. I am not sure if anyone does so you’ll need to wait for someone that has that experience to answer then. I apologize if my answer upset you, it’s just that reading it myself it was pretty clear what to do … but … in your defense I didn’t try it so … could be it would have messed me up too lol.

Anyways, hopefully someone that has some insight on that will come around and help you. If not I would suggest contacting support directly and see if you can get assistance there for it.

5

Hi,

If you’re able to let us know what steps you completed or ran into issues, I may be able to help.

There is no sample site for BSS as exporting to GitHub Pages works with any design. You can try using the templates provided by BSS. The key thing in this process is the export script, which takes your design and uploads it to GitHub Pages.

If you suspect the export script is where the issue is, according to this support page an error log may be generated when you export.

If your script throws any errors or log messages, they will be written to an error.log file in the export folder. You can use it to debug potential issues.

6

I just realized, GitHub recently changed their default branch from master to main.

In the export script,

git push origin master

should be changed to

git push origin main

This may fix your problem. I’ll shoot them a support ticket letting them know about this along with some other issues I noticed.

7

Thanks ‘Jo R’ and thanks Michael Rooplall,
I will try some things and at the end I will write my experience. But give me some time.

8

  1. Suppose you have a ‘GitHub’ account. You don’t have selected ‘Keep my email addresses private’ and your account name is: ‘xxxxxx’ then you have to follow these rules:

  2. Go to ‘https://github.com/’

  3. ‘Sign in’

  4. Click by ‘Repositories’ on ‘New’

  5. Create a new repository:

     Owner			Repository name
 xxxxxx		/	xxxxxx.github.io

 'Create repository'

  6. Now back to your pc.

  7. Make a directory: /home/user/xxxxxx.github.io.

  8. Make a script with ‘gedit’ or ‘vim’ or whatever you have:

    #!/bin/bash

    cd $1

    if [ ! -d “.git” ]; then
    echo “# xxxxxx.github.io” >> README.md
    git init
    git add README.md
    git commit -m “first commit”
    git branch -M main
    git remote add origin git@github.com:xxxxxx/xxxxxx.github.io.git
    git push -u origin main
    fi

    git add -A
    git commit -m “Website update.”
    git push -u origin main

And save this as: ‘/home/user/xxxxxx.github.io/export.sh’

  1. Enter ‘Bootstrap Studio’.

  2. Click on ‘Help | Getting Started’.

  3. Click on ‘Save’ and give as name: ‘Getting Started 2021-02-19.bsdesign’ and save it.

  4. Click on ‘Settings’ and click on ‘Export’ then give the following information:

    ‘Export Destination’: /home/user/xxxxxx.github.io
    (this is the directory you have made in 7.)

    and click on ‘Advanced’, which will open a window with ‘Export Script’,
    on the line you fill in:
    /home/user/xxxxxx.github.io/export.sh

  5. Click on ‘Save’

  6. Click on ‘Export’

    The export will take place and you will see two messages:

    14.1 Exporting design
    14.2 Your design was exported.
    Click to open the target folder.

    	If you are 'quick' you can select the window of 14.2 and open it:
		assets
		error.log
		export.sh
		index.html

	If you click on 'error.log' you will be 'surprised':

	----------

	Fri Feb 19 2021 09:33:28 GMT+0100 (Central European Standard Time)

	To github.com:xxxxxx/xxxxxx.github.io.git
	 * [new branch]      main -> main

  7. Go to ‘https://xxxxxx.github.io/’ and enjoy your beautiful Bootstrap Studio design on github.io.

I hope I write everything that you should know… (if some things could be better, please let me know!)

2 Likes
9

Nice job @ecom-moce and I’m sure many others will find this very helpful. Thanks for sharing all the steps to do that. :slight_smile:

1 Like