ブログらしきものを作る。

yimiru

noteが微妙にSNS過ぎてあまり嬉しくないのと、もう少しつぶやき感覚でありながらscrapboxほど簡単ではない手数の環境を手に入れたくなりました。
noteは背景が白すぎる。

構造としては

  • blog/
    • オリジナル構文で書いたtxt
    • txtの情報をもとにhtmlファイルを作るpython
    • その参考になるフレームのhtml素材
    • 画像用フォルダ
      • 画像たち
    • 出力先1 index.html にタイトルや画像情報とtxtファイル制作時間を入れる
    • 出力先1 YYYY-MM-DD.html ブログ本体。txtをhtmlに変換したもの。txtの数だけ増える

となっています。

構文の一覧

大体マークダウンから持ってきていますが、改行で操作したくないので[]で囲います。

タイトル系

ハッシュタグを使ってタイトルを出す3つが

このように

ある!!!!!

のと、4つ以上ハッシュタグがある場合は目次が勝手に追加されます。

埋め込み、画像

Youtubeはリンクをコピペするだけでiframeにしてくれます。

Twitterも埋め込めるようにするか(今実装 しました)

ブログに画像をおいた場合なくてもいいんですけどね。ないなら空のimgがあるだけなので。1枚目のものをどこでも取ってきて一覧に出します。

書式

あと本webの特徴として、隠しコメント機能こういう機能です。私は会話中に雑談やネタを仕込んだりしたくなるので、脚注以下 0px文字以上の機能が欲しいですがあり、それも使えます。

引用もあります
改行もできます

画像や引用にコメントをつけるための中央揃えです

コメントアウト(```)をつかえば
#構文を無視してくれます。htmlは無視されません。
https://www.youtube.com/watch?v=NctffbWZ23w
[i test.png]
ここの実装は少し手間取りましたが、結局よくわからないので一度囲われた部分を抜き取る方法にしました。
もっといい方法がある。

追加修正

  • 12/3: jsonにまとめる方式に変更、ブログカードの追加、idで執筆者を記載しチェックボックスで操作できるように。
    • 修正はtxtファイルが無い場合hmtl直打ちになる。それぐらいの責任があったほうが良いし、どうせtxtファイルの削除は手動なので面倒で消さないだろう。
    • ブログカードはリンクを置けば良い。以下のように。hazuquのサイトにもいずれおけるようにします。
      • 使わないので削除。

おわりに

継続できない気もしますが、noteで書きたくなったときに(表に出すまでもないな)と思ったときに使えればと思います。
いいねと共有ボタンもおいておきます。jsが乱数を出してくれるのですでにたくさんの評価を頂いています。ありがとうございます。
押すと加算されます。いっぱい押せばいっぱい加算されます。ただ特に値を保存してはいません。
それではよろしくお願いいたします。

♥
⤴