1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/waterflames-team-wing-lite

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Lingkong Wing Lite

Введение

Lingkong — это онлайн-система для создания контента, разработанная на JavaScript командой Lingkong. По сравнению с Lingkong-Wing, она более лёгкая, быстрая и простая в использовании. Не нужно загружать HTML-файлы, достаточно изменить JSON-файл.

Основные преимущества:

  • быстрее;
  • мощнее, поддерживает синтаксис Markdown;
  • код более лаконичный и понятный;
  • не нужно изменять или загружать HTML-файлы, просто измените JSON-файл;
  • лёгкий вес: основной файл + HTML всего около 50 КБ;
  • низкие требования к серверу, нужен только статический сервер.

Также совместим с конфигурационным файлом config.json из Lingkong-Wing.

Использование

  1. Перейдите на страницу выпуска репозитория и скачайте blog_suc.zip (примечание: suc означает двухстраничную версию. См. демо).
  2. Распакуйте архив.
  3. Измените JSON (см. ниже).
  4. Загрузите распакованные файлы на сервер.

Или:

  1. Переходите на страницу выпуска репозитория и загрузите winglite_suc.js (примечание: suc также означает двухстраничную версию. Смотрите демо).

  2. Выберите тему в репозитории (если вы скачали версию suc, вам нужно перейти в папку succinct, чтобы выбрать тему).

  3. Создайте новый HTML-файл, например:

<html>
<head>
    <title>Блог xxx</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script><!-- jquery 不加会导致生成错误 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <!-- bootstrap css 不加会导致生成错误 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="winglite"></div><!-- winglite工作区域,没有这个div是无法工作的 -->
<link href="https://highlightjs.org/static/demo/styles/github.css" rel="stylesheet">
<!-- <code>标签高亮 highlight.js主题 -->
<script src="bootstrap-blue.js"></script><!-- 主题js -->
<script src="winglite_suc.js"></script><!-- 主js -->
<!-- jquery 不加会导致生成错误 -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<!-- bootstrap js 不加会导致生成错误 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>

Измените главный JS-файл и путь импорта winglite в соответствии с вашими потребностями.

  1. В первом ряду главного JS-файла отредактируйте адрес хранения JSON, например:
var jsonurl = './config.json';//json解析的url地址,这里填的是当前目录下的config.json文件,即"./config.json"

Изменить JSON

{
  "user": "Zhetengtiao",
  "photo": "https://portrait.gitee.com/uploads/avatars/user/700/2100577_yingbinggan_1584796873.png!avatar30",
  "introduce": "菜鸡",
  "word":{
    "max": "2",
    "1":{
      "id": "1",
      "title": "hello",
      "date": "20201219",
      "from": "../demo/word/1.md"
    },
    "2":{
      "id": "2",
      "title": "why wing lite?",
      "date": "20201219",
      "from": "../demo/word/2.md"
    }
  },
  "right":{
    "name": "跳转链接(友情链接也行)",
    "max": "1",
    "1": {
      "id": "1",
      "name": "非凡小王的真正博客",
      "from": "https://www.ffxw0720.club"
    }
  }
}
  1. user: имя пользователя.
  2. photo: URL-адрес изображения профиля (можно использовать локальные и сетевые изображения).
  3. word-max: максимальное количество статей.
  4. word-1\2\3-id: идентификатор статьи.
  5. word-1\2\3-title: название статьи.
  6. word-1\2\3-date: дата публикации статьи.
  7. word-1\2\3-from: ссылка на статью.
  8. right-name: название раздела ссылок.
  9. right-max: максимальное количество ссылок.
  10. right-1\2\3-id: идентификатор ссылки.
  11. right-1\2\3-name: имя ссылки.
  12. right-1\2\3-from: адрес перехода ссылки (можно использовать локальный и сетевой адреса).

Как создать новую статью / ссылку:

  1. Откройте config.json.
  2. Скопируйте «1» и всё, что находится после него, например:
    "1":{
      "id": "1",
      "title": "hello",
      "date": "20201219",
      "from": "../demo/word/1.md"
    },
  1. После этой большой скобки (справа) добавьте запятую.
  2. Измените «1» на следующее число (в данном случае «2»), чтобы получилось:
    "1":{
      "id": "1",
      "title": "hello",
      "date": "20201219",
      "from": "../demo/word/1.md"
    },
    "2":{
      "id": "2",
      "title": "why wing lite?",
      "date": "20201219",
      "from": "../demo/word/2.md"
    }

Демо

blog_succinct

bootstrap-blue

План разработчика

  1. Fork этого репозитория.
  2. Создать ветку Feat_xxx.
  3. Отправить код.
  4. Создать запрос на вытягивание.

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Линкун винг лайт — это система онлайн-рендеринга контента, разработанная на JavaScript командой Линкун. Для запуска требуется только статический сервер, сложная настройка не нужна. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/waterflames-team-wing-lite.git
git@api.gitlife.ru:oschina-mirror/waterflames-team-wing-lite.git
oschina-mirror
waterflames-team-wing-lite
waterflames-team-wing-lite
master