search

scripting / Scripting-News

I'm starting to use GitHub for work on my blog. Why not? It's got good communication and collaboration tools. Why not hook it up to a blog?
121 stars 10 forks source link

Setting up an outliner blog on a personal domain (narrated progress & questions) #210

Open brandon-toner opened 3 years ago

brandon-toner commented 3 years ago

Currently working on getting setup with an outliner-style blog. Using this thread to post milestones and questions.

brandon-toner commented 3 years ago

Next steps: • Create a server on Glitch • Map my personal domain to that server

brandon-toner commented 3 years ago

Not sure which of these I need to choose... My best guess is node.js minimal. (But I'm not sure what the difference is between minimal and "hello node")

Gonna open both and see what the differences are. image

scripting commented 3 years ago

Brandon you definitely want node. Can you install it without either of the two of starter (remix) apps? You just want plain old node.

brandon-toner commented 3 years ago

<pardon the traffic here, I'm going to document much of my thinking and steps>

1) Went to https://www.cira.ca/ thinking that was my domain registry (.ca), but realized it's probably namecheap.com. 2) Went to namecheap.com, and "redirected" brandontoner.ca to my current page location (for an interim measure)

Next: Play around with Glitch then figure out how to: 1) Upload PagePark to that server 2) Map my domain to that server

image

brandon-toner commented 3 years ago
I suspect this (image) is the place where I'll need to map the brandontoner.ca domain to the server domain. Not sure the syntax of what might go in "nameserver 1/2" but I'mm figure that out with some googling. ![image](https://user-images.githubusercontent.com/67168828/122686771-6494f180-d1e9-11eb-952a-7ee8324e9f36.png)
brandon-toner commented 3 years ago

Ahh! This looks promising.

image

brandon-toner commented 3 years ago

Ok, mapped using a CNAME, I think. image

brandon-toner commented 3 years ago

Ok that worked!! (The default program when I created the server loaded when calling my domain)

image

brandon-toner commented 3 years ago

Ok, now I need to load PagePark onto the server — that part I don't know how to do.

scripting commented 3 years ago

Brandon, I don’t think you load pagepark, I think you point glitch at the GitHub repo for pagepark.

brandon-toner commented 3 years ago

Ohhhh, that make sense. How do I do that?

scripting commented 3 years ago

I have a little time now to look into this.

https://github.com/scripting/Scripting-News/issues/168

That's a thread where I was asking for (and getting) help with glitch, from april 2020.

On Sun, Jun 20, 2021 at 4:30 PM brandon-toner @.***> wrote:

Ohhhh, that make sense. How do I do that?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-864607801, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32OYXTKZVM2QVRXBI6H3TTZFUVANCNFSM47AGAWTA .

scripting commented 3 years ago

Brandon, here's a link to my running PagePark server.

http://pagepark.glitch.me/

scripting commented 3 years ago

Brandon, I think this link will let you edit my project, please just look, and I think there will also be a button where you can "remix" it, that is copy my project and make it your own.

https://glitch.com/edit/#!/pagepark

If you get it running you should have a running PagePark.

Then you can do the thing with the CNAME, and create a sub-folder of the domains folder with the name of your domain, put an OPML file in there, and you're on the air.

Then, later -- tomorrow probably, we'll set up a config.json file in your domain folder that will tell PP where to find the actual OPML file you want to server, that will be on the littleoutliner.com domain.

scripting commented 3 years ago

I added a link to this thread from scripting.com.

http://scripting.com/2021/06/20.html#a212838

brandon-toner commented 3 years ago

Success! (I have the Little Outliner OPML file in my domain folder)

image

scripting commented 3 years ago

What’s the url of your new site?

brandon-toner commented 3 years ago

http://brandontoner.ca

scripting commented 3 years ago

Is that pointing to your glitch site?

brandon-toner commented 3 years ago

Yup, should be. I have some placeholder HTML there now while I figure out how to connect it to Little Outliner.

scripting commented 3 years ago

Good. I’ll help figure that out in the morning. 😀

scripting commented 3 years ago

Good morning Brandon! ;-)

I have the next step for you and it's very easy, and hopefully it works.

  1. At the top level of the sub-folder of the domains folder for brandontoner.ca, create a file called config.json.
  2. In that file put exactly the text you see in this file.
  3. In your browser, go to http://brandontoner.ca. you should see a picture of a driveway.
  4. If that worked, change the address of the driveway picture to the public address of the OPML file containing the content you want to appear at brandontoner.ca. It will look something like this.

That's it, you should be ready to go.

If you want to read about other things you can do in config.json, check out the configuring page on the PagePark site.

Please let me know how it goes.

brandon-toner commented 3 years ago

Great! Added the config.json file and successfully displayed the driveway.

I'm back on that work network where Little Outliner is being blocked, so I'll try to add the public link once I'm on another network.

I suspect its the url that displays when I click "Get Public Link".

scripting commented 3 years ago

I suspect its the url that displays when I click "Get Public Link".

No that's something else.

  1. Choose View OPML in the File menu.
  2. The address you're looking for is in the address bar of the browser.
brandon-toner commented 3 years ago

Ah! Glad I clarified. Thanks.

brandon-toner commented 3 years ago

Ok, did that. It's displaying the raw OPML file when I load http://brandontoner.ca.

How do I render it?

scripting commented 3 years ago

Brandon, we are in uncharted territory, I'm going to have to look into this might require a mode to PagePark. I'll let you know.

brandon-toner commented 3 years ago

I like the sounds of uncharted territory. I'm guessing the PagePark can render an OPML file, but is not recognizing the url-based OPML generated by Little Outliner for live-syncing?

brandon-toner commented 3 years ago

Some updates:

  1. I've uploaded the OPML manually (copy-paste into an index.opml file so that the site renders something in the meantime)
  2. I've also figured out how to upload an image to the outline by inspecting the XML on one of your pages. (I had to first upload the image as an asset to the node server, then link to it in the outline using some HTML(?) syntax)
  3. I played around with the "collapse" attribute to set some intentional closures on the OPML file.

I'm guessing I did a few of these the "hard way":

  1. Is there an "export" in Little Outliner to generate an OPML?
  2. What is the best way to add an image to an outline?

Here's how it looks now: image

brandon-toner commented 3 years ago

An eventual goal would be to have the "Blog" hosted on this domain as well, with something similar to the Scripting News layout.

Key elements:

scripting commented 3 years ago

FYI -- I do my linkblog with radio3.io.

On Mon, Jun 21, 2021 at 5:15 PM brandon-toner @.***> wrote:

An eventual goal would be to have the "Blog" hosted on this domain as well, with something similar to the Scripting News layout.

Key elements:

  • Blog
  • Links Blog
  • About

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-865349161, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32O22MSCI3CYKRYOORWLTT6TXXANCNFSM47AGAWTA .

scripting commented 3 years ago

there's a new version of pagepark that has the mirrors problem fixed.

replace your copy of pagepark.js with the new one.

https://github.com/scripting/pagePark/blob/master/pagepark.js

that's the only part in this release that changed.

you may have to puzzle it out because github and glitch are both new for you.

brandon-toner commented 3 years ago

I now have the new version uploaded to Glitch. Getting an error on line 40. image

scripting commented 3 years ago

that sucks. i can probably fix that pretty quickly.

scripting commented 3 years ago

OK there's a new version of pagepark.js with the "package" error fixed.

https://github.com/scripting/pagePark/blob/master/pagepark.js

It's odd, because I'm pretty sure that was in the previous version too.

Let me know how it goes.

brandon-toner commented 3 years ago

line40 error is cleared, getting some on 655-666 (didn't notice whether they were present on the .18 version). They all read the same error message, x not defined.

image

scripting commented 3 years ago

There's a new pagepark.js in the repo.

While you're trying that I'll try running it on glitch.

scripting commented 3 years ago

I'm trying to run it on glitch and it's still getting errors, very weird ones.

I thought I had it running here, not sure what's going on.

On Tue, Jun 22, 2021 at 3:42 PM brandon-toner @.***> wrote:

line40 error is cleared, getting some on 655-666 (didn't notice whether they were present on the .18 version)

[image: image] https://user-images.githubusercontent.com/67168828/122988934-a7390400-d378-11eb-8eb3-e5bc3258b848.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-866280276, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32OY7YWFRE3OPCBASI53TUDRRHANCNFSM47AGAWTA .

scripting commented 3 years ago

I got it to run sort of -- I had to change the package.json file.

At the very end, under "engines" for node, I changed it from * to 14.x.

"engines": {
        "node": "14.x"
    }

Then it ran without errors, but the home page didn't show up properly.

Something very weird is going on, I'll try to figure out what it's going to take to get pagepark to run here again properly.

scripting commented 3 years ago

Brandon, I gathered my thoughts on Glitch this morning..

http://scripting.com/2021/06/23/145559.html?title=revisitingGlitchAYearLater

You can skip to the end, but I think the rest of it is worth reading. Digital Ocean may be a better long-term option, and their docs are excellent, and their systems are standard and reliable.

scripting commented 3 years ago

Brandon, I just spent another 1/2 hour tinkering with PP on Glitch, and it just doesn't work reliably, and I don't have the tools (or time) I need to figure out why.

brandon-toner commented 3 years ago

Hmm — good to know! I'll start looking into Digital Ocean and other serving options.

brandon-toner commented 3 years ago

Someone had suggested checking out GitHub Pages as an option for hosting — I also plan to look into this a bit.

scripting commented 3 years ago

How would you get the LO2 outlines onto GitHub?

On Wed, Jun 23, 2021 at 1:04 PM brandon-toner @.***> wrote:

Someone had suggested checking out GitHub Pages https://pages.github.com/ as an option for hosting — I also plan to look into this a bit.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-867010089, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32O3R5BN7AIZUJUT3JVDTUIH3FANCNFSM47AGAWTA .

brandon-toner commented 3 years ago

Mirroring is not an option in that case? (As we were doing on Glitch)

scripting commented 3 years ago

When you use GitHub Pages you're using their web server, not PagePark.

Their server doesn't have the mirrors feature, it certainly can't render OPML in any nice way.

I have asked them to do it, btw. Eventually I'm sure they will. But not yet.

On Wed, Jun 23, 2021 at 1:29 PM brandon-toner @.***> wrote:

Mirroring is not an option in that case? (As we were doing on Glitch)

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-867025384, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32O6CFGHLDI5VAF7POWLTUIKVXANCNFSM47AGAWTA .

brandon-toner commented 3 years ago

Ah, unfortunate. So that likely narrows down to Digital Ocean as the next step. A worthwhile expense — I'll go for it.

brandon-toner commented 3 years ago

I've created an account on Digital Ocean — I'm finding that platform a bit more challenging to get oriented with.

Steps completed:

I took a pass through some of their docs — but couldn't quite get off the ground with setting up the node.js server like on Glitch.

scripting commented 3 years ago

Brandon, why don't I just set up your domain here, using a mirror, until we get to a place where it's easy for you to do your own.

I think we're wasting a bunch of time, both of us, when there's a much easier path available.

On Wed, Jun 23, 2021 at 5:42 PM brandon-toner @.***> wrote:

I've created an account on Digital Ocean — I'm finding that platform a bit more challenging to get oriented with.

Steps completed:

  • Account created on Digital Ocean
  • Domain pointed to Digital Ocean

I took a pass through some of their docs — but couldn't quite get off the ground with setting up the node.js server like on Glitch.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/scripting/Scripting-News/issues/210#issuecomment-867181081, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAM32O3JXIMTOZAIB5VA6D3TUJIMZANCNFSM47AGAWTA .

brandon-toner commented 3 years ago

Brandon, why don't I just set up your domain here, using a mirror, until we get to a place where it's easy for you to do your own. I think we're wasting a bunch of time, both of us, when there's a much easier path available.

Yup that sounds like a good plan. That would definitely help me to "get up and running" and "into the flow of it" without having to learn to much code/programming on the front-end.

Let's do it.