Init.
This commit is contained in:
commit
ce93632ff4
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
_site/
|
||||
.sass-cache/
|
||||
.jekyll-cache/
|
||||
.jekyll-metadata
|
4
_config.yaml
Normal file
4
_config.yaml
Normal file
|
@ -0,0 +1,4 @@
|
|||
collections:
|
||||
topic:
|
||||
output: true
|
||||
permalink: /:name
|
16
_includes/nav.html
Normal file
16
_includes/nav.html
Normal file
|
@ -0,0 +1,16 @@
|
|||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class='container'>
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
26
_layouts/default.html
Normal file
26
_layouts/default.html
Normal file
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
||||
|
||||
<title>Hello, world!</title>
|
||||
</head>
|
||||
<body>
|
||||
{% include nav.html %}
|
||||
|
||||
<br />
|
||||
|
||||
{{ content }}
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
7
_layouts/home.html
Normal file
7
_layouts/home.html
Normal file
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class='container'>
|
||||
{{ content }}
|
||||
</div>
|
7
_layouts/post.html
Normal file
7
_layouts/post.html
Normal file
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class='container'>
|
||||
{{ content }}
|
||||
</div>
|
4
_topic/framework.markdown
Normal file
4
_topic/framework.markdown
Normal file
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: post
|
||||
title: "Software Framework"
|
||||
---
|
8
_topic/javascript.markdown
Normal file
8
_topic/javascript.markdown
Normal file
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: post
|
||||
title: "JavaScript"
|
||||
---
|
||||
|
||||
# JavaScript
|
||||
|
||||
JavaScript is a [programming language](programming-language) that was created to allow enable richer experiences on the web by enabling web developers to write code that can run in a [client](client-server) [browser](web-browser).
|
11
_topic/library.markdown
Normal file
11
_topic/library.markdown
Normal file
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
layout: post
|
||||
title: "Software Library"
|
||||
---
|
||||
|
||||
# Software Library
|
||||
|
||||
A library is a small collection of software components that are designed to be used in a larger system. The components in a library usually share a single cohesive theme and do not try to dictate how they should be used by other systems.
|
||||
|
||||
#### Differs to
|
||||
- [Software Framework](framework)
|
25
_topic/react.markdown
Normal file
25
_topic/react.markdown
Normal file
|
@ -0,0 +1,25 @@
|
|||
---
|
||||
layout: post
|
||||
title: "React.JS"
|
||||
---
|
||||
|
||||
# React.JS
|
||||
|
||||
React.JS is a [library](/library) for building [user interfaces](ui). It utilises [JavaScript](javascript) and a special [syntax](syntax) for describing a heirachy of components that make up the interface called JSX.
|
||||
|
||||
It was originally released in 2013 by [Facebook](https://facebook.com) as [open-source software](oss). It can be used to create [user interfaces](ui) for [web browsers](web-browser) and for mobile devices.
|
||||
|
||||
#### Example
|
||||
React components are [JavaScript](javascript) functions that return [JSX](jsx) elements. These elements are composed together to form more complicated features.
|
||||
{% highlight javascript %}
|
||||
var myUiElement = function(name) {
|
||||
return <div>Hello { name }.</div>;
|
||||
}
|
||||
{% endhighlight %}
|
||||
|
||||
#### Similar to
|
||||
- [Vue.JS](vuejs)
|
||||
- [Handelbars](handelbars)
|
||||
|
||||
#### Prequisite knowledge
|
||||
- [JavaScript](javascript)
|
10
index.html
Normal file
10
index.html
Normal file
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
layout: home
|
||||
---
|
||||
|
||||
|
||||
{% for item in site.topic %}
|
||||
<h2>{{ item.title }}</h2>
|
||||
<p>{{ item.description }}</p>
|
||||
<p><a href="{{ item.url }}">{{ item.title }}</a></p>
|
||||
{% endfor %}
|
Loading…
Reference in a new issue