Skip to content

Commit

Permalink
actual tutorial
Browse files Browse the repository at this point in the history
this is quite a long one uhhh hopefully people can follow it
  • Loading branch information
Moosyu committed Oct 3, 2024
1 parent 67f312c commit fe06344
Show file tree
Hide file tree
Showing 3 changed files with 121 additions and 4 deletions.
6 changes: 3 additions & 3 deletions src/css/comment-widget.css
Original file line number Diff line number Diff line change
Expand Up @@ -126,8 +126,8 @@
resize: none;
}
#c_submitButton {
display: block;
margin-left: auto;
display: block;
margin-left: auto;
margin-right: 0;
}
#c_replyingText {
Expand All @@ -150,7 +150,7 @@
margin-right: 0;
padding: 10px;
border: 2px solid white;
background-color: #459ee6;
background-color: #459ee6;
}
.c-reply:last-child {margin-bottom: 0;}
.c-replyContainer {
Expand Down
117 changes: 117 additions & 0 deletions src/pages/guides/lexiqqq_eleventy.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
---
title: "lexiqqq + 11ty github workflow"
date: 2024-10-03
---

{% set prismCss %} {% include "../../css/prismTheme.css" %} {% endset %}
<style>
{{ prismCss | cssmin | safe }}
</style>

this probably isnt efficient or good but it works, dm me on discord if you want to scream at me or make an issue on github if you want to make it good. anyways if you want to use this workflow that builds your 11ty project and puts the files from _site into lexiqqq just follow these very simple steps

1. make a folder in the root of your project called .github, then make another folder inside .github called workflows, inside workflows make a yml file, i call mine build.yml

```
project root/
└── .github/
└── workflows/
└── build.yml
```

2. inside build.yml copy and paste this:

```yml
name: Deploy to Lexiqqq

on:
push:
branches: ["main"]
workflow_dispatch:

jobs:
build:
runs-on: ubuntu-latest

steps:
- name: Checkout code
uses: actions/checkout@v3

- name: Use Node.js >= 14.x
uses: actions/setup-node@v3
with:
node-version: 20.x

- name: Install dependencies
run: npm install

- name: Build the site
run: npx @11ty/eleventy

- name: Setup SSH key
run: |
mkdir -p ~/.ssh
echo "${{ secrets.LEXIQQQ_PRIVATE_KEY }}" > ~/.ssh/private.key
chmod 600 ~/.ssh/private.key
ssh-keyscan lexiqqq.com >> ~/.ssh/known_hosts
- name: Copy _site to Lexiqqq with SCP
run: |
scp -i ~/.ssh/private.key -o UserKnownHostsFile=~/.ssh/known_hosts -o StrictHostKeyChecking=no -r _site/* [email protected]:/home/YOURLEXIQQQUSERNAME/public_html/
```
3. inside that document replace "YOURLEXIQQQUSERNAME" with your lexiqqq username on the last line (your username is the name before .lexiqqq.com on your url)
4. now here it gets a little complicated, go into your github repo, go to settings, click the secrets and variables dropdown on the right and click actions. in the actions page you're going to want to click "New repository secret".
![https://i.imgur.com/3JxV4Eq.png]
5. in the new repository secret menu for for the name write LEXIQQQ_PRIVATE_KEY. for the secret you're going to want to open a terminal window, run this command (but replace [email protected] with your actual email, this is a comment that is associating the key with your email so you can identify it):
```bash
ssh-keygen -t ed25519 -C "[email protected]"
```

now just press enter when you are prompted with the storage location and a passphrase, just press enter for all of these without typing anything in.

6. once you've done that run this command

```bash
ssh-copy-id -i ~/.ssh/id_ed25519.pub [email protected]
```

this is copying your public key (specified with the .pub) to your lexiqqq server, make sure to add your lexiqqq username instead of just leaving it as "YOURLEXIQQQUSERNAME" before running this command!

7. if you want to make sure this worked try running

```
ssh -i ~/.ssh/id_ed25519 [email protected]
```

it should ssh you into your lexiqqq account without a password prompt appearing

8. last step!! if youre on linux(or maybe mac too) run

```
cat ~/.ssh/id_ed25519
```

if not go to where your ssh keys were just saved to ( ~/.ssh by default on unix based or on windows i think its C:\Users\PUTYOURUSERNAMEHERE\.ssh), find the file "id_ed25519" NOT "id_ed25519.pub" and copy the contents, it should look something like:

```
-----BEGIN OPENSSH PRIVATE KEY-----
.....................................
.....................................
.....................................
.....................................
...................................==
-----END OPENSSH PRIVATE KEY-----
```

(but instead of dots a random scramble of characters), copy that INCLUDING the -----BEGIN OPENSSH PRIVATE KEY----- and -----END OPENSSH PRIVATE KEY----- into the "Secret *" of your LEXIQQQ_PRIVATE_KEY secret you started making in step 5. it should now look like this without the massive red square:

![](https://i.imgur.com/tpaisrn.png)

then just press add scret

9. profit!! that should be it, now any commits you make to the repo will auto update your lexiqqq site.
2 changes: 1 addition & 1 deletion src/pages/inspirations.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ title: inspirations

[incessantpain {this is probably my favourite site, its so dense and charming, i hope that my site will eventually end up this packed with just stuff}](https://incessantpain.neocities.org/)

[scump's house {i stole the factory reject flower thing from this guy i think. their site's really nice to look at and their homepage has always been a massive inspiration.}]("https://swirl.neocities.org/")
[scump's house {i stole the factory reject flower thing from this guy i think. their site's really nice to look at and their homepage has always been a massive inspiration.}](https://swirl.neocities.org/)

[melps {an incredibly visually unique and insanly interesting site thats sadly slowly falling to pieces}](https://melps.neocities.org/)

Expand Down

0 comments on commit fe06344

Please sign in to comment.