blog.bido.dev

Hello, World はじめての投稿

cre: 2026-05-01 upd: 2026-05-04
web meta md
raw

This article is auto-translated by Claude.

## intro

初めてドメインを取得してから数年が立ち、そこからこのドメインに移行し数年。いつかブログやポートフォリオ書こうとは思っていたもののブログエンジンを作るのめんどくさいなの気持ちでここまで来てしまった。 流石に重い腰を上げてブログを作成した。

## 構成

GitHub Pages を利用しmasterブランチにコードとmarkdown、gh-pagesブランチにpages用のoutputをActionで生成するようにしている。

SSGはgithub:bido.devにおいてある。

## Markdown記法とプレビュー

### heading

headingは上記の通り#も描画する。

#### heading 4

##### heading 5
###### heading 6

### コードブロック

const greet = (name: string): string => `Hello, ${name}!`
console.log(greet("world"))

### 箇条書きリスト

  • Nest 1
    • Nest 2
      • Nest 3

### 番号つきリスト

  1. 1
  2. 2
    1. Nest
    2. Nest

### 引用

さようなら、今まで魚をありがとう

### 二重引用

ほとんど無害

### 強調

#### <em>

- 👉これ、実は*あるあるです。*
  • 👉これ、実はあるあるです。

#### <strong>

- 👉これ、実は**あるあるです。**
  • 👉これ、実はあるあるです。

#### <em>+<strong>

- 👉これ、実は***あるあるです。***
  • 👉これ、実はあるあるです。

### リンク表記


[bido.dev](https://bido.dev)

bido.dev

### 定義参照リンク

[こっちからbido.dev][bido]
その他の文章
[こっちからもbido.dev][bido]

[bido]: https://bido.dev

こっちからbido.dev その他の文章 こっちからもbido.dev

### テーブル

構文 タグ 備考
# 見出し <h1>〜<h6> # プレフィックス付き
`code` <code> インライン
**strong** <strong> 太字
*em* <em> 斜体
~~del~~ <del> 打ち消し線

### 打ち消し線

これは削除されたテキストです。

### タスクリスト

  • ドメイン取得
  • ブログエンジン自作
  • 初投稿
  • 次の記事を書く

### 水平線

### 数式（Typst記法）

数式は Typst の記法で記述する。 $...$ でインライン、$$...$$ でブロック表示。 ビルド時に typst-ts-node-compiler で SVG に変換される。

#### インライン

ピタゴラスの定理: 𝑎2+𝑏2=𝑐2

オイラーの等式: 𝑒𝑖𝜋+1=0

#### ブロック

∫+∞−∞𝑒−𝑥2d𝑥=√𝜋
∑𝑛𝑘=0(𝑛𝑘)=2𝑛

#### TeX記法との比較

Typst TeX
alpha \alpha
sqrt(x) \sqrt{x}
(a)/(b) \frac{a}{b}
sum_(i=1)^n \sum_{i=1}^{n}
integral \int

## push

# ビルドして確認
bun run build:blog
open output/blog/hello-world.html

## intro

Several years have passed since I first got a domain, and a few more since migrating to this one. I always meant to write a blog or portfolio, but kept putting off building the engine. I finally got around to making it.

## structure

Using GitHub Pages — the master branch holds source code and markdown, while gh-pages gets the built output generated by Action.

## Markdown syntax & preview

### heading

Headings render with the # prefix, as shown above.

#### heading 4

##### heading 5
###### heading 6

### code block

const greet = (name: string): string => `Hello, ${name}!`
console.log(greet("world"))

### unordered list

  • Nest 1
    • Nest 2
      • Nest 3

### ordered list

  1. 1
  2. 2
    1. Nest
    2. Nest

### blockquote

So long, and thanks for all the fish.

### nested blockquote

Mostly harmless.

### emphasis

#### <em>

- 👉 This, actually, *is a common thing.*
  • 👉 This, actually, is a common thing.

#### <strong>

- 👉 This, actually, **is a common thing.**
  • 👉 This, actually, is a common thing.

#### <em>+<strong>

- 👉 This, actually, ***is a common thing.***
  • 👉 This, actually, is a common thing.

### links

[bido.dev](https://bido.dev)

bido.dev

### reference links

[bido.dev from here][bido]
other text
[also bido.dev from here][bido]

[bido]: https://bido.dev

bido.dev from here other text also bido.dev from here

### table

Syntax Tag Note
# heading <h1>〜<h6> # prefix
`code` <code> inline
**strong** <strong> bold
*em* <em> italic
~~del~~ <del> strikethrough

### strikethrough

This is deleted text.

### task list

  • Get a domain
  • Build a blog engine from scratch
  • First post
  • Write the next article

### horizontal rule

### math (Typst notation)

Math is written in Typst notation. $...$ for inline, $$...$$ for block display. Converted to SVG at build time by typst-ts-node-compiler.

#### inline

Pythagorean theorem: 𝑎2+𝑏2=𝑐2

Euler's identity: 𝑒𝑖𝜋+1=0

#### block

∫+∞−∞𝑒−𝑥2d𝑥=√𝜋
∑𝑛𝑘=0(𝑛𝑘)=2𝑛

#### comparison with TeX

Typst TeX
alpha \alpha
sqrt(x) \sqrt{x}
(a)/(b) \frac{a}{b}
sum_(i=1)^n \sum_{i=1}^{n}
integral \int

## push

# build and check
bun run build:blog
open output/blog/hello-world.html