modified	Saturday 9 May 2026

Edited: Saturday 9 May 2026

Headline ¶

Computer science is the study of computation, automation, and information. Computer science spans theoretical disciplines (such as algorithms, theory of computation, information theory, and automation) to practical disciplines (including the design and implementation of hardware and software). Computer science is generally considered an area of academic research and is distinct from computer programming.

Integrations ¶

Generates RSS feed
Generates ActivityPub Outbox stream
Generates Sitemap for search engines
Disqus comments
Encrypt files with GPG

Custom theme ¶

To override any xlog template :

Create a theme directory inside your knowledge base directory
Create a file with the same name of the template you need to override with the new template
Running xlog will load all template files then read theme to override any previously defined theme

For example, xlog has templates defined inside templates/ one of them is pages.html which display a list of pages. to override it you can:

Create file theme/pages.html with the new Go template content.

If the page starts with an image it’ll be used as a banner

Front matter ¶

If the page starts with a frontmatter YAML object it’ll be added to the page properties
title attribute will replace the page title (that is the filename by default)

Styling text ¶

Style	code	example
Bold	`**`	Bold
Bold	`__`	Bold
Italic	`*`	Italic
Italic	`_`	italic
Strikethrough	`~~`	~~Strikethrough~~
Subscript	`<sub>`	X₂
Superscript	`<sup>`	X²
Auto-linking page names	Just write the page name	index, 1/3 Features Test
Explicit linking	`[text](url)`	Emad Elsaid
Wiki-style linking	`[[Page Name]]`	index, Features Test
Shorting Long URLs:		https://en.wikipedia.org/wiki/…
Emoji	`:EMOJICODE:`	🔧
Detect date	`DD-MM-YYYY`	1 January 2023
Detect hashtag	`#`	Testing
Foot note	`[^1]`	¹
Typography replacement	`'` `"` `--` `...` `<<` `>>`	‘hello’, “hello”, –, …, «, »
Inline MathJax with	`$`	$ax^2 + bx + c = 0$
Inline MathJax with	`$$`	$ax^2 + bx + c = 0$

Date ¶

Dates are recognized in your markdown without extra syntax. for example 1-January-2023 shows as a link 1 January 2023
Dates become links to a page that lists all pages with this date. For example the date in the previous line links to a page that has a list of all pages mentioning 1st of Jan 2023.
The navigation bar has a link to “Calendar” which shows all months that include pages with dates.

So you can create a page every day like a diary or agenda, write the date in it and it’ll show up in the calendar.
Also you can use a date as due date for a todo, and you can check the calendar for upcoming due dates.

Blocks ¶

Quote using `>` ¶

Computer science is the study of computation, automation, and information.

Code using “```” ¶

fmt.Println("hello world")

Code using “```” and language name “```go” ¶

1fmt.Println("Hello World")

LiveCodes Interactive Playgrounds ¶

Interactive React component:

import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);
  
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

Loading playground...

Interactive Python code (only shows Python tab, no HTML/CSS):

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

for i in range(10):
    print(f"fibonacci({i}) = {fibonacci(i)}")

Loading playground...

Interactive JavaScript with console open and custom height:

console.log("Hello from LiveCodes!");

const greet = (name) => {
  return `Hello, ${name}!`;
};

console.log(greet("World"));

Loading playground...

Light theme example:

export default () => <h1 style={{color: '#333'}}>Light Theme!</h1>

Loading playground...

MathJax Block with `$$` ¶

\[\vec{\nabla} \times \vec{F} = \left( \frac{\partial F_z}{\partial y} - \frac{\partial F_y}{\partial z} \right) \mathbf{i} + \left( \frac{\partial F_x}{\partial z} - \frac{\partial F_z}{\partial x} \right) \mathbf{j} + \left( \frac{\partial F_y}{\partial x} - \frac{\partial F_x}{\partial y} \right) \mathbf{k} \]

Image using `![alt](url)`: ¶

Auto-convert image URL to an image ¶

Preview URL if in a line ¶

https://www.emadelsaid.com/Why I became a software developer/ Pyramids of Giza, Cairo, Egypt In my teen years I mostly liked two things, Drawing and Computers. I used to get high grades in mostly everything, even the subjects I didn t like like English and math

Custom blocks ¶

xlog extensions/blocks/templates has a set of blocks
file names represent the block name, and the file content is a Go template that will be executed with the block content parsed as YAML

For example extensions/blocks/templates/book.html represents a blocks book

```book
title: The food of the gods
author: H. G. Wells
image: /docs/public/d32ac848ea161f9b384ed2ed81d657e3f150bcd3aa355a75741b95c76b873898.avif
```

Parses the content as YAML and is passed to the book.html file rendering the block to :

The food of the gods

H. G. Wells

Authors: