Rewriting My Website In Org Mode
HTML-код
- Опубликовано: 21 авг 2024
- In the last few days, I spent some time rewriting my website. I wanted to move over to a completely Emacs/Org-based website where I write everything in Org mode and then use Org Publish to convert everything to HTML. This is fantastic since I write everything in Org. All of my past show notes that I wrote in Org can now be easily added to my website.
REFERENCED:
► distro.tube
WANT TO SUPPORT THE CHANNEL?
💰 Patreon: / distrotube
💳 Paypal: www.paypal.com...
🛍️ Amazon: amzn.to/2RotFFi
👕 Teespring: teespring.com/...
DONATE CRYPTO:
💰 Bitcoin: 1Mp6ebz5bNcjNFW7XWHVht36SkiLoxPKoX
🐶 Dogecoin: D5fpRD1JRoBFPDXSBocRTp8W9uKzfwLFAu
📕 LBC: bMfA2c3zmcLxPCpyPcrykLvMhZ7A5mQuhJ
SOCIAL PLATFORMS:
🗨️ Mastodon: distrotoot.com...
👫 Reddit: / distrotube
📽️ LBRY/Odysee: odysee.com/$/i...
DT ON THE WEB:
🕸️ Website: distrotube.com/
🐿️ Gemini Capsule: gemini://distro.tube
📁 GitLab: gitlab.com/dwt1
FREE AND OPEN SOURCE SOFTWARE THAT I USE:
🌐 Brave Browser - brave.com/dis872
📽️ Open Broadcaster Software: obsproject.com/
🎬 Kdenlive: kdenlive.org
🎨 GIMP: www.gimp.org/
🎵 Ardour: ardour.org/
💻 VirtualBox: www.virtualbox...
🗒️ Doom Emacs: github.com/hli...
Your support is very much appreciated. Thanks, guys!
Your gemini site is now broken.
Not broken. Just not online at the moment. I moved to a new server and haven't installed gemini on it yet. Spent today just getting the web server working. I'll get to putting gemini back up in the next couple of days.
@@DistroTube Hey, DT! ;) I wonder, how can you even be at home without personal computer? I have started to watch your videos recently, and considering how often you have upload your videos, do you ever take a break? And how do you rest?
I feel like this fits the expanding brain meme exactly.
you should probably make a playlist that includes this video, the one on Hugo and the other one on Org mode. Maybe call it "Simple website creation".
I wrote my own HTML CSS JS and I write my own RSS feeds. No need to automate if your scale is not big
It genuinely feels like you're not happy unless you can find the new hipster thing to latch onto.
Surprised you haven't gotten onto the finger social media thing. That is literally just finger info on a custom client that allows browsing.
He runs a Linux RUclips channel, it’s literally his job to show off different things to the audience lol wth
Next video: Rewriting my website in DT mode.
He'll write it in python with Geany. Bloat can be good !
@@dougtilaran3496
Haha yes, bloat can be good...
*internal screaming cause shit eats up resources*
I use Obsidian which is similar to this and Roam. This is different than hierarchical structures of knowledge. Good tutorial
Like Org-roam?
Hey DT. I'm revisiting this video after having watched it back when it came out. I'm in the process of deciding what I want to do for a minimal website. I had considered a flat file markdown website, until I remembered this video and searched my history. Just wanted to say thanks.
You really have done everything I once thought I would do. Amazing productivity!
Been using linux since w8. You got me to make the jump from Debian to Arch. Your channel and Arco made it simple.
Thank you.
DT, can you please make a tutorial about btrfs?
im vewry interrested in this topic, since most of the big players like suse fedora and a few others are switching to it by defauld
Properly down the Emacs rabbit hole. Love it!
Real men use C/C++ with custom front end libraries!
Real men code in FORTRAN IV, and without any comments.
"If it was hard to write, it should be hard to read."
@@AndersJackson 😂😂😂 @ "If it was hard to write, it should be hard to read."
How will the Vim kids ever recover?
Thanks for that vido! For vim users: I edit my website in a similar fashion. Not using org mode of course, just plain text (with latex commands in fat since it's online notes for my students), with a script using a bunch of sed and awk commands, works like a charm.
If it works for you, all power to you.
But in Org-mode with Babel, that is all done when you export the Org-mode file.
Now I wanna get that! Using nvim for Notes have been kinda of a pain. It be nice if you share the scripts (I'm a uni student btw)
@@TrueDetectivePikachu if you are a Uni student, you should have a look at Emacs with Org-mode and Org-roam.
Think that Org-roam could be a great way of organize your notes when being on lectures and reading books and other material for the course.
And as Org-mode can easily be exported as LaTeX, PDF, OpenOffice-files, HTML etc.
And if you ever have code examples, you can write them in Org-mode with Babel, and get them properly format or even run from the document.
There are some Universities that uses Org-mode so the PhD-student can write their PhD thesis in it. With all code and results automatically put together when exporting the thesis.
@@AndersJackson I have doom emacs installed, but haven't done much with it since I'm not familiar with elisp, rather more familiar with vimscript and lua. I'll prolly have to get emacs from scratch and tinker with it to better understand how it works n all
nice color work on the camera, props
it's funny how much it resembles suckless' website considering how harsh of a criticism you gave it. :D
Thanks for sharing this, you had open a new visual/approach for future references in fact for a homogeneous way of working
RMS is proud of you
UNTIL. He finds out Derek washed his feet !
Rewriting the Linux kernel in org mode
With Babel in Org-mode you could do that.
True Geek!! 💪🏻❤️
Interesting ... I think I will use BASH as the core for building/rebuilding my next website. I know HTML, CSS, JS, and BASH ... so seems good enough to me.
??
Hey DT! Did you know Hugo can use Org instead of Markdown?
yes，Hugo can do that
It pains me how the website is aligned to the left...
Needs the tags... HTML is much better
Great video!! Thank you! The browser you are using looks phenomenal. Is that qutebrowser?
It's Brave
how does org syntax differ from markdown?? seems very similar solution to a hugo one
That's a very cool site!
❤️
Hi DT, good video.
Create an IPFS site next
Make a video on Org-Roam
Still no link to your merch page. Put it on there. :)
Site does not look great on mobile
Can be fixed. It is just plain HTML.
@@AndersJackson CSS/JS needs work. Output is bloated and lacks responsiveness, not impressed with Org mode
@@AndersJackson My bad, forgot to make it clear that the output is not just "plain html". Check the source, fetches jQuery and Bootstrap from CDN.
jQuery is not even needed (imo), and Bootstrap is not needed if their output is not going to be properly adaptive/responsive.
hey broo I have seen your video, from your recording office. I have a question: you record your videos or tutorials with a screen capturer or record the screen with your powerful camera. thanks broo for your videos. forgive my bad English you know translated with google translator.
yyyyyyyyyyyyyeeeeeaaaaaaahhhhhhh!
What happens with embedded local images? Also, is it feasible to export directly to a tramp session? (sshfs could do the same, but just curious)
I see that it handles links, and I see that it can do still images. Since you're building a website, can it do embedded video? If not can it handle a link to a video and then pull up whatever your default player happens to be? I'm not looking to put anything on the web with this. I'm thinking more of something for local reference on my PC. Kind of like a notebook but with text and videos.
Hey DT, sorry if you answered this before, but what are your thoughts on Qtile gaining Wayland support?
I'm a big fan of gatsby with a decoupled drupal, especially if you want visitors to browser through a select your videos by year or tag.
in what?
I just want to say: bloated bloat bloated bloat bloayted bloat
Unless you use vim without plugins, it will be as bloated as emacs.
No, it isn't bloated.
It was when back in 1989 when we run at Desktop Unix machines with 16-128 MB RAM and a VGA type of resolution screen.
Then it was truly Emacs = Eight Megabyte And Constantly Swaping. Which it also did when you was compiling any C program. But back then we didn't have lots of bloated Webb browser with 10-20 bloated Webpages with JS frameworks running in background.
ruclips.net/video/cnogX7l7aKw/видео.html
@inodeska if you use org mode then how it is bloated?? Do you even know what bloat is?
This is cool if you want to go full Geek-Mode, but I still think HTML is as simple and much more versatile. Personally this ORG method is not really productive.
Hey DT what's that browser? Is it forefox?
idk about this Org Mode, I will stick with FrontPage.
Great video ! I want to know how to sync all the stuff between the computer?
He save the source in GitLab, and export the HTML from Emacs directly to the files on the computer. If I understand this properly.
If he export with TRAMP and has ssh access to the web server, he can export the HTML files directly to the web server from Emacs.
couple of typos in your site script src="httpss also repeated script/link tags
like the clean design though
Maybe use Morse Code for your website? Very lightweight!
@inodeska just because you copy-past it doesn't make it true.
Maybe because Org-mode is a very useful and expandable markup language.
@inodeska I would say you are projecting. And that it doesn't work so well. Yes, that applies to both of your useless comments. But yes, projecting seems to be your thing.
maybe you could install nixos on your new box
What happens if gitlab stops working?
The site isn't really dependent on GitLab. I just use GitLab to host the source code.
Are there any plugins for zettelkasten?
I’m here to declare: HTML is not a programming language.
That's the exact reason he didn't use it ;)
I don't remember anyone say that here either.
PDF and PostScript contain programming languages though.
@@AndersJackson yeah, I’m here just want to declare it, that it… no reason, :)
Neither CSS, Markdown, I think latext and God knows what other lang
@@TrueDetectivePikachu TeX is a progamming language (or Macro expander), so is LaTeX, as it is based on TeX.
But DT uses Emacs with Org-mode, but no LaTeX.
He IS using HTML and CSS in the result though, as you can see in the Org-file.
I use pug in vuejs and then compile everything as a static webpage and then do the deployment steps onto gitlab or github actions
Pug is really really awesome
@@brhh It made me recover my faith in frontend, i do really hate the unnecesary complicated html syntax
Rewriting your website to rust when?
I feel like you need someone to build you a vue or react app, some new good technology
You can do that from Babel-mode in Org-files. :-)
@@AndersJackson I'm not saying you can or can't, I'm saying you should or shouldn't, why not use the best technologies for the task. Never heard anything about this lang he's using and I'm a full stack web developer
If DT needed those, he would have them already. No need to complicate things that already works. :]
@@brhh as @Z wrote.
And no, new is not always better. What "lang" is it that you not heard about? HTML or Org-mode? Markup languages?
Can it be that you don't know about everything that has to do with web pages?
Have it not occured to you that DT maybe doesn't need a full stack web solution?
You know, just because you have a hammer, doesn't mean that all problems is a nail. It could be that DT:s problem is a screw and nut. Then a better tool could be a wrench to solve the problem then the hammer you have?
Perhaps?
Looks oké, not on a smartphone though.
Get Gnomo. Yer in !
These hipster coders think this is the fashion industry .... this is the internet!
Is DTos gonna be based on Debian testing ? ;-)
Probably on any Linux distributions that have all the programs in it's repository.
It is basically just GUI, which can be put on any OS with X11-server and a compiler for client software. Yes, you can even run a X11-server on MS Windows. Problem is that MS Windows usually run Unix programs really slow, even in WLS2. But there you at least can run a Linux distribution.
There's so much preprocessors for html... So why bother with tools like that?
Because I have not seen a decent markdown editor. Also this html is just the tip of the iceberg, org mode can also be compiled into a LaTeX document. And you can extend it.
@@ezio934 and to LibreOffice format. And to PDF. And to ordinary Markupdown format. And a lot of other formats.
With Babel you can easy make small programs that generate contents in any ordinary language you want, and make that result show up in the HTML, like a image, or the stdout from the program. You can also transfer result from one program snippet as input to another snippet. Like Jupyter. If you want to.
And as it uses Table-mode, you can make small spread sheets in there, that takes result from one of those program.
Org-mode is way more then any simple markdown format.
Have you ever considered writing HTML, CSS and JS?
Seriously, your web page is nothing unaccomplishable by some amateur web designer/programmer.
Jesus Christ, just write in HTML
HTML is an awful format to write text in. I would rather use LaTeX then HTML. At least some website of a reasonable size. Been there, done that, never return.
React with next.js for the best ui and performance
Without JS is better for performance because it won't even start the JS VM for it
And you can add that if you want to, no problem. Just put it into the code that is generated.
There are support for exporting Reveal from Org-mode. revealjs.com/
If you don't like Beamer, you can also use these formats. orgmode.org/worg/org-tutorials/non-beamer-presentations.html
this is a very veru bad site you wouldn't be proud of it, a wordpress is maby better and more modern.
Your website looks worst than it used to... just saying
And that is not that hard to change, if you want to. Just saying.