Bloggerではページ内リンクが作成不可？

他のブログに習って目次を作りたいと思い試行錯誤していたところ、どうやらBloggerではページ内リンクが作成できないようだ。正確には絶対パスでは作成可能だが。

目次

  1. ページ内リンクとは
  2. Bloggerで作りこんでみると、、、
  3. 試行錯誤の結果
  4. 残課題

ページ内リンクとは

同一ページ内へのリンクのことで（もしかしたら別に正確な表現があるのかもしれないが）、htmlで書けば以下のようなことをしたい。このページにも試行錯誤の末の目次を上段に作成しているが、やりたいことはそういうこと。

  <h4>目次</h4>
  <ol>
    <li><a href="#001">コンテンツ1</a></li>
    <li><a href="#002">コンテンツ2</a></li>
  </ol>
  <p>サイト内リンクの作り方</p>
  <h4 id="001">コンテンツ1</h4>
  <p>先ずはhogehoge...</p>
  <h4 id="002">コンテンツ2</h4>
  <p>次にmogamoga...</p>

例えばこの場合、コンテンツ1というリンクをクリックすると、h4タグのid属性001へ移動する仕組みだ。

Bloggerで作りこんでみると、、、

Blogger上で上記の仕組を作ろうとした場合、HTMLエディタに切り替えて作業する必要があるので直にHTMLを記述して（実際にはPythonスクリプトで処理したのだがそれはまた別記事で）、idを埋め込んだり目次のリストを記述してみた。出来上がって実際に表示してみると何故かリンクがうまく動作しない（編集画面が表示される）。確認のため、HTMLエディタに戻ってみたところHTMLがこんなことに、、、

<h4>
目次</h4>
<ol>
<li><a href="https://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxxxxxxx#001">コンテンツ1</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxxxxxxx#002">コンテンツ2</a></li>
</ol>サイト内リンクの作り方<br />
<h4 id="001">
コンテンツ1</h4>
先ずはhogehoge...<br />
<h4 id="002">
コンテンツ2</h4>
次にmogamoga...
※ xxxxxはこのブログのユニークID

勝手に編集画面のURLをリンクに追記している。。。何かの便利機能だか安全のための機能何だろうが、この動作は全く理解ができない。。。なぜこうなる。
ページのURLならまだしも編集画面のURLを挿入とか何を晒しているんだと。。。何度書き換えても上記の通り戻されてしまうのでどうにも直せないし。
因みに、改行が超絶見づらいがこれは以前から知っていたのであまり気にならなかったが、この記事を書いている時に改めて認識してとてもイライラした。

試行錯誤の結果

勝手に追記/上書きしてしまう編集画面のURLを、パーマリンク（ページのURL）に置き換えることで、とりあえずは勝手な編集もされず、意図した動作にすることができた。

<h4>
目次</h4>
<ol>
<li><a href="http://tonton7.blogspot.com/2017/01/blogger.html#001">コンテンツ1</a></li>
<li><a href="http://tonton7.blogspot.com/2017/01/blogger.html#002">コンテンツ2</a></li>
</ol>サイト内リンクの作り方<br />
<h4 id="001">
コンテンツ1</h4>
先ずはhogehoge...<br />
<h4 id="002">
コンテンツ2</h4>
次にmogamoga...

残課題

絶対パスで記述するとページを再読み込みしているのか、そもそも表示が極端に遅いこのブログでは、該当箇所へ移動(表示）するのに数秒待たされる。正直そんなに待つのであれば、自分が読者なら表示を待たずにブログから出てしまうと思う。この妙な補完機能をオフにできないものか、、、

コメント

コメントを投稿

このブログの人気の投稿

Python SQLite スレッド間でコネクションの使いまわしは出来ない

以下のエラーが出た。 ProgrammingError: SQLite objects created in a thread can only be used in that same thread.The object was created in thread id 5052 and this is thread id 3176 SQLiteのオブジェクトは作成されたスレッドでしか使えない。とのこと。 そういうもんなのか。。。ちょっと面倒。 ■ サンプルプログラム import sqlite3 class CreateConnection(threading.Thread): connection = sqlite3.connect(':memory:') def __init__(self): threading.Thread.__init__(self) def run(self): sql = 'SELECT col1 from TEST_TABLE' self.connection.cursor().execute(sql) if __name__ == '__main__': sql = "CREATE TABLE TEST_TABLE ( col1 INTEGER );" sqlite3.connect(':memory:').cursor().execute(sql) CreateConnection().start()
続きを読む

slackでgeneralの投稿を全削除する

イメージ
最近slackも日本語化して、海外との槍とも多いことからchatworkからslackへ移行しています。 slackは概ね満足なのですが、１点不満を言うとすれば、ワークスペースという一旦大きなくくりを作らないといけないので、LINEのグループみたいなものを作る点がやや億劫です。 ですが、その点を除けば、概ね機能性は他のサービスの上位互換な気がしています。。。 Slackを仕事で暫く使用しているとると困ったことが発生しました。 それは、generalというデフォルトのチャネルに関してで、全メンバー公開のこのチャネルに色々投稿していたのですが、プロジェクトの途中に権限レベルの異なるメンバーが参加し、そのメンバには見せられない情報をgeneralに投稿してしまっていたからで、当初はgeneralにアクセス制限かければと考えたのですがどうにもそれはできない仕様になっており別の対策をする必要が発生しました。 ということで、今回は以下の対応を取りました。 1. generalの内容をエクスポート 2. generalの内容を別のプライベートチャネルにインポート 3. generalの内容を全削除 1と2はslackの機能で対応可能です。 3は対応できなかったのでPythonで削除することにしました（もちろん手動で一つ一つ削除することは可能です） なお、以下の手順は実行者がオーナーの場合を想定しています。 権限が無ければエクスポート等できない操作があります。 1.generalの内容をエクスポート 以下にアクセスして「エクスポートを開始」をクリックします。 データのエクスポート ※ 事前にワークスペースにログインしておく必要があります。 そのまま準備が完了するまで待ちます。 適当なタイミングで画面リフレッシュ（F5)すると「ダウンロード可能」の文言が現れますのでこれをクリックするとエクスポートファイルをダウンロードできます。 (参考) ワークスペースの管理 2.generalの内容を別のプライベートチャネルにインポート 以下にアクセスして「Slack」行の「インポート」ボタンをクリックします。 データのインポート 「ファイルを選択」ボタンをクリックして先ほどエクスポートしたファイルを選択し、 「インポー
続きを読む

Google location history（JSON形式）をCSVファイルにする

前回の挫折 から、今度はJSON形式で出力したGoogle locaiton historyを、まずはCSVに吐き出すことをしてみた。時間、緯度、経度、高度以外の情報はバッサリ切り捨て。 参考サイト(コード）はこれ https://github.com/Scarygami/location-history-json-converter/blob/master/location_history_json_converter.py ソース import json import datetime import csv class placetime ( object ): def __init__ ( self , je): self .time = je[ 'timestampMs' ] self .longitude = je[ 'longitudeE7' ]/ 1e7 self .latitude = je[ 'latitudeE7' ]/ 1e7 self .altitude = je[ 'altitude' ] if 'altitude' in je else None def __lt__ ( self , other): return self .time < other.time def __str__ ( self ): return "{t} {lg} {lt} {al}" .format( t = self .ftime , lg = self .longitude , lt = self .latitude , al = self .altitude) @ property def ftime ( self ): return datetime.datetime.fromtimestamp( int ( self .time)/ 1e3 ).strftime( "%Y-%m-%d %H:%M:%S" ) @ property
続きを読む