1. Тема для блога, ориентированная на чтение

Эта тема основана на открытом проекте esofar/cnblogs-theme-silence и выполнена очень хорошо. Я лишь немного изменил её. Вот результат: мой блог.

Изменения включают в себя:

• отображение номеров строк кода;
• добавление кнопки «Подписаться»;
• мелкие доработки.

Вы можете увидеть результат на моём блоге. Здесь я кратко опишу его.

Исходный стиль выглядит так:

Отображение номеров строк кода и указание типа кода:

Добавление кнопки «Подписаться»:

2. Использование этой темы

Здесь я представлю только краткое описание. Для более подробной информации обратитесь к этому документу или исходному документу по установке.

2.1 Добавление файлов стилей

Перейдите на страницу настроек блога, выберите «Пользовательский» вариант оформления и скопируйте код из файлов default.min.css, dark.min.css и goddess.min.cs в поле «Код пользовательского CSS».

2.2 Добавление файла JavaScript

После выполнения предыдущего шага добавьте следующий код JavaScript в боковую панель объявлений. Пожалуйста, измените его в соответствии с вашими потребностями.

<script src="https://files.cnblogs.com/files/endlesscoding/silence.min.js"></script>

<script type="text/javascript">
    $.silence({
        base: {
            avatar: '//pic.cnblogs.com/avatar/1139651/20180330102648.png',
            favicon: 'https://files.cnblogs.com/files/endlesscoding/favicon.ico',
        },
        catalog: {
            enable: true,
            move: true,
            index: false,
            level1: 'h1',
            level2: 'h2',
            level3: 'h3',
        },
        signature: {
            enable: true,
            home: 'http://blog.esofar.cn',
            license: 'CC BY 4.0',
            link: 'https://creativecommons.org/licenses/by/4.0'
        },
        sponsor: {
            enable: true,
            paypal: null,
            wechat: 'https://files.cnblogs.com/files/endlesscoding/my_wepay.gif',
            alipay: 'https://files.cnblogs.com/files/endlesscoding/my_aipay.gif'
        },
        github: {
            enable: true,
            link: 'https://github.com/wj-data',
	        target: '_blank'
        }
    });
</script>

Также необходимо добавить следующий код в нижний колонтитул HTML-кода. Этот код используется для отображения номеров строк.

<!-- 放置于页脚代码区 -->
<script src="https://files.cnblogs.com/files/endlesscoding/highlightjs-line-numbers.min.js"></script>
<script src="https://files.cnblogs.com/files/endlesscoding/jquery.cookie.min.js"></script>

<script>
    $(function() {
        /* markdown模式下为代码加入行号, 调用插件highlightjs-line-numbers.js */
        hljs.initHighlightingOnLoad();
        hljs.initLineNumbersOnLoad();
    });
</script>

3. Описание дополнительных функций

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

• Добавление кнопок «Ночной режим» и «Дневной режим», которые позволяют переключаться между тёмным и светлым режимами чтения.

Чтобы реализовать эту функцию, помимо добавления файла silence.js, необходимо также добавить файл dark.min.css в ваш блог.