# Оформление документов ## Ссылки: *** - [edit-with-marcdown](https://code.visualstudio.com/docs/languages/markdown) ## Добавление изображений *** - Изображение из локального хранилища
![avatar](/home/picture/1.png) - Изображение из удаленного / remote хранилища
![avatar](http://baidu.com/pic/doge.png) - Изображение из текстового файла / кодирование изображения в тексте Используйте инструмент перекодирования base64, чтобы преобразовать изображение в строку, а затем заполните строку на месте ссылки в основном формате. Основное использование: ![avatar](data:image/png;base64,iVBORw0......) В этот раз вы обнаружите, что эта длинная строка вставленных символов разделяет всю статью, что сильно влияет на качество написания статьи. Если вы можете поместить большую строку base64 в конце статьи, а затем вызвать ее с идентификатором в статье, статья не будет разделена так беспорядочно. Расширенное использование Например: ![avatar][base64str] [base64str]:data:image/png;base64,iVBORw0...... - Использование альтернативного текста ! [Альтернативный текст] (Ссылка на изображение "необязательный заголовок") Альтернативный текст: тег Alt изображения, который используется для описания ключевых слов изображения, вам не нужно его писать. Первоначальным намерением был альтернативный текст, который появлялся, когда изображение не могло отображаться по какой-либо причине, а позже он был использован в SEO, что может облегчить поисковой системе поиск изображения по ключевым словам в альтернативном тексте. Ссылка на изображение: это может быть локальный адрес или URL-адрес изображения. «необязательный заголовок»: текст заголовка, который будет отображаться при наведении указателя мыши на изображение, вам не нужно его писать.