Email or username:

Password:

Forgot your password?
iliazeus

В очередной раз переделал себе домашнюю страницу в браузере.

Готовые решения меня не устраивали - в основном, из-за того, что я хотел просто кучу ссылок с иконками и ничего особо больше, а все, что находил, предлагало либо слишком мало, либо слишком много фич.

В итоге генерирую ее шаблонизатором keats.github.io/tera/, завернутым в исполняемый файл (таких проектов есть несколько, но все они работают почти одинаково). Получается статический HTML с вручную написанным CSS и какой-то полу-рандомной опен-сорсной библиотекой иконок. Некоторые пункты - это ссылки на такие же страницы, где еще больше ссылок.

Ссылки задаю в TOML-файлах - сначала держал все в YAML, чтобы писать строки без кавычек, но потом понял, что уже пора разбивать конфиг на несколько файлов, а YAML фиг смерджишь просто так, в то время как TOML можно (с некоторыми ограничениями) просто тупо склеить друг с другом.

Итоговый код и контент выложил на github.com/iliazeus/homepage, но убрал в .gitignore все приватное (надеюсь).

10 comments
[DATA EXPUNGED]
Шуро

@iliazeus О, тоже такая страничка была, ещё давно :)

Снова сделать, что ли...

Генератор, кмк, тут вообще не нужен. Форматирование аскетичное, контент меняется редко и незначительно. Я просто писал руками html.

iliazeus

@shuro я тоже так хотел сначала, но в моем случае решил, что оба этих условия не выполняются :) разметки для форматирования все равно слишком много по отношению к контенту, а содержание меняется не то чтобы прям редко.

А главное - периодически меняется само форматирование. Я, к примеру, очень хочу, чтобы все ссылки влезали в один экран, поэтому уже пару раз переделывал структуру. Сейчас пустого места много - но это потому, что часть ссылок я всё-таки вынес на под-страницы.

Шуро
@iliazeus Тут зависит от личных желаний, конечно. У меня была одна страница, ссылки на ней в несколько колонок. В сырце это получалось одним столбиком (простая таблица, всё оформление в заголовке через css), поэтому разметка сводилась к a href :)
OfShad0ws

@iliazeus
хех, а у меня ссылки были в markdown формате, так что я сделал просто в php include и какой-то JS библиотекой конвертацию их в html, ну и чёрный фон, и всё

iliazeus

@OfShad0ws главное в таком - чтобы лично тебе было удобно и понятно :) поэтому у каждого, наверное, свой способ так делать.

Я хотел чуть больше контроля за тем, как это выглядит, поэтому решил пилить сам через шаблонизатор.

Go Up