ArtsLab - веб-дизайн для всех Голосов: 1 Адрес блога: http://artslab.info Добавлен: 2011-02-02 16:47:37 блограйдером artslab

Oversetter - бесплатное приложение переводчик (macOs, Windows, Linux)

В рамках ознакомления с последними версиями Angular и частой необходимости использования переводчика при написаний диплома, я изобрёл очередной велосипед разработал небольшое приложение переводчик, которое располагается в строке меню (menubar) в macOs или в системном трее Windows. Тем самым всего в один клик по иконке можно получить быстрый доступ к приложению для перевода текста. За саму функцию перевода в Oversetter отвечает открытое API сервиса Yandex Translate.

Соответсвенно для работы приложения потребуется зарегистрировать бесплатный ключ от Яндекс’а. Ключ позволяет переводить до 1.000.000 млн. символов в день. Для ознакомления с приложением в него по-умолчанию вшит тестовый ключ, но для тех кто планирует регулярное использование, рекомендую зарегистрировать свой отдельный ключ чтобы избежать лимита.

Код на Github / Скачать приложение для macOs, Windows, Linux

Oversetter работает на базе фреймворка Electron, который позволяет использовать веб-технологий для создавания кросс-платформенные приложения. Что касается фреймворка, то один из его минусов это итоговый размер программы составляющий, как правило, не менее 120 мб (после сжатия в архив до ~45 мб). А так же потребление памяти при длительном использований.

PS: Буду рад любым отзывам :)

Настройка Sublime Text для работы с LaTeX (macOS)

Перед тем как приступить к написанию и генераций документов с помощью LaTeX важно выбрать удобный текстовый редактор. Так как в качестве основного редактора я использую Sublime Text (ST), решил взять его и разобраться с настройками для этой цели.

Если вы еще не знакомы с Sublime Text, то рекомендую скачать и попробовать его. Редактор доступен для бесплатного скачивания на официальном сайте.

После установки редактора, перейдем к его настройке для работы с LaTeX. Для этого нам понадобится следующее:

##1. MacTeX Необходимый пакет для компиляций LaTeX кода (в pdf-файлы). Переходим на сайт MacTeX, скачиваем и устанавливаем архив.

2. LaTeXTools - плагин для ST

LatexTools проще всего установить через Package Control. Для этого откройте командую строку в Sublime Text и введите команду:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

После этого откройте строку для команд, воспользовавшись комбинацией клавиш Cmd+Shift+P. Поверх редактора откроется всплывающая строка. В нее введем команду “Install Package” и подтвердим с помощью Enter, затем введем название желаемого плагина - LatexTools и еще раз подтвердим наш выбор. Начнется установка плагина и по её завершению в окне редактора откроется файл с Readme.

3. Skim - просмотрщик pdf-файлов

Для более удобной работы и просмотра скомпилированных pdf-файлов рекомендую установить программу Skim.

Теперь когда все готово, можно приступить к верстке документов с помощью LaTeX. Для этого создадим новый файл, например, first.tex и поместим в него пару строк текста для пример. Скомпилируем наш код с помощью комбинаций Cmd+B.

Если все было сделано правильно, то в командной строке появиться информация о успешном компилирований файла, а так же автоматический откроется Skim в котором можно увидеть скомпилированный файл. PDF-документ появиться в той же директорий, где был сохранен исходный *.tex-файл.

Для установки дополнительных LaTeX-пакетов можно воспользоваться командой строкой и менеджером пакетов tlmgr. Пример команды для установки пакета todonotes: ``` sudo tlmgr install todonotes ``

Настройка блога на основе Jekyll

В этой записи я собрал несколько разных тем касающихся первоначальной настройки блога на Jekyll. Этот пост будет интересен тем людям, которые как и я, впервые только недавно познакомились с Jekyll. В этом посте мы займёмся локализацей дат, выведем похожие записи для постов и рассмотрим основные плагины поддерживаемые на Github Pages.

Локализация дат

Одной из необходимых первоначальных настроек является перевод дат для их отображения в привычном нам формате, а так же месяцев на русском языке.

1. В папке _includes/ создадим отдельный шаблон для форматирования даты в нужном нам формате, я назову файл date.html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
	
	{% assign m = include.date | date: "%-m" %}
	{{ include.date | date: "%-d" }}
	{% case m %}
	  {% when '1' %}января
	  {% when '2' %}февраля
	  {% when '3' %}марта
	  {% when '4' %}апреля
	  {% when '5' %}мая
	  {% when '6' %}июня
	  {% when '7' %}июля
	  {% when '8' %}августа
	  {% when '9' %}сентября
	  {% when '10' %}октября
	  {% when '11' %}ноября
	  {% when '12' %}декабря
	{% endcase %}
	{{ include.date | date: "%Y" }}
	
	

1. Вставляем наш шаблон с помощью тега include в нужное место и передаем ему переменную с датой, которая будет отформатирована, так как указано в нашем шаблоне:

    
	{% include date.html date=page.date %}
    
	

Вывод похожих записей

Вывести список похожих/интересных записей (Similar Posts) монжо с помощью данного сниппета:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{% assign hasSimilar = '' %}
 {% for post in site.related_posts %}
     {% assign postHasSimilar = false %}
     {% for tag in post.tags %}
         {% for thisTag in page.tags %}
             {% if postHasSimilar == false and hasSimilar.size < 6 and post != page and tag == thisTag %}
                 {% if hasSimilar.size == 0 %}
                 <h4>Похожие записи</h4>
                 <ul>
                 {% endif %}
                 <li class="relatedPost">
                     <a href="{{ site.url }}{{ post.url }}">{{ post.title }}
                     {% if post.series %}
                         (Series: {{ post.series }})
                     {% endif %}
                     </a>
                 </li>
                 {% capture hasSimilar %}{{ hasSimilar }}*{% endcapture %}
                 {% assign postHasSimilar = true %}
             {% endif %}
         {% endfor %}
     {% endfor %}
 {% endfor %}
 {% if hasSimilar.size > 0 %}
    </ul>
{% endif %}

via gist

SEO-плагин

Github Pages имеет поддержку плагина Jekyll-SEO-Tag. Для того чтобы использовать его на сайте, в первую очередь необходимо прописать его в Gemfile, а так же вставить Liquid-тег плагина в head:

1
2
3
<head>
    {% seo %}
</head>

Плагин поддерживает несколько переменных - title, description, image, author, которые можно объявить в Front Matter для каждого отдельного поста. Более подробно о возможностях Jekyll-SEO-Tag можно почитать на страничке плагина.

Поддерживаемые плагины

В сети можно встретить большое количество различных плагинов для Jekyll, но к сожалению Github Pages поддерживает только ряд “стандартных” плагинов. Например, таких как: jekyll-sitemap, jekyll-feed, jekyll-paginate, jekyll-seo-tag, jekyll-gist и другие (полный список поддерживаемых плагинов). В случае, если вы хотите использовать дополнительные плагины, то необходимо будет сгенерировать сайт локально и затем загрузить его в репозиторий вместе с папкой _site, которая и содержит сгенерированный контент.

Ускорение генераций сайта локально

При большом количестве записей генерация сайта занимает приличное время и минутные ожидания после каждого изменения в коде являются очень утомительным. Например, для тестирования дизайна и функционала сайта не нужно загружать все записи блога. Для того чтобы ускорить процесс и ограничить количество генерированного контента можно воспользоваться дополнительной опцией –limit-posts NUMBER. Полноценная команда для запуска Jekyll с ограничением в две записи выглядит так:

bundle exec jekyll serve --incremental --limit_posts 2

PS: Запись будет пополняться и другими полезными сниппетами. Буду рад комментариям с полезными советами или вопросами :-)

Переезд с Wordpress на Jekyll

Медлительность и громоздкость Wordpress в последнее время стала разочаровывать меня все больше и больше. От части это было связанно с большим количеством активированных плагинов и непотимизированной темой. Но при всем этом, сама CMS с новыми версиями становится только объемнее, а большинство из новшест не являются необходимыми для обычного блога. Окончание баланса на хостинге дало еще один дополрнительный толчок для переезда. После Wordpress’а хотелось чего-то простенького и быстрого, выбор пал на Jekyll. Jekyll - это генератор статических сайтов, который отлично дружит с Github Pages. А это значит, что используя Github Pages мы получаем халявный хостинг к которому можем прикрутить наш домен.

Процесс написания поста теперь является таковым:

1. Создаем новый *.md файл и открываем его в любимом редакторе
2. Пишем пост используя разметку markdown
3. Делаем push файла с постом в наш репозиторий на github
4. Ждем пару минуток пока генерируется новый пост

Теперь коротко о главном при переезде:

1. Экпорт контента: Экспортировать записи и посты из Wordpress помог плагин Jekyll Exporter. Плагин так же экспортирует изображения из папки wp-content. Но так как в моем случае они хранились на отдельном поддомене img.artslab.info, то пришлось скачать их вручную.
2. Хостинг контента: Как я уже упомянул выше, Jekyll отлично работает на Github Pages, поэтому теперь весь контент лежит в отдельном репозиторий и хостинг обходится бесплатно.
3. Хостинг для изображений: В качестве хранилища для изображений я выбрал Google Drive, так как сервис выдает статическую ссылку на файл + много дискового пространства. Поэтому единственное что нужно было сделать для быстрого фикса всех ссылок на изображения - это взять редактор и выполнить Find & Replace All.

Напоследок еще несколько полезных ссылок по Jekyll:

• Знакомство, установка и настройка Jekyll (rus.)
• Как добавить поиск Google Custom Search на блог Jekyll (engl.)
• Создание своей страницы с ошибкой 404 (engl.)
• Создание категорий и страниц с тегами без плагина (engl.)
• Вывод похожих записей (engl.)
• Темы для Jekyll

Переезд с Wordpress на Jekyll

Медлительность и громоздкость Wordpress в последнее время стала разочаровывать меня все больше и больше. От части это было связанно с большим количеством активированных плагинов и непотимизированной темой. Но при всем этом, сама CMS с новыми версиями становится только объемнее, а большинство из новшест не являются необходимыми для обычного блога. Окончание баланса на хостинге дало еще один дополрнительный толчок для переезда. После Wordpress’а хотелось чего-то простенького и быстрого, выбор пал на Jekyll. Jekyll - это генератор статических сайтов, который отлично дружит с Github Pages. А это значит, что используя Github Pages мы получаем халявный хостинг к которому можем прикрутить наш домен.

Процесс написания поста теперь является таковым:

1. Создаем новый *.md файл и открываем его в любимом редакторе
2. Пишем пост используя разметку markdown
3. Делаем push файла с постом в наш репозиторий на github
4. Ждем пару минуток пока генерируется новый пост

Теперь коротко о главном при переезде:

1. Экпорт контента: Экспортировать записи и посты из Wordpress помог плагин Jekyll Exporter. Плагин так же экспортирует изображения из папки wp-content. Но так как в моем случае они хранились на отдельном поддомене img.artslab.info, то пришлось скачать их вручную.
2. Хостинг контента: Как я уже упомянул выше, Jekyll отлично работает на Github Pages, поэтому теперь весь контент лежит в отдельном репозиторий и хостинг обходится бесплатно.
3. Хостинг для изображений: В качестве хранилища для изображений я выбрал Google Drive, так как сервис выдает статическую ссылку на файл + много дискового пространства. Поэтому единственное что нужно было сделать для быстрого фикса всех ссылок на изображения - это взять редактор и выполнить Find & Replace All.

Напоследок еще несколько полезных ссылок по Jekyll:

• Знакомство, установка и настройка Jekyll (rus.)
• Как добавить поиск Google Custom Search на блог Jekyll (engl.)
• Создание своей страницы с ошибкой 404 (engl.)
• Создание категорий и страниц с тегами без плагина (engl.)
• Вывод похожих записей (engl.)
• Темы для Jekyll