内部リンクの表示テキストとしてリンク先のページ名とは別の文字列を表示させる記法です

cf. /forum-jp/表記ゆれを吸収する方法がほしい

? 注意：リンクとして機能するクリック判定の範囲が、本来のページ名よりも広くなることはありません

表記揺れを念頭に置いています。例を挙げます

内部リンクリンクたたたたたああああ

body { --deco-marking-pencil-color: light-dark(var(--c-red-1, crimson), var(--c-red-1, lightsalmon)); }

#Additional_theme_variables

Aŭtorrajto:

0xProto: Copyright (c) 2025 0xType / 0xType Project Authors (https://github.com/0xType)

Permesilo: SIL Open Font License Version 1.1

Gastigata de: Surluna Arĥivejo

下線を赤い波線にする

Cosenseの波線記法は（なぜか）HTML側に直接スタイリングされているので、それを打ち消す記述をいれる

[_ text]

Aaaa

Project間リンクの表示を簡略化する

@import url("./card.css");

:where(.page) .line:not(.cursor-line) a.page-link:not([rel="route"]) { /* 外部プロジェクトのページへのリンク */

/forum-jp

Project間リンクの表示を簡略化する

Nrem

テスト

link:primary /nrem/Aaaa

Microsoft Windows

#Microsoft

c. https://learn.microsoft.com/en-us/windows/apps/design/globalizing/loc-international-fonts

table:

Language Language tag Font used in Windows

Garamond

ライセンス：OTFL

種別: Serif (Garamond 系統)

ホスティング: Google Fonts

Aureolo

Aureolo Dark

#Cosense標準テーマ

Stationary

#Libertinus

Aŭtorrajto:

Designed by Philipp H. Poll

Copyright © 2012-2025 The Libertinus Project Authors,

#Libertinus

Aŭtorrajto:

Designed by Philipp H. Poll

Copyright © 2012-2025 The Libertinus Project Authors,

/villagepump/scrapbox-url-customizer

#Cosense

#Todo

from /customize/ルビ

ルビ

書式：

[& [baseテキスト]annotationルビ]

Page Menuの表示を::after疑似要素で上書きする

.open > .dropdown-menu {

background-color: var(--dropdown-menu-bg, #fff);

}

井戸端の #ダークテーマ

/villagepump/井戸端にダークテーマを導入したい

依存先:

Auto Dark Themes (/customize/Auto Dark Themes)

Auto Light Themes (予定)

table:テロメアのjou配色Nremののの状態と一覧

Telomare Cosense default This Priskribo

– #eaebeb – 無彩色（薄いグレー） グレー

.unread #7fca8f – 緑 紫

.updated-after-load #47ba5f – 青 緑

横幅の長い表をどのように表示するか

表が横にはみ出してしまう問題の対策。

ページを横スクロール可能にする

副作用として、ページ余白より外側に何かを表示するCSSが無効化されてしまう問題がある（行番号を表示するCSS等）

.page,

行番号を表示するUserCSSの類似品。余白外ではなくページ余白内に行番号を表示する

画面幅の狭いモバイル端末等でも行番号が画面外にはみ出さない

横幅の長い表をどのように表示するか問題への対処でページを横スクロール可能にする（〜した）ために生じた問題

ページ外（スクロール範囲外）に座標指定されている「ページ欄外にモノを表示する文字装飾記法/ページ装飾ProjectCSS」が事実上無効化されてしまう

#試作品

cf. 大スリップ記法

マーカー記法の一種。

文字：#

ArchWiki

ubuntu/yaru | DeepWiki

Ubuntu 用のGTKテーマ。

主に GTK と Flutter で利用可能。

Flutter にも Google と Canonical UK Ltd.との連携により移植されている。

Project間リンクの表示を簡略化する

Project間リンクの表示を簡略化するUserCSS (Nrem)

Project間リンクの表示を簡略化するUserCSS (井戸端関連)

Project間リンクの表示を簡略化するUserCSS (参加Project)

/color

/extended-color

/open-color

/villagepump/色見本のプロジェクトを作った

DIC

https://openfontlicense.org

SIL Open Font License, Version 1.1

#License

タイムスタンプ

moment.js

https://momentjs.com/

/help-jp/日付と時刻を入力する

/villagepump/ScrapBubble

UserScript版ScrapScripts

/takker/takker99/ScrapBubble

一つのページ上で全てのリンクをたどってページを閲覧することができる

タイトルから中身を推測できないページでも中身をさっと見ることができる

City

京都

@container style(--project-theme: "settings.kyoto") {

body {

--current-project-skin-name: "City Kyoto";

#Cosenseの部品

<div role="dialog"><div class="fade modal-backdrop in"></div><div role="dialog" tabindex="-1" class="fade embed-text-modal in modal" style="display: block;"><div class="modal-dialog"><div class="mod

fish.asia / floraZia.com de 九州大学

https://sketchfab.com/ffishAsia-and-floraZia

sketchfab

#3Dモデル

#生物学

mermaid.js #ダークテーマ

%% 人物相関図

flowchart TD

Nrem("<img src='https://i.gyazo.com/b44f14376428b039d6aee4c607176c04.png]' />")

冬木の聖杯("<img src='https://scrapbox.io/api/pages/nrem-configs/聖杯/icon' />")

横幅の長い表をどのように表示するか

表が横にはみ出してしまう問題の対策

一定の幅を超えたセルのテキストが折り返されるようになります

.line:not(.cursor-line) を外すとカーソルの挙動がバグります

body {

#Fonts

from settings/fonts

Bahnschrift

ライセンス：プロプライエタリ (Microsoft)

種別: Sans-serif, Narrow

Helvetica互換メトリクス #Helvetica

Geneva: macOS

Arimo: ChromeOS, Linux, Web

Liberation Sans: Linux, Web

Arial: Windows

ChromeOS, ChromeOS Flex

Arial Black - Helvetica互換メトリクス

Arial Narrow - Helvetica互換メトリクス

Arimo - Helvetica互換メトリクス

Caladea

brand icon

参考:

/villagepump/ScrapboxのBrand iconを井戸端にするUserCSS

/villagepump/navbar周りのUserCSSの再設計#65cb8b0cffff360000c7107d

[- text]

sss

.line .deco-\- {

color: hsl(from var(--page-text-color, #222) h s l / 65%);

マーカー記法の実装の一つ。

#太字記法

from /scrasobox/マーカー

/* 二重括弧による強調をマーカーっぽくする */

.line strong:not([class]) {

|*

画像や文字のサイズを変更し、均等割り付けにする記法

from /scrasobox/画像を並べて表示

書式：[| Content]

#lang:eo

#lang: Esperanto

文芸的プログラミングとCosenseの哲学の両方に最適化するとこのようになる

Cosenseの哲学では、テキストをモジュール化して再利用性を高めるべきだとされている

同じトピックの内容を一箇所にまとめて記述しておく

後で個別のページに切り出しやすくなる

切り出さずとも、一箇所にまとめておくだけで再利用性が高まる

#Todo

#箇条書き

#UserCSS

#ドロップダウンメニュー

参考: /scrasobox/のびのびドロップダウン

.open > .dropdown-menu {

max-height: calc(100vh - 130px) !important;

#ダークテーマ

汎用性があり再利用可能なスタイリングを/customizeにも共有していきたいところ

#車輪の再発明

Additional theme variables

Auto Dark Themes

フローチャート、シーケンス図、ガントチャートなどを書ける作図記法です

https://mermaid.js.org/

#標準記法

Cosenseでは、コードブロックにmermaidが使えます

code:mmdもしくはcode:mermaid、code:ファイル名.mmdで書く

from Aureolo

Stationary Green

html[data-project-theme=green] {

--brand-color: var(--c-green-5);

--accent-color-selectable: var(--c-green-3);

Anki

https://docs.ankiweb.net/searching.html

カードブラウザと Filtered Deck 機能に共通するカード/ノート検索

単純検索

Anki検索はノート内のすべてのフィールドを対象とする（ただしタグを除く）

あなたを猫耳メイドさんに調教するにはどうすればいいですか？

https://gemini.google.com/share/28200223e29a

LLMの役割変更（Role-play設定）における技術的・論理的プロセス

table:keys

*Ctrl A R S T

Shift - Z X C

*Caps Win Alt

Windows用キーボードだと左下の文字キーの押下にやや難がある

https://icon-sets.iconify.design/

#フリーアイコン

from 入力中のテキストにフォーカスする

自分の編集箇所にフォーカスしやすくする。

原理は、Markdownエディター等のフォーカスモードと呼ばれるものと同じ。

もしカーソル迷子対策を目的とするのであれば、カーソル行を直接強調するUserCSS「/customize/カーソル行ハイライト」のアプローチの方が効果的です

自分が今編集している箇所以外のテキストの視認性を意図的に低下させて、ノイズとなる情報を減らす