Простой способ отображения аккуратного и красивого исходного кода со синтаксисом подсветки в средних статьях. С 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”