v20.02 init

Author: jsdnhk

.gitignore

@@ -1,5 +1,6 @@
 # Jekyll
-_drafts/
+collections/_drafts/*.md
+collections/_posts/test/*.md
 _site/
 .DS_Store
 *.swp

404.md

@@ -1,7 +1,19 @@
 ---
-layout: default
-title: 404
+layout: page
+title: "HTTP 404 Not Found"
+title_image: "status/dialog-information.png"
+title_display: false
+permalink: /404
 ---
 
-Error 404: This page does not exist.<br>
-[Go back]({{ "/" | prepend: site.baseurl | replace: '//', '/' }}).
+Most likely causes:
+
+- There might be a typing error in the address.
+- If you clicked on a link, it may be out of date.
+
+What you can try:
+
+- Retype the address.
+- [Go back to the previous page.]({{ site.url }})
+- Go to and look for the information you want.
+- And more...:-)

CHANGELOG.md

@@ -0,0 +1,26 @@
+---
+title: "Changelog"
+---
+## Latest Update
+
+### v20.02 (2020/02/02)
+
+- Updated project structure
+- Provided styles frame to the website
+- Provided background video player
+- Added personal blog page with Disqus message board
+- Added favoured quote page
+- Added recommended link page
+- Integrated the portfolio page into the site
+- Updated documents and materials
+
+### v19.06 (2020/01/11)
+
+- Changed the portfolio display style
+- Changed domain to jsdn.hk
+
+### v19.06 (2019/6/10)
+
+- Built up the personal portfolio with styling
+- Supported emoji input
+- Added the website hit counter in the footer

LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

PROJECTS_USED.md

@@ -0,0 +1,24 @@
+---
+title: "Projects Used"
+---
+## Special Thanks To...
+
+### Styling
+
+- [Bootstrap](https://getbootstrap.com/): Famous frontend framework for developing responsive webpages
+- [Poole](https://github.com/poole/poole): Clear and concise content renderer
+- [Hyde](https://github.com/poole/hyde): Simple and elgrant two-column style based from Poole
+- [Rouge](https://github.com/rouge-ruby/rouge): Well-known syntax highlighter for GitHub page
+
+### Operation
+
+- [Jekyll](https://jekyllrb.com/): Lightweight but strong blog-aware static web framework published by GitHub
+- [Google Analytics](https://developers.google.com/analytics): Web analytics service by Google
+- [JQuery](https://jquery.com/): Agile and feature-rich JavaScript library
+- [Underscore.js](https://underscorejs.org/): Enhancement of JavaScript by helper functions
+
+### Images
+
+- [Font Awesome 4.7](https://fontawesome.com/v4.7.0/): Most common iconic font and CSS toolkit
+- [Oxygen Icons Set](https://github.com/pasnox/oxygen-icons-png): Beautiful and completed icons set from a French designer
+- [Country Flag Icons](https://github.com/linssen/country-flag-icons): All countries' flags collection from Wiki and mapped to use

README.md

@@ -1,19 +1,17 @@
-# jsdnhk@github profile - 2020
+## jsdn.hk profile - Stand with HK 2020
 
-**My footprints**: [https://jsdn.hk](https://jsdn.hk)
+Welcome to the website of an IT man from Hong Kong.<br>
+The shared technical blog contains my personal opinions, with HKer style.<br>
+The content is being updated regularly,<br>
+and the features will keep improved and extended as well.<br>
+The project is [open source][proj-repo] under the [MIT license][mit-license] with [logs][change-log],<br>
+especially thanks to these [projects][projects-used] to built up this blog.<br>
+Feel free to comment and suggest via [email][email-link] or [issue page][issue-page], thanks and enjoy!<br>
 
-Powered by Github page using Jekyll
 
-Just an IT man portfolio
-
-**Although the world is full of suffering, it is also full of the overcoming of it.——Helen Keller**
-
-#### Thanks to and Supported by:
-
-* [OnePageLove-minimal-resume][ogl-resume]
-* [Emoji CSS][gh-emoji]
-* [Web Counter][hitwebcounter]
-
-[ogl-resume]: <https://onepagelove.com/minimal-resume>
-[gh-emoji]: <https://afeld.github.io/emoji-css/>
-[hitwebcounter]: <http://www.hitwebcounter.com>
+[proj-repo]: <https://github.com/jsdnhk/jsdnhk.github.io>
+[mit-license]: <https://github.com/jsdnhk/jsdnhk.github.io/blob/master/LICENSE>
+[email-link]: <mailto:dn@jsdn.hk>
+[issue-page]: <https://github.com/jsdnhk/jsdnhk.github.io/issues>
+[change-log]: <./CHANGELOG.md>
+[projects-used]: <./PROJECTS_USED.md>

README_R.md

@@ -0,0 +1,17 @@
+## jsdn.hk profile -- Resume
+
+**My footprints**: <https://jsdn.hk/resume>
+
+Just an IT man portfolio
+
+*Although the world is full of suffering, it is also full of the overcoming of it.——Helen Keller*
+
+#### Thanks to and Supported by:
+
+* [OnePageLove-minimal-resume][ogl-resume]
+* [Emoji CSS][gh-emoji]
+* [Web Counter][hitwebcounter]
+
+[ogl-resume]: <https://onepagelove.com/minimal-resume>
+[gh-emoji]: <https://afeld.github.io/emoji-css/>
+[hitwebcounter]: <http://www.hitwebcounter.com>

Rakefile

@@ -71,7 +71,7 @@ task :post do
   end
 end # task :post
 
-# Usage: rake page name="about.html"
+# Usage: rake page name="resume.html"
 # You can also specify a sub-directory path.
 # If you don't specify a file extention we create an index.html at the path specified
 desc "Create a new page."
@@ -116,6 +116,6 @@ end
 desc "Launch preview environment"
 task :preview do
   host_ip=`hostname -I | awk '{print $1;}'`
-  system "jekyll serve -w --host #{host_ip}"
+  system "jekyll serve -w -l --host #{host_ip} --port 4000"
 end
 

_config.yml

@@ -5,22 +5,37 @@
 # in the templates via {{ site.myvariable }}.
 
 # global settings
-title: "jsdnhk@github active profile"
+title: "jsdn.hk"
 email: "dn@jsdn.hk"
-description: "jsdnhk@github personal site - 2020"
+description: "Simple Note"
+keywords: "about-me, personal-blog, quotes, contacts, geek, main-page, useful-links, hker"
+tagline: "Simple Note"
 url: "https://jsdn.hk"
+language: en
 github: [metadata]
+github_url: "https://github.com/"
 github_username: "jsdnhk"
 repository: "jsdnhk/jsdnhk.github.io"
-# location: /var/lib/gems/2.5.0/gems/jekyll-theme-midnight-0.1.1
-theme: "jekyll-theme-midnight"
 timezone: "Asia/Hong_Kong"
-analytics_account: "UA-3769691-28" # for google analytics
+analytics_account: "UA-3769691-28"
+disqus_shortname: jsdnhk
+
+# not use default theme
+# location: /var/lib/gems/2.5.0/gems/jekyll-theme-midnight-0.1.1
+# theme: "jekyll-theme-midnight"
 
 # build settings
-exclude: ["etc", "scripts", "vendor", "Gemfile", "Gemfile.lock", "Rakefile", "README.md", "package.json", "node_modules"]
+collections_dir: collections
+exclude: ["etc", "scripts", "vendor", "Gemfile*", "package.json*", "Rakefile", "node_modules", ".idea"]
 profile: true
 strict_front_matter: true
+
+# enable GFM
+kramdown:
+  input: GFM
+  hard_wrap: false
+  math_engine_opts:
+    preview: true
 plugins:
   - jekyll-feed
   - jekyll-redirect-from
@@ -30,5 +45,55 @@ plugins:
   - jemoji
   - jekyll-mentions
 
+# default permalink is assigned to the posts
+blog_baseurl: "/blog/"
+permalink: /blog/:year:month:day
+
 # front matter defaults settings
 excerpt_separator: "<!--end-->"
+defaults:
+  # collections
+  - scope:
+      path: ""
+      type: "pages"
+    values:
+      layout: page
+      title:
+      title_image:
+      title_display: false
+      footer_quote:
+      sitenav:
+      tags:
+      categories:
+  - scope:
+      path: "*.md"
+      type: "pages"
+    values:
+      layout: page_md
+  # posts
+  - scope:
+      path: "collections/_posts/"
+      type: "posts"
+    values:
+      layout: post
+      display: true
+      comment: false
+  - scope:
+      path: "collections/_posts/test"
+      type: "posts"
+    values:
+      display: false
+  # assets
+  - scope:
+      path: "assets/videos/bg"
+    values:
+      video_bg: true
+
+# Site-scope variables
+path_header_image:
+  h1: "/assets/images/oxygen/48x48/"
+  h2: "/assets/images/oxygen/48x48/"
+  h3: "/assets/images/oxygen/32x32/"
+  h4: "/assets/images/oxygen/32x32/"
+  h5: "/assets/images/oxygen/22x22/"
+  h6: "/assets/images/oxygen/22x22/"