行リンクを装飾する

UserCSSを使って行リンクをアイコンとして見せる方法

code:style.css

/* page links */

.line:not(.cursor-line) a.page-linkhref*='#':not(.icon) span{

display:none}

.line:not(.cursor-line) a.page-linkhref*='#':not(.icon)::after { font-family:'FontAwesome'; content: ' \f13d'; display: inline-block;}

テロメアの部分でアドレスをコピーすると

[行リンクを装飾する#5df3453c7ccd070000ce4183]

のようにページ行リンクが使える。

これを項目１のように短縮しようとすると新しいタブが開いてしまう。

解決策としてUserCSSを使ってリンクに# を含むページリンクをアイコンで表示する。

使用例

項目１

項目２

項目３

ただ行リンクはページ固有で別プロジェクトにコピペしても動かないのであまり使いたくない。