独学者Fossa

独学していることなど

前回のおさらい

fossa-hobby.hatenablog.com

Webブラウザのブックマークの管理を、HTMLファイル形式にしようと思ったキッカケは、Firefoxです。

Firefoxって、ブックマークをエクスポートすると、HTMLファイルが出力されます。

ブックマークをHTMLで管理するのも有りだと思い、それなら、HugoHTMLを生成しようと思ったわけです。

ブックマークのリンクだけでなくて、コメントや図(スクリーンショットなど)もあった方が良い場合も、想定しました。*1

イメージ図
イメージ図

上図(イメージ図)だと、記事ページの中身は、以下の通りです。

+++
title = "3100.Amazon Web Services"
linkTitle = "Amazon Web Services"
description = ""
slug = "aws"
weight = 3100
+++
### Amazon Lightsail (VPS)

* [第547回 Amazon LightsailでUbuntuサーバーを構築する:Ubuntu Weekly Recipe|gihyo.jp … 技術評論社](https://gihyo.jp/admin/serial/01/ubuntu-recipe/0547)
* [【月額400円~】安くてカンタンが売りの Amazon Lightsail に Laravel 環境を構築して最安運用する手順 \- Qiita](https://qiita.com/kd9951/items/a933c5a6c8ca935e50e4)
* [AWS Lightsailでインスタンスを作成する \- Qiita](https://qiita.com/SSMU3/items/8abc581fb8fcff97de73)
* [お名前\.com \+ Amazon Lightsail \+ WordPressでブログを構築する6つの手順 \| ゆういちのブログ](https://blog.yuichisato.net/build-a-blog-with-onamae-amazon-lightsail-wordpress/)
* [Amazon Lightsail に Laravel環境を作ってみた | Developers\.IO](https://dev.classmethod.jp/study_meeting/laravel-study-lightning-talk/)

Markdownのリンク生成は、ブラウザの拡張機能(アドオン)のボタンを押すと、自動で生成してくれるのがあります。

Firefoxだと、Copy as MarkdownFormart Link
Chromeだと、Create link

  1. サイトに訪問します
  2. ブックマークしたいサイトなら、拡張機能をクリックします
  3. エディタ*2を立ち上げて、Hugocontentフォルダの中から、記事ページを開いて、ペーストする
  4. Hugoで、HTMLを生成する


情報を整理するのって、いつも、大変だなって思います。

*1:ウィキペディアみたいな感じ

*2:VS Codeなど