Рубрики
Без рубрики

Как добавить красивый исходный код в средних статьях

Простой способ отображения аккуратного и красивого исходного кода со синтаксисом подсветки в средних статьях. С Kodeshot, в три быстрых шага, вы можете включить броское представление вашего исходного кода. Теги с Python, JavaScript, исходный код.

Простой способ отображения аккуратного и красивого исходного кода со синтаксисом подсветки в средних статьях. С Kodeshot В трех кратких этапах вы можете включить броское представление вашего исходного кода.

1. Средние ограничения

Среда может отображать как встроенные, так и многострочные блоки кода. Но ни один из них не поддерживает подсветку синтаксиса.

Пример:

fig = plt.figure()
ax = fig.add_axes([0, 0, 1, 1], projection='3d')
ax.axis('off')
# prepare the axes limits
ax.set_xlim((-25, 25))
ax.set_ylim((-35, 35))
ax.set_zlim((5, 55))
def lorenz_deriv(x_y_z, t0, sigma=sigma, beta=beta, rho=rho):
    """Compute the time-derivative of a Lorenz system."""
    x, y, z = x_y_z
    return [sigma * (y - x), x * (rho - z) - y, x * y - beta * z]
# Choose random starting points, uniformly distributed from -15 to 15
np.random.seed(1)
x0 = -15 + 30 * np.random.random((N, 3))

Это удобно, но не очень приятно читать.

2. Решение: kodeshot.net

На Kodeshot.net :

  • Скопируйте свой исходный код в текстовой области, настройте свой код и захват
  • Сохранить изображение
  • Перетащите изображение в свою статью

Результат:

Другой пример:

Вы можете изменить размер шрифта, ширину, стиль, углы … Это решение довольно прост, приятнее, чем решение, предложенное средним и приятным, чем GitHub Gist, встроенный в статью.

И, если вы хотите, чтобы люди могли копировать и вставить исходный код, вы можете добавить под изображением [x] Исходный код внизу этой страницы И, внизу изделия, отобразите многострочные блоки кода с вашим кодом (как я делал в этой статье).

Исходный код [1]

fig = plt.figure()
ax = fig.add_axes([0, 0, 1, 1], projection='3d')
ax.axis('off')
# prepare the axes limits
ax.set_xlim((-25, 25))
ax.set_ylim((-35, 35))
ax.set_zlim((5, 55))
def lorenz_deriv(x_y_z, t0, sigma=sigma, beta=beta, rho=rho):
    """Compute the time-derivative of a Lorenz system."""
    x, y, z = x_y_z
    return [sigma * (y - x), x * (rho - z) - y, x * y - beta * z]
# Choose random starting points, uniformly distributed from -15 to 15
np.random.seed(1)
x0 = -15 + 30 * np.random.random((N, 3))

[2]

protected function getMemcached($connectionId, array $credentials, array $options)
{
    $memcached = $this->createMemcachedInstance($connectionId);
if (count($credentials) === 2) {
        $this->setCredentials($memcached, $credentials);
    }
if (count($options)) {
        $memcached->setOptions($options);
    }
return $memcached;
}

Оригинал: “https://dev.to/laurentabbal/how-to-add-beautiful-source-code-in-medium-articles-1723”