Blog 11-25-21

1 About Hugo and WordPress

Hugo is a fantastic and fast website engine. It’s written in Go (aka Golang). One day, I visited a blog that is built on Hugo’s framework and I was immediately charmed by the fluidity, well-structured, and responsiveness of that website. Thanks again,  aozaki.cc

Many great factors which I have in mind about Hugo or other similar site generators is that I don’t need to pay a monthly fee for any hosting, don’t have to install an OS and any complex backend framework on a VPS to run my WordPress website. All I should do is to download Visual Studio Code (or any code editor you like) and start writing content, in pure markdown format, very easy to read and it also has aesthetic feeling when you write on markdown. Then, you push your content/code to GitHub and your website will be deployed at any second. Back-up your website is never a concern because your data and folder structure stays in your computer’s HDD and can be backed up to GitHub, your external drive, or cloud services such as Dropbox/GDrive.

As a WordPress (WP) user for many years, I know that this is recent technology (Static Site Generators - SSG) and there are many great advantages over WP, however, I don’t replace my main WP website with an SSG kind but instead, I’m starting a fresh blog with Hugo and learn many things with it, and still maintaining  my main website.

For a proper description, Hugo belongs to “Static Site Generators” category of the tech stack, while WordPress can be primarily classified under “Self-Hosted Blogging / CMS”.

Some of the features offered by Hugo are:

• Run Anywhere - Hugo is quite possibly the easiest to install the software you’ve ever used, simply download and run. Hugo doesn’t depend on administrative privileges, databases, runtimes, interpreters, or external libraries. Sites built with Hugo can be deployed on S3, Github Pages, Dropbox, or any web host.

• Fast - Powerful - Hugo is written for speed and performance. Great care has been taken to ensure that Hugo’s build time is as short as possible. We’re talking milliseconds to build your entire site for most setups.

• Flexible - Hugo is designed to work how you do. Organize your content however you want with any URL structure. Declare your own content types. Define your own metadata in YAML, TOML, or JSON.

“Lightning fast” is the primary reason why developers consider Hugo over the competitors, whereas “Customizable” was stated as the key factor in picking WordPress.

There are pros and cons in nearly everything, but I won’t dig so deep into this. I learned that Hugo has fewer plugins/extensions support, and a not-so-friendly template syntax since it’s a new programming language (Go) and I’m mainly studying Python now, but I heard Go has been growing in popularity nowadays. When I have more time, I should learn it too.

My Hugo theme which I’m using now has all the extensions I need like a music player and a built-in Youtube plugin, that can be called with a simple shortcode: {{< youtube 2LV9cigl1Iw >}} with 2LV9cigl1Iw is the ID of the video. It also supports charts, mindmap, and much more.

2 OpenAI

 https://openai.com

 https://openai.com/blog/clip/

Although deep learning has revolutionized computer vision, current approaches have several major problems: typical vision datasets are labor intensive and costly to create while teaching only a narrow set of visual concepts; standard vision models are good at one task and one task only, and require significant effort to adapt to a new task; and models that perform well on benchmarks have disappointingly poor performance on stress tests, casting doubt on the entire deep learning approach to computer vision.

CLIP: Connecting Text and Images We’re introducing a neural network called CLIP which efficiently learns visual concepts from natural language supervision. CLIP can be applied to any visual classification benchmark by simply providing the names of the visual categories to be recognized, similar to the “zero-shot” capabilities of GPT-2 and GPT-3.

3 Testing Lightgallery.js

Go to  Image-Test

4 Updating Arai-san

Go to   

5 Random stuff

▣ This blog’s theme lacks a background picture option for the homepage.  How to do that?  🤔

 大佐（仮） (Taisa [kari])

▣ Change the shape of the article thumbnails in the home page?

You can add your own custom CSS by editing your_site/assets/css/_custom.scss to achieve this looking.

1
2
3

.home[posts] .summary .featured-image-preview img.lazyloaded {
    border-radius: 25px;
}

Here is how you can add a box-shadow:

1
2
3
4

.home[posts] .summary .featured-image-preview img.lazyloaded {
    border-radius: 25px;
    box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.1)
}

 https://github.com/HEIGE-PCloud/DoIt/discussions/179)

6 VSCode Extensions

 https://dev.to/harishash/vs-code-extensions-to-increase-your-productivity-eeb