diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 b/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 deleted file mode 100644 index 45d02571d32a..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 +++ /dev/null @@ -1 +0,0 @@ -I"{"source"=>"/Users/akate/Downloads/GithubTaoLao/akatekhanh.github.io", "destination"=>"/Users/akate/Downloads/GithubTaoLao/akatekhanh.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false, "syntax_highlighter"=>"rouge", "syntax_highlighter_opts"=>{:default_lang=>"plaintext", :guess_lang=>true}, "coderay"=>{}}, "title"=>"Khanh's Blog", "email"=>"akatekhanh0212@gmail.com", "description"=>"Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.", "url"=>"akatekhanh.github.io", "github_username"=>"akatekhanh", "theme"=>"minima", "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/0b/4842ab6db36fe6ed779a2d5d1e5b2f96e483376f28fbc96415ea78e4d9e662 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/0b/4842ab6db36fe6ed779a2d5d1e5b2f96e483376f28fbc96415ea78e4d9e662 deleted file mode 100644 index 4ed23bb0b494..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/0b/4842ab6db36fe6ed779a2d5d1e5b2f96e483376f28fbc96415ea78e4d9e662 +++ /dev/null @@ -1,2 +0,0 @@ -I"Ð

Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/44/a0529c4e4d5883349fb75fb6563905c11a4580a829dbad85be2350159c88ea b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/44/a0529c4e4d5883349fb75fb6563905c11a4580a829dbad85be2350159c88ea deleted file mode 100644 index be7c30d857eb..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/44/a0529c4e4d5883349fb75fb6563905c11a4580a829dbad85be2350159c88ea +++ /dev/null @@ -1,91 +0,0 @@ -I"—

This is a demo post to show you how to write blog posts with markdown. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc.

- -

Here is some bold text

- -

Here is a secondary heading

- -

Here’s a useless table:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NumberNext numberPrevious number
FiveSixFour
TenElevenNine
SevenEightSix
TwoThreeOne
- -

How about a yummy crepe?

- -

Crepe

- -

It can also be centered!

- -

Crepe

- -

Here’s a code chunk:

- -
var foo = function(x) {
-  return(x + 5);
-}
-foo(3)
-
- -

And here is the same code with syntax highlighting:

- -
var foo = function(x) {
-  return(x + 5);
-}
-foo(3)
-
- -

And here is the same code yet again but with line numbers:

- -
1
-2
-3
-4
-
var foo = function(x) {
-  return(x + 5);
-}
-foo(3)
-
- -

Boxes

-

You can add notification, warning and error boxes like this:

- -

Notification

- -

Note: This is a notification box.

- -

Warning

- -

Warning: This is a warning box.

- -

Error

- -

Error: This is an error box.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4a/2046e57297d3471a69c28e27a01c9911959658cfc4700bcef4a1aeb45b1617 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4a/2046e57297d3471a69c28e27a01c9911959658cfc4700bcef4a1aeb45b1617 deleted file mode 100644 index 8e44b4fe1f61..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4a/2046e57297d3471a69c28e27a01c9911959658cfc4700bcef4a1aeb45b1617 +++ /dev/null @@ -1,2 +0,0 @@ -I"

Khanh’s Blog

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4f/b9713c4ffc94138ed7c07809bba8910d08e4ee493628e443fc83ad5134c1df b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4f/b9713c4ffc94138ed7c07809bba8910d08e4ee493628e443fc83ad5134c1df deleted file mode 100644 index 048f4a86a741..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/4f/b9713c4ffc94138ed7c07809bba8910d08e4ee493628e443fc83ad5134c1df +++ /dev/null @@ -1,2 +0,0 @@ -I"¡

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/50/3786f98fd8575f4a4b12282a76739ea34253b332ca66eb5c48eec7746859fd b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/50/3786f98fd8575f4a4b12282a76739ea34253b332ca66eb5c48eec7746859fd deleted file mode 100644 index 6e0f64483db7..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/50/3786f98fd8575f4a4b12282a76739ea34253b332ca66eb5c48eec7746859fd +++ /dev/null @@ -1,2 +0,0 @@ -I"!

This is a demo post to show you how to write blog posts with markdown. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/63/7e252fa8460c2278df772e6dfbf4934329e2f03a9174070b70d0883886b435 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/63/7e252fa8460c2278df772e6dfbf4934329e2f03a9174070b70d0883886b435 deleted file mode 100644 index 0959dd7e1233..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/63/7e252fa8460c2278df772e6dfbf4934329e2f03a9174070b70d0883886b435 +++ /dev/null @@ -1,11 +0,0 @@ -I" 

This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at jekyllrb.com

- -

You can find the source code for Minima at GitHub: -jekyll / -minima

- -

You can find the source code for Jekyll at GitHub: -jekyll / -jekyll

- -:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/64/415bb89c72690689066a644c02dc1765220435c5afc43641ea8ae770a61c01 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/64/415bb89c72690689066a644c02dc1765220435c5afc43641ea8ae770a61c01 deleted file mode 100644 index 5f83e34c5b7e..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/64/415bb89c72690689066a644c02dc1765220435c5afc43641ea8ae770a61c01 +++ /dev/null @@ -1,2 +0,0 @@ -I"

Welcome to Jekyll!

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/74/25d2fb22f9b4c00caeed987605405d0d96d78380b555caff280f5d68515a8e b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/74/25d2fb22f9b4c00caeed987605405d0d96d78380b555caff280f5d68515a8e deleted file mode 100644 index 52c5354036ea..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/74/25d2fb22f9b4c00caeed987605405d0d96d78380b555caff280f5d68515a8e +++ /dev/null @@ -1,2 +0,0 @@ -I"—

Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7a/6c0dce8ae1fb1b78b6047ce8cbbd3b64e652c808aff2918363ca9a4e890146 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7a/6c0dce8ae1fb1b78b6047ce8cbbd3b64e652c808aff2918363ca9a4e890146 deleted file mode 100644 index 19e9921ea93d..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7a/6c0dce8ae1fb1b78b6047ce8cbbd3b64e652c808aff2918363ca9a4e890146 +++ /dev/null @@ -1,2 +0,0 @@ -I"

abc

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8c/67b3efca01847f245bec73b21be13cc378ab550c0c1aeca9a5c5194b5aa9c9 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8c/67b3efca01847f245bec73b21be13cc378ab550c0c1aeca9a5c5194b5aa9c9 deleted file mode 100644 index efe92fe1dec7..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8c/67b3efca01847f245bec73b21be13cc378ab550c0c1aeca9a5c5194b5aa9c9 +++ /dev/null @@ -1,8 +0,0 @@ -I"Ò

Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?

- -

The truth is that no one else can definitively know the path we are here to walk. It’s tempting to listen—many of us long for the omnipotent other—but unless they are genuine psychic intuitives, they can’t know. All others can know is their own truth, and if they’ve actually done the work to excavate it, they will have the good sense to know that they cannot genuinely know anyone else’s. Only soul knows the path it is here to walk. Since you are the only one living in your temple, only you can know its scriptures and interpretive structure.

- -

At the heart of the struggle are two very different ideas of success—survival-driven and soul-driven. For survivalists, success is security, pragmatism, power over others. Success is the absence of material suffering, the nourishing of the soul be damned. It is an odd and ironic thing that most of the material power in our world often resides in the hands of younger souls. Still working in the egoic and material realms, they love the sensations of power and focus most of their energy on accumulation. Older souls tend not to be as materially driven. They have already played the worldly game in previous lives and they search for more subtle shades of meaning in this one—authentication rather than accumulation. They are often ignored by the culture at large, although they really are the truest warriors.

- -

A soulful notion of success rests on the actualization of our innate image. Success is simply the completion of a soul step, however unsightly it may be. We have finished what we started when the lesson is learned. What a fear-based culture calls a wonderful opportunity may be fruitless and misguided for the soul. Staying in a passionless relationship may satisfy our need for comfort, but it may stifle the soul. Becoming a famous lawyer is only worthwhile if the soul demands it. It is an essential failure if you are called to be a monastic this time around. If you need to explore and abandon ten careers in order to stretch your soul toward its innate image, then so be it. Flake it till you make it.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ba/ea473420e88243cd472137f34b8a11926bfe16011df32985eb00c028312dc4 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ba/ea473420e88243cd472137f34b8a11926bfe16011df32985eb00c028312dc4 deleted file mode 100644 index 34646d19a470..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ba/ea473420e88243cd472137f34b8a11926bfe16011df32985eb00c028312dc4 +++ /dev/null @@ -1,13 +0,0 @@ -I"Î

My name is Inigo Montoya. I have the following qualities:

- - - -

What else do you need?

- -

My story

- -

To be honest, I’m having some trouble remembering right now, so why don’t you just watch my movie and it will answer all your questions.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/bc/e93f58ef3390823a7b2904b4c030ec73db8cb3e3bd40e49169e66172ec77ea b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/bc/e93f58ef3390823a7b2904b4c030ec73db8cb3e3bd40e49169e66172ec77ea deleted file mode 100644 index c01ce8fd0337..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/bc/e93f58ef3390823a7b2904b4c030ec73db8cb3e3bd40e49169e66172ec77ea +++ /dev/null @@ -1,2 +0,0 @@ -I"

My first post

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ca/b8b278c7e75237af7ad8243b9c3bcb930892a05977cdc36c8f5e36f4599f7b b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ca/b8b278c7e75237af7ad8243b9c3bcb930892a05977cdc36c8f5e36f4599f7b deleted file mode 100644 index 048f4a86a741..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ca/b8b278c7e75237af7ad8243b9c3bcb930892a05977cdc36c8f5e36f4599f7b +++ /dev/null @@ -1,2 +0,0 @@ -I"¡

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/e3/b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/e3/b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855 deleted file mode 100644 index e135808ffead..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/e3/b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855 +++ /dev/null @@ -1,2 +0,0 @@ -I" -:EF \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ed/eaaff3f1774ad2888673770c6d64097e391bc362d7d6fb34982ddf0efd18cb b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ed/eaaff3f1774ad2888673770c6d64097e391bc362d7d6fb34982ddf0efd18cb deleted file mode 100644 index 19e9921ea93d..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ed/eaaff3f1774ad2888673770c6d64097e391bc362d7d6fb34982ddf0efd18cb +++ /dev/null @@ -1,2 +0,0 @@ -I"

abc

-:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fd/aa4200cef2544ec568b25970b3a49cf9b4f3d7015485506ccda914caf9c5b9 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fd/aa4200cef2544ec568b25970b3a49cf9b4f3d7015485506ccda914caf9c5b9 deleted file mode 100644 index 464bdeb43724..000000000000 --- a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fd/aa4200cef2544ec568b25970b3a49cf9b4f3d7015485506ccda914caf9c5b9 +++ /dev/null @@ -1,19 +0,0 @@ -I"9

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

- -

Jekyll requires blog post files to be named according to the following format:

- -

YEAR-MONTH-DAY-title.MARKUP

- -

Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.

- -

Jekyll also offers powerful support for code snippets:

- -
def print_hi(name)
-  puts "Hi, #{name}"
-end
-print_hi('Tom')
-#=> prints 'Hi, Tom' to STDOUT.
- -

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.

- -:ET \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 4aae898c8d54..61436a3deb5f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,10 @@ ## Unreleased version +- Added `navbar-var-length` config setting that allows the navigation menu to be the same length as the longest sub-menu, so that long words in the submenu are not cut off (#765) - Added `post_search` config setting that creates a Search button in the navbar (older websites need to set `post_search: true` to enable this feature) (#770) +- Added `edit_page_button` config setting that adds a "Edit page" button to the footer (to edit the current page on GitHub) (#1004) +- BREAKING CHANGE: More control over RSS feed sharing: previously, an RSS feed was *always* generated, and if the config setting `rss-description` was set then there was an RSS icon in the footer. Now, an RSS feed is only generated when the config setting `rss-description` exists, and an RSS footer icon is only shown if `rss: true` is set in the `social-network-links` config settings +- Fixed page titles, subtitles, and excerpts rendering correctly when there are special characeters in them (#856) - Slightly reworked margins and position for avatar image to resolve an alignment issue on Safari. - Changed the width at which the navbar collapses to a higher threshold because most modern non-mobile browsers are >1000px - Fixed bug where navbar secondary level dropdown items didn't inherit the same colour as the primary navbar links @@ -12,6 +16,12 @@ - Updated staticman from using v2 (public servers) to v3 (private servers) due to the public servers becoming obsolete (#775) - Added support for Cloudflare Analytics (#797) - Added Reddit in share options of posts (#815) +- Added support for giscus comments (#886) and CommentBox (#960) +- Fixed bug where staticman didn't work jQuery slim version is used (#766) +- Fixed very long strings to wrap around the next line rather than go off-screen (#787) +- Added `footer-hover-col` config setting to customize the hover colour of links in the footer (#848) +- Added social network links for Discord (#907), Kaggle (#961), and Hackerrank (#978) +- Made the home page feed more accessible for screen readers (#950) ## v5.0.0 (2020-09-15) diff --git a/Gemfile b/Gemfile index d1d370852a7c..f2d746ac46d7 100644 --- a/Gemfile +++ b/Gemfile @@ -4,3 +4,5 @@ source "https://rubygems.org" gemspec + +gem "webrick", "~> 1.7" diff --git a/README.md b/README.md index 28f05b47c29c..25f0df69ec7d 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,6 @@ # Beautiful Jekyll -[![xscode](https://img.shields.io/badge/Available%20on-xs%3Acode-blue?style=?style=plastic&logo=appveyor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAlUlEQVR42uzXSwqAMAwE0Mn9L+3Ggtgkk35QwcnSJo9S+yGwM9DCooCbgn4YrJ4CIPUcQF7/XSBbx2TEz4sAZ2q1RAECBAiYBlCtvwN+KiYAlG7UDGj59MViT9hOwEqAhYCtAsUZvL6I6W8c2wcbd+LIWSCHSTeSAAECngN4xxIDSK9f4B9t377Wd7H5Nt7/Xz8eAgwAvesLRjYYPuUAAAAASUVORK5CYII=)](https://xscode.com/daattali/beautiful-jekyll) [![Gem Version](https://badge.fury.io/rb/beautiful-jekyll-theme.svg)](https://badge.fury.io/rb/beautiful-jekyll-theme) > By [Dean Attali](https://deanattali.com) · [Demo](https://beautifuljekyll.com/) @@ -26,7 +25,7 @@ # Features -__Check out [*What's New?*](https://beautifuljekyll.com/updates/) to see the latest features.__ +__Check out [*What's New?*](https://beautifuljekyll.com/updates/) to see the latest features!__ - **SIMPLE**: The primary goal of Beautiful Jekyll is to allow literally *anyone* to create a website in a few minutes. - **Modern**: Uses the latest best practices and technologies to achieve nearly perfect scores on Google Chrome's Audit. @@ -35,7 +34,7 @@ __Check out [*What's New?*](https://beautifuljekyll.com/updates/) to see the lat - **Flexible usage**: Use Beautiful Jekyll directly on GitHub or via a Ruby gem - choose the best [development method](#build-your-website-in-3-steps) for you. - **Battle-tested**: By using Beautiful Jekyll, you'll be joining 50,000+ users enjoying this theme since 2015. - **SEO and social media support**: Customize how your site looks on Google and when shared on social media. -- **Comments support**: Add comments to any page using either [Disqus](https://disqus.com/), [Facebook comments](https://developers.facebook.com/docs/plugins/comments), [Utterances](https://utteranc.es/), or [Staticman](https://staticman.net). +- **Comments support**: Add comments to any page using either [Disqus](https://disqus.com/), [Facebook comments](https://developers.facebook.com/docs/plugins/comments), [Utterances](https://utteranc.es/), [Staticman](https://staticman.net), [giscus](https://giscus.app), or [CommentBox](https://commentbox.io/). - **Tags**: Any blog post can be tagged with keywords, and an index page is automatically generated. - **Analytics**: Easily integrate Google Analytics, or other analytics platforms, to track visits to your website. - **Search**: Let users easily find any page using a Search button in the navigation bar. @@ -46,10 +45,11 @@ __Check out [*What's New?*](https://beautifuljekyll.com/updates/) to see the lat Developing and maintaining Beautiful Jekyll takes a lot of time and effort - thank you to anyone who helps fund this effort! -- [Matt Artist](https://mja00.dev/) +- [LoadView-Testing](https://www.loadview-testing.com/products/jmeter-load-testing/) +- [DoFollow](https://dofollow.co.uk/) - [\_hyp3ri0n](https://hyperiongray.com) -[Become a sponsor for Beautiful Jekyll and unlock special rewards\!](https://github.com/sponsors/daattali/sponsorships?tier_id=39856) +**[Become a sponsor for Beautiful Jekyll and unlock special rewards\!](https://github.com/sponsors/daattali/sponsorships?tier_id=39856)** # Build your website in 3 steps @@ -59,6 +59,8 @@ There's a very easy way to use this theme, and there's a hard way. For most peop Getting started is *literally* as easy as 1-2-3 :smile: +> A reminder for *advanced users only*: you can follow the instructions for [building locally](https://beautifuljekyll.com/getstarted/#install-steps-hard) if you want more control but higher difficulty + Scroll down to see the steps involved, but here is a 40-second video just as a reference as you work through the steps. If you don't already have a [GitHub account](https://github.com/join), you'll need to sign up. ![Installation steps](assets/img/install-steps.gif) @@ -85,7 +87,9 @@ Note that this was the easy way to *create* your website, but it does come at a ## The hard way (using ruby gems) -If you followed the easy method above, then you already have your site and you can skip this section! If you want to use Beautiful Jekyll as a ruby gem instead, follow the [advanced installation instructions](https://beautifuljekyll.com/getstarted/#install-steps-hard). This is harder to set up initially, but it makes it super easy to keep your site up to date with Beautiful Jekyll when more features are added in the future. +If you followed the easy method above, then you already have your site and you can skip this section! + +If you want to use Beautiful Jekyll as a ruby gem instead, follow the [advanced installation instructions](https://beautifuljekyll.com/getstarted/#install-steps-hard). This is harder to set up initially, but it makes it super easy to keep your site up to date with Beautiful Jekyll when more features are added in the future. # Plans @@ -143,7 +147,7 @@ subtitle | Short description of page or blog post that goes under the title tags | List of tags to categorize the post. Separate the tags with commas and place them inside square brackets. Example: `[personal, analysis, finance]` cover-img | Include a large full-width image at the top of the page. You can either provide the path to a single image (eg. `"/path/to/img"`) , or a list of images to cycle through (eg. `["/path/img1", "/path/img2"]`). If you want to add a caption to an image, then you must use the list notation (use `[]` even if you have only one image), and each image should be provided as `"/path/to/img" : "Caption of image"`. thumbnail-img | For blog posts, if you want to add a thumbnail that will show up in the feed, use `thumbnail-img: /path/to/image`. If no thumbnail is provided, then `cover-img` will be used as the thumbnail. You can use `thumbnail-img: ""` to disable a thumbnail. -comments | If you want do add comments to a specific page, use `comments: true`. Comments only work if you enable one of the comments providers (Facebook, disqus, staticman, utterances) in `_config.yml` file. Comments are automatically enabled on blog posts but not on other pages; to turn comments off for a specific post, use `comments: false`. +comments | If you want do add comments to a specific page, use `comments: true`. Comments only work if you enable one of the comments providers (Facebook, disqus, staticman, utterances, giscus, CommentBox) in `_config.yml` file. Comments are automatically enabled on blog posts but not on other pages; to turn comments off for a specific post, use `comments: false`. ## Parameters for SEO and social media sharing diff --git a/RunCode.md b/RunCode.md deleted file mode 100644 index 6e00c47f095b..000000000000 --- a/RunCode.md +++ /dev/null @@ -1,2 +0,0 @@ -# Build my site - bundle exec jekyll serve \ No newline at end of file diff --git a/_config.yml b/_config.yml index 9bf6d78604b2..104115e1370f 100644 --- a/_config.yml +++ b/_config.yml @@ -1,27 +1,35 @@ -# Welcome to Beautiful Jekyll! -# This config file is meant for settings that affect your entire website. When you first -# set up your website you should go through all these settings and edit them, but after -# the initial set up you won't need to come back to this file often. - +########################################################### +### Welcome to Beautiful Jekyll! +### This config file is meant for settings that affect your entire website. When you first +### set up your website you should go through all these settings and edit them, but after +### the initial set up you won't need to come back to this file often. +########################################################### + +############################ # --- Required options --- # +############################ # Name of website -title: Khanh's blog +title: Geeks Data # Your name to show in the footer -author: Quoc Khanh +author: Geeks Data +############################################### # --- List of links in the navigation bar --- # +############################################### navbar-links: About Me: "aboutme" Resources: "resource" +################ # --- Logo --- # +################ # Image to show in the navigation bar - works best with a square image # Remove this parameter if you don't want an image in the navbar -# avatar: "/assets/img/avatar-icon.png" +avatar: "/assets/img/main_logo.png" # By default, the image is cut into a circle. You can disable this behaviour by setting 'round-avatar: false' round-avatar: true @@ -31,14 +39,16 @@ round-avatar: true # title-img: "/assets/img/thumb.png" +##################################### # --- Footer social media links --- # +##################################### # Select the social network links that you want to show in the footer. # Uncomment the links you want to show and add your information to each one. social-network-links: facebook: khanh.ngo0212 github: akatekhanh0212 -# medium: yourname + medium: geeksdata # reddit: yourname linkedin: khanh-ngo0212 # xing: yourname @@ -55,12 +65,17 @@ social-network-links: # mastodon: instance.url/@username # ORCID: your ORCID ID # google-scholar: your google scholar +# discord: invite/invite_code or users/userid +# kaggle: yourname +# hackerrank: yourname -# If you want to show a link to an RSS in the footer, add the site description here. -# If you don't want to show an RSS link, remove the following line. +# If you want your website to generate an RSS feed, provide a description +# The URL for the feed will be https:///feed.xml rss-description: This website is a virtual proof that I'm awesome +########################### # --- General options --- # +########################### # Select which social network share links to show in posts share-links-active: @@ -85,10 +100,20 @@ feed_show_excerpt: true # Add a search button to the navbar post_search: true +# Add a button in the footer to edit the current page. Only works if your website is hosted on GitHub +edit_page_button: true + +# Allow sub-menu items (second-level navigation menu items) to be longer than the top-level menu +# If this setting is off, then long sub-menu words might get cut off +# See https://github.com/daattali/beautiful-jekyll/issues/765 to understand the issue this setting can solve +navbar-var-length: false + # The keywords to associate with your website, for SEO purposes keywords: "akatekhanh, Python CÆ¡ bản, Khanh Ngo blog, Python la gi" +###################################### # --- Colours / background image --- # +###################################### # Personalize the colours in your website. Colour values can be any valid CSS colour @@ -102,12 +127,13 @@ hover-col: "#0085A1" footer-col: "#EAEAEA" footer-text-col: "#777777" footer-link-col: "#404040" +footer-hover-col: "#0085A1" # Alternatively, the navbar, footer, and page background can be set to an image # instead of colour # navbar-img: "/assets/img/bgimage.png" -#footer-img: "/assets/img/bgimage.png" +# footer-img: "/assets/img/bgimage.png" # page-img: "/assets/img/bgimage.png" # Suggest a colour for mobile browsers to use as the browser's theme. This is only supported by a few mobile browsers. @@ -121,7 +147,9 @@ footer-link-col: "#404040" #site-js: # - "/assets/js/custom-script.js" +################################# # --- Web Analytics Section --- # +################################# # Fill in your Google Analytics gtag.js ID to track your website using gtag #gtag: "" @@ -143,7 +171,9 @@ footer-link-col: "#404040" # uri: "demo.wiki.pro" # opt-out: true +#################### # --- Comments --- # +#################### # To use Disqus comments, sign up to https://disqus.com and fill in your Disqus shortname (NOT the userid) # disqus: "@disqus_zofBc3mfIa" @@ -151,6 +181,9 @@ footer-link-col: "#404040" # To use Facebook Comments, create a Facebook app and fill in the Facebook App ID fb_comment_id: "280000397207657" +# To use CommentBox, sign up for a Project ID on https://commentbox.io +#commentbox: "" # Project ID, e.g. "5694267682979840-proj" + # To use Utterances comments: (0) uncomment the following section, (1) fill in # "repository" (make sure the repository is public), (2) Enable Issues in your repository, # (3) Install the Utterances app in your repository https://github.com/apps/utterances @@ -175,7 +208,25 @@ fb_comment_id: "280000397207657" # siteKey : # You need to apply for a site key on Google # secret : # Encrypt your password by going to https:///v3/encrypt/ +# To use giscus comments: +# (0) Uncomment the following giscus section, (1) Enable Discussions in your GitHub repository, +# (2) Install the giscus app in your repository (details at https://giscus.app), +# (3) Fill in *all* the parameters below +# See more details about giscus and each of the following parameters at https://giscus.app +#giscus: +# hostname: giscus.app # Replace with your giscus instance's hostname if self-hosting +# repository: # GitHub username/repository eg. "daattali/beautiful-jekyll" +# repository-id: # ID of your repository, retrieve this info from https://giscus.app +# category: Announcements # Category name of your GitHub Discussion posts +# category-id: # ID of your category, retrieve this info from https://giscus.app +# mapping: pathname +# reactions-enabled: 1 +# emit-metadata: 0 +# theme: light + +################ # --- Misc --- # +################ # Ruby Date Format to show dates of posts date_format: "%B %-d, %Y" @@ -183,7 +234,9 @@ date_format: "%B %-d, %Y" # Facebook App ID #fb_app_id: "" +################################################################################# # --- You don't need to touch anything below here (but you can if you want) --- # +################################################################################# # Output options (more information on Jekyll's site) timezone: "America/Toronto" diff --git a/_includes/commentbox.html b/_includes/commentbox.html new file mode 100644 index 000000000000..e8019dadef62 --- /dev/null +++ b/_includes/commentbox.html @@ -0,0 +1,7 @@ +{% if site.commentbox %} + +
+ + + +{% endif %} diff --git a/_includes/comments.html b/_includes/comments.html index ce34285f3bc2..66242332a143 100644 --- a/_includes/comments.html +++ b/_includes/comments.html @@ -3,4 +3,6 @@ {% include fb-comment.html %} {% include staticman-comments.html %} {% include utterances-comment.html %} + {% include giscus-comment.html %} + {% include commentbox.html %} {% endif %} diff --git a/_includes/footer.html b/_includes/footer.html index 8fb0e7e4f497..4c7a0bb1c389 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -30,10 +30,15 @@ Do-not-Track {% endif %} {% endif%} + + {% if site.edit_page_button and site.github.repository_url %} +  •  + Edit page + {% endif%} +

{% unless site.remove-ads %}

- Powered by - Beautiful Jekyll + Geeks Data Blog

{% endunless %} diff --git a/_includes/giscus-comment.html b/_includes/giscus-comment.html new file mode 100644 index 000000000000..b6e7fa164215 --- /dev/null +++ b/_includes/giscus-comment.html @@ -0,0 +1,16 @@ +{% if site.giscus.repository and site.giscus.hostname %} + + + +{% endif %} diff --git a/_includes/head.html b/_includes/head.html index 6b8ded593c93..05dae392e55b 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,7 +1,7 @@ - + {% capture title %} {%- if page.share-title -%} {{ page.share-title | strip_html | xml_escape }} @@ -39,7 +39,9 @@ {% endif %} + {% if site.rss-description %} + {% endif %} {% include gtag.html %} {% include gtm_head.html %} diff --git a/_includes/header.html b/_includes/header.html index 4c299b668d39..aa35a7aca85f 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -27,13 +27,13 @@
-

{% if page.title %}{{ page.title }}{% else %}
{% endif %}

+

{% if page.title %}{{ page.title | strip_html }}{% else %}
{% endif %}

{% if page.subtitle %} {% if include.type == "page" %}
- {{ page.subtitle }} + {{ page.subtitle | strip_html }} {% else %} -

{{ page.subtitle }}

+

{{ page.subtitle | strip_html }}

{% endif %} {% endif %} @@ -61,13 +61,13 @@

{{ page.subtitle }}

-

{% if page.title %}{{ page.title }}{% else %}
{% endif %}

+

{% if page.title %}{{ page.title | strip_html }}{% else %}
{% endif %}

{% if page.subtitle %} {% if include.type == "page" %}
- {{ page.subtitle }} + {{ page.subtitle | strip_html }} {% else %} -

{{ page.subtitle }}

+

{{ page.subtitle | strip_html }}

{% endif %} {% endif %} diff --git a/_includes/nav.html b/_includes/nav.html index ee39d5bfb7b8..4d0120c871d8 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -16,7 +16,7 @@ {%- if link[1].first %}
  • -
    +
    {%- for childlink in link[1] -%} {%- for linkparts in childlink %} {{ linkparts[0] }} diff --git a/_includes/search.html b/_includes/search.html index 7924fd08b213..becf37b584c0 100644 --- a/_includes/search.html +++ b/_includes/search.html @@ -11,7 +11,7 @@ var searchjson = '[ \ {% for post in site.posts %} \ { \ - "title" : "{% if post.title != "" %}{{ post.title | escape }}{% else %}{{ post.excerpt | strip_html | escape | strip }}{%endif%}", \ + "title" : "{% if post.title != "" %}{{ post.title | strip_html | escape }}{% else %}{{ post.excerpt | strip_html | escape | strip }}{%endif%}", \ "category" : "{{ post.tags | join: \', \' }}", \ "url" : "{{ site.baseurl }}{{ post.url }}", \ "date" : "{{ post.date | date: "%B %e, %Y" | default: "January 1, 1970" }}" \ @@ -19,7 +19,7 @@ {% endfor %} \ {% for page in site.html_pages %}{% if page.title != "{title}" and page.title != "404 - Page not found" %} \ { \ - "title" : "{% if page.title != "" %}{{ page.title | escape }}{% else %}{{ page.excerpt | strip_html | escape | strip }}{% endif %}", \ + "title" : "{% if page.title != "" %}{{ page.title | strip_html | escape }}{% else %}{{ page.excerpt | strip_html | escape | strip }}{% endif %}", \ "category" : "{% if page.tags %}{{ page.tags | join: \', \' }}{% else %}page{% endif %}", \ "url" : "{{ site.baseurl }}{{ page.url }}", \ "date" : "{{ page.date | date: '%B %e, %Y' | default: "January 1, 1970" }}" \ diff --git a/_includes/social-networks-links.html b/_includes/social-networks-links.html index 3f799eb02de9..8ca4c6d2a5e7 100644 --- a/_includes/social-networks-links.html +++ b/_includes/social-networks-links.html @@ -1,6 +1,6 @@ diff --git a/_includes/social-share.html b/_includes/social-share.html index c04f445f833c..4a7ca01e5b7c 100644 --- a/_includes/social-share.html +++ b/_includes/social-share.html @@ -11,7 +11,7 @@ Share: {% if site.share-links-active.twitter %} - Twitter diff --git a/_layouts/home.html b/_layouts/home.html index c97b27faaff9..cab91a52d623 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -6,88 +6,96 @@ {% assign posts = paginator.posts | default: site.posts %} -
    + +
    + {% if paginator.total_pages > 1 %}
      diff --git a/_layouts/post.html b/_layouts/post.html index 5358515df87d..70d5ee4fcc28 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -67,12 +67,12 @@ diff --git a/_posts/2022-01-08-oop.md b/_posts/2022-01-08-oop.md index 99d1fce903ff..030ce1c081fd 100644 --- a/_posts/2022-01-08-oop.md +++ b/_posts/2022-01-08-oop.md @@ -1,13 +1,116 @@ --- layout: post -title: 5. OOP trong Python -subtitle: Cùng tìm hiểu vá» OOP trong Python. +title: 5. Lập trình hÆ°á»›ng đối tượng trong Python (part 1) +subtitle: 5.1 Cùng tìm hiểu vá» OOP trong Python. tags: [Python cÆ¡ bản] cover-img: /assets/img/3.data-structure/img-1.jpeg comments: true --- +Python là ngôn ngữ thông dịch (interpreter), há»— trợ các cách thức lập trình hÆ°á»›ng đối tượng (Object-Oriented Programming ) nhÆ° má»™t số ngôn ngữ Java hay C#. Nó cÅ©ng tuân theo má»™t số nguyên lý cÆ¡ bản của OOP bao gồm tính **đóng gói**, tính **kế thừa**, tính **Ä‘a hình** và tính **trừu tượng**. +![OOP trong python](/assets/img/5.python-oop/4-oop.png) + +## 1. Lá»›p (class) và đối tượng (Object) +**Class** và **Object** là hai khái niệm quan trá»ng trong OOP mà rất nhiá»u bạn hay nhầm lẫn +1. **class** là má»™t kiểu dữ liệu do ngÆ°á»i dùng tá»± định nghÄ©a, bao gồm các biến, thuá»™c tính đặc trÆ°ng cho đối tượng đó +2. **object** là những thá»±c thể được khởi tạo từ class. + +Hãy tưởng tượng class nhÆ° má»™t chiếc khuôn định nghÄ©a má»™t thá»±c thể sẽ có thuá»™c tính gì, hành vi nhÆ° thế nào, Object là hiện thá»±c hoá thá»±c thể đó. Ví dụ ngÆ°á»i có tay có chân, nhÆ°ng tuỳ má»—i ngÆ°á»i mà tay và chân có thể khác màu da, kích thÆ°á»›c. Äể mô phá»ng, mình sẽ lấy ví dụ vá» má»™t lá»›p Person. + +![Class và Object](/assets/img/5.python-oop/class-object.png) + +Triển code luôn cho dá»… hiểu, code flow sẽ nhÆ° sau: +1. Tạo 1 class Person vá»›i thuá»™c tính là chiá»u cao và ngôn ngữ bằng hàm **__init__** +2. Tạo má»™t phÆ°Æ¡ng thức **say_hello**, tuỳ vào Person ở nÆ°á»›c nào mà sẽ có phÆ°Æ¡ng thức say_hello khác nhau + +```python +# Khai báo class +class Person: + def __init__(self, height: float, language: str): + pass + + def say_hello(self): + return f"I'm come from {language}" + +# Khởi tạo object từ class +john = Person(height=190.5, language="English") +john.say_hello() + +nick = Person(height=180, language="Vietnam") +nick.say_hello() + +``` + +## 2. OOP trong Python +Trong phần này, chúng ta sẽ lấy lại ví dụ vá» lá»›p **Person**. + +### Tính kế thừa (Inheritance) +> **Usecase**: Tính kế thừa giúp việc tạo các Class má»›i từ các Class đã tồn tại vá»›i việc thêm vào hoặc sá»­a chữa các thuá»™c tính, phÆ°Æ¡ng thức của Class cÅ©. Äiá»u này giúp giảm tình trạng reuse code, khi bạn sá»­ dụng kế thừa, class má»›i sẽ tá»± Ä‘á»™ng sá»­ dụng lại tất cả các code cÅ© mà không cần phải copy thứ gì từ nó. + +Giả sá»­ lá»›p má»i con ngÆ°á»i Ä‘á»u nói được _Hello world !!!_, thì ta chỉ cần khai báo phÆ°Æ¡ng phức **speak** trong Person để các lá»›p khác có thể sá»­ dụng. + +```python +class Person(): + def speak(): + print("Hello world!!!") + return + +class PersonAsia(Person): + pass + +person = PersonAsia() +person.speak() +# output: Hello world!!! + +``` +Bằng cách sá»­ dụng tính kế thừa mà lá»›p _PersonAsia_ không cần phải khai báo lại phÆ°Æ¡ng thức _speak_ mà có thể sá»­ dụng nó từ lá»›p cha Person + + +### Tính trừu tượng (Abstraction) +> **Usecase**: Khi má»™t Class con được khởi tạo, nó sẽ kế thừa má»i thuá»™c tính và phÆ°Æ¡ng thức từ lá»›p cha của nó. Làm sao để lá»›p con có thể thay thế hay ghi đè lá»›p cha? Äó chính là đặc trÆ°ng của tính trừu tượng. Tính trừu tượng cho phép các lá»›p con ghi đè lại các phÆ°Æ¡ng thức hay thuá»™c tính của lá»›p cha. + + + +### Tính Ä‘a hình (Polymorphism) +> **Usecase**: hai hay nhiá»u lá»›p có phÆ°Æ¡ng thức giống nhau nhÆ°ng lại thá»±c hiện các hành vi theo những các thức khác nhau + +Ví dụ: +```python +class PersonX(): + def speak()): + print("Im X person") + +class PersonY(): + def speak(): + print("Im Y person") + +def person_speak(person): + person.speak() + + +person_x = PersonX() +person_speak(person_x) +# Im X person + +person_y = PersonY() +person_speak(person_y) +# Im Y person + +``` + +### Tính đóng gói (Encapsulation) +> **Usecase**: đây là má»™t trong những tính chất quan trá»ng của Lập trình hÆ°á»›ng đối tượng. Tính đóng gói giúp ngăn chặn việc truy cập, thay đổi thuá»™c tính, phÆ°Æ¡ng thức của má»™t lá»›p má»™t cách trá»±c tiếp, giúp che giấu dữ liệu (data hiding) + +Vá» cÆ¡ bản, trong Python không có các thuá»™c tính, phÆ°Æ¡ng thức **private, public hay protected** nhÆ° Java hay C#, nó được thá»±c hiện theo cách khác + +Các thuá»™c tính hay phÆ°Æ¡ng thức _private_ chỉ có thể được sá»­ dụng bên trong lá»›p chứa nó, Python sá»­ dụng hai dấu gạch dÆ°á»›i (prefix) để làm tiá»n tố chỉ định má»™t thuá»™c tính hay phÆ°Æ¡ng thức private. + +## 3. Tổng kết +Qua bài viết vừa rồi, mình và các bạn đã Ä‘i qua các khái niệm cÆ¡ bản cÅ©ng nhÆ° tính chất quan trá»ng trong lập trình hÆ°á»›ng đối tượng. + +Python là ngôn ngữ há»— trợ lập trình hÆ°á»›ng đối tượng, tuy nhiên việc thể hiện tính chất **hÆ°á»›ng đối tượng** của Python thật sá»± không rõ ràng nhÆ° Java hay C#. + +Tuy nhiên OOP trong Python vẫn là má»™t đặc trung rất hay, rất hữu ích trong quá trình phát triển phần má»m. Ở các bài tiếp theo mình sẽ Ä‘i sâu hÆ¡n và cụ thể hÆ¡n vá» OOP trong Python. +Hẹn gặp các bạn ở bài sau ! -heelo * TOC -{:toc} -My first paragraph. \ No newline at end of file +{:toc} \ No newline at end of file diff --git a/_posts/2022-11-26-excalidraw.md b/_posts/2022-11-26-excalidraw.md new file mode 100644 index 000000000000..82dab201d060 --- /dev/null +++ b/_posts/2022-11-26-excalidraw.md @@ -0,0 +1,134 @@ +--- +layout: post +title: Mình dùng tool gì để vẽ các Diagram, đồ thị? +subtitle: Obsidian and Excalidraw plugin +tags: [Sharing] +cover-img: /assets/img/sharing/img_1.png +comments: true +--- + +Chào các bạn, khi làm việc chúng ta sẽ có những công việc cần lÆ°u ý, những kiến thức hay cần ghi nhá»›, những Ä‘oạn code hay cần được note lại. +Thông thÆ°á»ng thì các bạn sẽ sá»­ dụng tool gì để viết note nhỉ? Mình khá chắc là hiện tại có rất là nhiá»u note tool chẳng hạn nhÆ°: +- Notion: cái này có bản Personal và cho Team. Notion cho phép ngÆ°á»i dùng tạo ra các website, các bạn báo cáo nhanh, các công cụ cÅ©ng rất Ä‘a dạng nhÆ° **table, list, hay tích hợp tools của bên thứ 3 vào** +- Microsoft Notes: cái này mình thấy má»™t số anh chị xài chung vá»›i hệ sinh thái của Microsoft, nó cÅ©ng rất mạnh (nhÆ°ng mà mình không thích là nó không cho hightlight code :D) +- Obsidian: tool note mà mình sẽ giá»›i thiệu trong bài này. Nó sá»­ dụng _markdown_ language để hiển thị, Ä‘iểm mạnh của Obsidian là cho phép ngÆ°á»i dùng cài thêm các bá»™ plugin và có khá nhiá»u phím tắt. Mình hay note và thÆ°á»ng vẽ các đồ thị, diagram để đính kém vào trong note luôn, nên Obsidian và Excalidraw(plugin để vẽ vá»i :D) là má»™t giải pháp tuyệt vá»i. + +Bắt tay vô xem Obsidian và Excalidraw là cái gì nào !! +![OOP trong python](/assets/img/5.python-oop/4-oop.png) + +## 1. Obsidian là gì? Cài đặt và hÆ°á»›ng dẫn tạo má»™t cái note Ä‘Æ¡n giản. +### Cài đặt Obsidian +Obsidian là phần má»m free, các bạn có thể tải tại [trang chủ](https://obsidian.md/) của nó.\ +![Obsidian](/assets/img/sharing/img_2.png) + +Sau khi cài xong các bạn cài đặt nhÆ° bình thuá»ng. Giao diện của Obsidian sẽ nhÆ° sau: +![Giao diện](/assets/img/sharing/img_3.png) + +### Tạo má»™t cái note Ä‘Æ¡n giản. +**Obsidian** há»— trợ rất nhiá»u phím tắt (shortcut) giúp tăng tốc Ä‘á»™ làm việc. Các bạn có thể tìm má»™t số shortcut hữu ích và hay sá»­ dụng [tại đây](https://forum.obsidian.md/t/obsidian-hotkeys-favorites-and-best-practices/12125) + +Äể tạo má»›i má»™t note, các bạn chá»n _Create new file_ hoặc **Ctrl + N** (macos Cmd + N) + +### Cách sá»­ dụng + +1. **Mở đầu** +2. + +![Class và Object](/assets/img/5.python-oop/class-object.png) + +Triển code luôn cho dá»… hiểu, code flow sẽ nhÆ° sau: +1. Tạo 1 class Person vá»›i thuá»™c tính là chiá»u cao và ngôn ngữ bằng hàm **__init__** +2. Tạo má»™t phÆ°Æ¡ng thức **say_hello**, tuỳ vào Person ở nÆ°á»›c nào mà sẽ có phÆ°Æ¡ng thức say_hello khác nhau + +```python +# Khai báo class +class Person: + def __init__(self, height: float, language: str): + pass + + def say_hello(self): + return f"I'm come from {language}" + +# Khởi tạo object từ class +john = Person(height=190.5, language="English") +john.say_hello() + +nick = Person(height=180, language="Vietnam") +nick.say_hello() + +``` + +## 2. OOP trong Python +Trong phần này, chúng ta sẽ lấy lại ví dụ vá» lá»›p **Person**. + +### Tính kế thừa (Inheritance) +> **Usecase**: Tính kế thừa giúp việc tạo các Class má»›i từ các Class đã tồn tại vá»›i việc thêm vào hoặc sá»­a chữa các thuá»™c tính, phÆ°Æ¡ng thức của Class cÅ©. Äiá»u này giúp giảm tình trạng reuse code, khi bạn sá»­ dụng kế thừa, class má»›i sẽ tá»± Ä‘á»™ng sá»­ dụng lại tất cả các code cÅ© mà không cần phải copy thứ gì từ nó. + +Giả sá»­ lá»›p má»i con ngÆ°á»i Ä‘á»u nói được _Hello world !!!_, thì ta chỉ cần khai báo phÆ°Æ¡ng phức **speak** trong Person để các lá»›p khác có thể sá»­ dụng. + +```python +class Person(): + def speak(): + print("Hello world!!!") + return + +class PersonAsia(Person): + pass + +person = PersonAsia() +person.speak() +# output: Hello world!!! + +``` +Bằng cách sá»­ dụng tính kế thừa mà lá»›p _PersonAsia_ không cần phải khai báo lại phÆ°Æ¡ng thức _speak_ mà có thể sá»­ dụng nó từ lá»›p cha Person + + +### Tính trừu tượng (Abstraction) +> **Usecase**: Khi má»™t Class con được khởi tạo, nó sẽ kế thừa má»i thuá»™c tính và phÆ°Æ¡ng thức từ lá»›p cha của nó. Làm sao để lá»›p con có thể thay thế hay ghi đè lá»›p cha? Äó chính là đặc trÆ°ng của tính trừu tượng. Tính trừu tượng cho phép các lá»›p con ghi đè lại các phÆ°Æ¡ng thức hay thuá»™c tính của lá»›p cha. + + + +### Tính Ä‘a hình (Polymorphism) +> **Usecase**: hai hay nhiá»u lá»›p có phÆ°Æ¡ng thức giống nhau nhÆ°ng lại thá»±c hiện các hành vi theo những các thức khác nhau + +Ví dụ: +```python +class PersonX(): + def speak()): + print("Im X person") + +class PersonY(): + def speak(): + print("Im Y person") + +def person_speak(person): + person.speak() + + +person_x = PersonX() +person_speak(person_x) +# Im X person + +person_y = PersonY() +person_speak(person_y) +# Im Y person + +``` + +### Tính đóng gói (Encapsulation) +> **Usecase**: đây là má»™t trong những tính chất quan trá»ng của Lập trình hÆ°á»›ng đối tượng. Tính đóng gói giúp ngăn chặn việc truy cập, thay đổi thuá»™c tính, phÆ°Æ¡ng thức của má»™t lá»›p má»™t cách trá»±c tiếp, giúp che giấu dữ liệu (data hiding) + +Vá» cÆ¡ bản, trong Python không có các thuá»™c tính, phÆ°Æ¡ng thức **private, public hay protected** nhÆ° Java hay C#, nó được thá»±c hiện theo cách khác + +Các thuá»™c tính hay phÆ°Æ¡ng thức _private_ chỉ có thể được sá»­ dụng bên trong lá»›p chứa nó, Python sá»­ dụng hai dấu gạch dÆ°á»›i (prefix) để làm tiá»n tố chỉ định má»™t thuá»™c tính hay phÆ°Æ¡ng thức private. + +## 3. Tổng kết +Qua bài viết vừa rồi, mình và các bạn đã Ä‘i qua các khái niệm cÆ¡ bản cÅ©ng nhÆ° tính chất quan trá»ng trong lập trình hÆ°á»›ng đối tượng. + +Python là ngôn ngữ há»— trợ lập trình hÆ°á»›ng đối tượng, tuy nhiên việc thể hiện tính chất **hÆ°á»›ng đối tượng** của Python thật sá»± không rõ ràng nhÆ° Java hay C#. + +Tuy nhiên OOP trong Python vẫn là má»™t đặc trung rất hay, rất hữu ích trong quá trình phát triển phần má»m. Ở các bài tiếp theo mình sẽ Ä‘i sâu hÆ¡n và cụ thể hÆ¡n vá» OOP trong Python. +Hẹn gặp các bạn ở bài sau ! + +* TOC +{:toc} \ No newline at end of file diff --git a/_posts/test.md b/_posts/test.md index 4ac869f47ead..bf6c9a5f9349 100644 --- a/_posts/test.md +++ b/_posts/test.md @@ -75,4 +75,4 @@ You can add notification, warning and error boxes like this: ### Error {: .box-error} -**Error:** This is an error box. +**Error:** This is an error box. \ No newline at end of file diff --git a/aboutme.md b/aboutme.md index f15f33807ea7..38f83c326fa0 100644 --- a/aboutme.md +++ b/aboutme.md @@ -4,10 +4,7 @@ cover-img: /assets/img/about-img.jpeg --- >"Lúa chín cúi đầu - sông sâu tÄ©nh lặng" -# Hi, mình là Quốc Khánh ✌ -**Chào má»i ngÆ°á»i, mình là *Quốc Khánh*, hiện tại mình Ä‘ang là má»™t Python developer, Cloud engineer. -Python là ngôn ngữ yêu thích của mình, rất vui vì được chia sẻ kiến thức vá»›i má»i ngÆ°á»i.** - - +# Hi, mình là Quốc Khánh✌ [Github repository](https://github.com/akatekhanh/akatekhanh.github.io)\ -[Linkedin](https://www.linkedin.com/in/khanh-ngo0212) \ No newline at end of file +[Linkedin](https://www.linkedin.com/in/khanh-ngo0212)\ +[Fiverr](https://www.fiverr.com/akatekhanh) \ No newline at end of file diff --git a/assets/css/beautifuljekyll.css b/assets/css/beautifuljekyll.css index 4e809c4c1783..d30caa9e7862 100644 --- a/assets/css/beautifuljekyll.css +++ b/assets/css/beautifuljekyll.css @@ -20,6 +20,7 @@ body { background-image: url({{ site.page-img | relative_url }}); background-attachment: fixed; {% endif %} + overflow-wrap: break-word; } p { line-height: 1.5; @@ -246,22 +247,28 @@ img { } .navbar-custom .nav-item.dropdown .dropdown-menu { - min-width: 0; margin-top: 0; font-size: 1em; border: 0; padding: 0; + {% if site.navbar-var-length %} + min-width: 100%; + {% else %} + min-width: 0; width: 100%; word-break: break-word; + {% endif %} } + .navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item { - white-space: normal; padding: 0.625rem; background-color: {{ site.navbar-col | default: "#EAEAEA" }}; text-decoration: none !important; - border-width: 0 1px 1px 1px; font-weight: normal; color: {{ site.navbar-text-col | default: "#404040" }}; + {% unless site.navbar-var-length %} + white-space: normal; + {% endunless %} } @media (min-width: 1200px) { @@ -274,6 +281,10 @@ img { border: 1px solid {{ site.navbar-border-col | default: "#DDDDDD" }}; border-width: 0 1px 1px; } + + .navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item:first-child { + border-top-width: 1px; + } } @media (max-width: 1199px) { @@ -388,6 +399,11 @@ footer a { color: {{ site.footer-link-col | default: "#404040" }}; } +footer a:hover, +footer a:focus { + color: {{ site.footer-hover-col | default: "#0085A1" }}; +} + footer .list-inline { margin: 0; padding: 0; @@ -426,6 +442,10 @@ footer .footer-custom-content { /* --- Post preview (feed) --- */ +.posts-list { + margin: 0; +} + .post-preview { padding: 1.25rem 0; border-bottom: 1px solid #eee; @@ -556,6 +576,10 @@ footer .footer-custom-content { opacity: 0.8; } +.blog-tags .list-inline-item { + margin-right: 0; +} + .blog-tags a { color: {{ site.text-col | default: "#404040" }}; text-decoration: none; diff --git a/assets/img/5.python-oop/4-oop.png b/assets/img/5.python-oop/4-oop.png new file mode 100644 index 000000000000..e1c320e42fe8 Binary files /dev/null and b/assets/img/5.python-oop/4-oop.png differ diff --git a/assets/img/5.python-oop/class-object.png b/assets/img/5.python-oop/class-object.png new file mode 100644 index 000000000000..a5818b9539f9 Binary files /dev/null and b/assets/img/5.python-oop/class-object.png differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 000000000000..d11e7d47c32c Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/main_logo.png b/assets/img/main_logo.png new file mode 100644 index 000000000000..df02d168f7e3 Binary files /dev/null and b/assets/img/main_logo.png differ diff --git a/assets/img/sharing/img.png b/assets/img/sharing/img.png new file mode 100644 index 000000000000..a9d579a9a5f6 Binary files /dev/null and b/assets/img/sharing/img.png differ diff --git a/assets/img/sharing/img_1.png b/assets/img/sharing/img_1.png new file mode 100644 index 000000000000..1787e9f91241 Binary files /dev/null and b/assets/img/sharing/img_1.png differ diff --git a/assets/img/sharing/img_2.png b/assets/img/sharing/img_2.png new file mode 100644 index 000000000000..50ee0f97a3bd Binary files /dev/null and b/assets/img/sharing/img_2.png differ diff --git a/assets/img/sharing/img_3.png b/assets/img/sharing/img_3.png new file mode 100644 index 000000000000..8a8b939a2d4b Binary files /dev/null and b/assets/img/sharing/img_3.png differ diff --git a/assets/js/staticman.js b/assets/js/staticman.js index e8bdfbe2e667..9ecf188661f9 100644 --- a/assets/js/staticman.js +++ b/assets/js/staticman.js @@ -3,40 +3,51 @@ layout: null --- (function ($) { - var $comments = $('.js-comments'); - $('#new_comment').submit(function () { - var form = this; + const form = this; $(form).addClass('disabled'); {% assign sm = site.staticman -%} - var endpoint = '{{ sm.endpoint }}'; - var repository = '{{ sm.repository }}'; - var branch = '{{ sm.branch }}'; - - $.ajax({ - type: $(this).attr('method'), - url: endpoint + repository + '/' + branch + '/comments', - data: $(this).serialize(), - contentType: 'application/x-www-form-urlencoded', - success: function (data) { - $('#comment-form-submit').addClass('d-none'); - $('#comment-form-submitted').removeClass('d-none'); - $('.page__comments-form .js-notice').removeClass('alert-danger'); - $('.page__comments-form .js-notice').addClass('alert-success'); - showAlert('success'); - }, - error: function (err) { - console.log(err); - $('#comment-form-submitted').addClass('d-none'); - $('#comment-form-submit').removeClass('d-none'); - $('.page__comments-form .js-notice').removeClass('alert-success'); - $('.page__comments-form .js-notice').addClass('alert-danger'); - showAlert('failure'); - $(form).removeClass('disabled'); + const endpoint = '{{ sm.endpoint }}'; + const repository = '{{ sm.repository }}'; + const branch = '{{ sm.branch }}'; + const url = endpoint + repository + '/' + branch + '/comments'; + const data = $(this).serialize(); + + const xhr = new XMLHttpRequest(); + xhr.open("POST", url); + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + xhr.onreadystatechange = function () { + if(xhr.readyState === XMLHttpRequest.DONE) { + const status = xhr.status; + if (status >= 200 && status < 400) { + formSubmitted(); + } else { + formError(); + } } - }); + }; + + function formSubmitted() { + $('#comment-form-submit').addClass('d-none'); + $('#comment-form-submitted').removeClass('d-none'); + $('.page__comments-form .js-notice').removeClass('alert-danger'); + $('.page__comments-form .js-notice').addClass('alert-success'); + showAlert('success'); + } + + function formError() { + $('#comment-form-submitted').addClass('d-none'); + $('#comment-form-submit').removeClass('d-none'); + $('.page__comments-form .js-notice').removeClass('alert-success'); + $('.page__comments-form .js-notice').addClass('alert-danger'); + showAlert('failure'); + $(form).removeClass('disabled'); + } + + xhr.send(data); return false; }); diff --git a/docs/control.pdf b/docs/control.pdf deleted file mode 100644 index 2d352ba882d9..000000000000 Binary files a/docs/control.pdf and /dev/null differ diff --git a/docs/fp.pdf b/docs/fp.pdf deleted file mode 100644 index b2e92bd360a1..000000000000 Binary files a/docs/fp.pdf and /dev/null differ diff --git a/docs/oop.pdf b/docs/oop.pdf deleted file mode 100644 index 7c1773db0b17..000000000000 Binary files a/docs/oop.pdf and /dev/null differ diff --git a/feed.xml b/feed.xml index 57f7ad56359a..6148cf15f5d6 100644 --- a/feed.xml +++ b/feed.xml @@ -15,9 +15,9 @@ layout: null {% assign excerpt_length = site.excerpt_length | default: 50 %} {% for post in site.posts limit:20 %} - {{ post.title | xml_escape }} + {{ post.title | strip_html | xml_escape }} - {% if post.subtitle %}{{ post.subtitle | xml_escape }} - {% endif %} + {% if post.subtitle %}{{ post.subtitle | strip_html | xml_escape }} - {% endif %} {{ post.content | strip_html | xml_escape | truncatewords: excerpt_length }} {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} diff --git a/index.html b/index.html index 24db43eb509a..6a917fbccc9c 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ --- layout: home -title: Python with me -subtitle: Mình là má»™t python developer... +title: Learning data with me +subtitle: Mình là má»™t geeks data... --- diff --git a/resource.md b/resource.md new file mode 100644 index 000000000000..38f83c326fa0 --- /dev/null +++ b/resource.md @@ -0,0 +1,10 @@ +--- +layout: post +cover-img: /assets/img/about-img.jpeg +--- +>"Lúa chín cúi đầu - sông sâu tÄ©nh lặng" + +# Hi, mình là Quốc Khánh✌ +[Github repository](https://github.com/akatekhanh/akatekhanh.github.io)\ +[Linkedin](https://www.linkedin.com/in/khanh-ngo0212)\ +[Fiverr](https://www.fiverr.com/akatekhanh) \ No newline at end of file diff --git a/screenshot.png b/screenshot.png deleted file mode 100644 index 0c48110cb69b..000000000000 Binary files a/screenshot.png and /dev/null differ diff --git a/start.md b/start.md new file mode 100644 index 000000000000..6c37bec2afc7 --- /dev/null +++ b/start.md @@ -0,0 +1,12 @@ +# How to start this app + +## Install Jekyll and Gems +```bash +gem install jekyll bundler +``` + +## Build the site and make it available on local +```bash +bundle exec jekyll serve +``` +**And then, check it in http://localhost:4000** \ No newline at end of file diff --git a/tags.html b/tags.html index 04c193908ec9..55a3c6d4cb66 100644 --- a/tags.html +++ b/tags.html @@ -25,7 +25,7 @@

      {%- for post in site.tags[tag] -%}
      - {{- post.title -}} + {{- post.title | strip_html -}}