mirror of
https://github.com/BBaoVanC/bbaovanc.com.git
synced 2026-04-03 01:42:38 -05:00
Take bobatheme blog post out of draft stage
This commit is contained in:
@@ -3,7 +3,6 @@
|
||||
title: The redesign of my website
|
||||
date: 2021-10-16
|
||||
toc: true
|
||||
draft: true
|
||||
|
||||
tags:
|
||||
- announcement
|
||||
@@ -18,7 +17,7 @@ resources:
|
||||
---
|
||||
|
||||
For the past three weeks I've been designing and perfecting a new theme for my
|
||||
website: bobatheme from scratch. I tried to keep it simple without looking ugly.
|
||||
website with the goal of keeping it simple but not ugly.
|
||||
|
||||
<!--more-->
|
||||
|
||||
@@ -29,32 +28,32 @@ website: bobatheme from scratch. I tried to keep it simple without looking ugly.
|
||||
I've switched to a new theme. Visually, it's similar to
|
||||
[hugo-bearblog](https://github.com/janraasch/hugo-bearblog) which was the theme
|
||||
I had previously. Bearblog does a great job for being simple and very light, but
|
||||
it's not quite for me. bobatheme has a lot of fancy features thanks to Hugo. For
|
||||
example: list pages (such as [/blog/](/blog/)) have previews for each article,
|
||||
including featured images or videos for some articles, you can link to specific
|
||||
headers in an article, and articles have metadata such as word count, reading
|
||||
time, and the git commit that last modified them. However, the biggest feature
|
||||
bobatheme has over the previous themes I've used is **icons**.
|
||||
it's not featureful enough for me. bobatheme has a lot of fancy features thanks
|
||||
to Hugo. For example: list pages (such as [/blog/](/blog/)) have previews for
|
||||
each article, including featured images or videos for select articles. You can
|
||||
also link to specific headers in an article, and articles have metadata such as
|
||||
word count, reading time, and the git commit that last modified them. My
|
||||
favorite new feature, however, is that bobatheme has icons.
|
||||
|
||||
### Icons
|
||||
|
||||
I'm using an icon pack called [Feather](https://feathericons.com/). Using Hugo,
|
||||
I have a template that just takes the contents of the SVG file and inserts it
|
||||
directly into the HTML source code. While that increases the size of the HTML
|
||||
file, it minimizes the amount of requests that your browser has to make, and it
|
||||
doesn't really increase the size by very much in the end after compression.
|
||||
file, it minimizes the amount of requests that your browser has to make, and in
|
||||
a lot of cases, it will reduce the total amount of data you have to download
|
||||
thanks to compression.
|
||||
|
||||
### No JavaScript (yet)
|
||||
|
||||
There isn't any JavaScript yet, but I think I'll probably use a little to add
|
||||
some features such as copying code blocks to the clipboard. (I couldn't think of
|
||||
any other ideas to put here.)
|
||||
There isn't any JavaScript yet, but in the future I'll use a little to add small
|
||||
features such as copying code blocks to the clipboard.
|
||||
|
||||
## My website is on GitHub
|
||||
|
||||
My website was previously on git.bbaovanc.com, but I [moved it to
|
||||
GitHub](https://github.com/BBaoVanC/bbaovanc.com) to take
|
||||
advantage of a cool feature:
|
||||
My website's source code was previously on git.bbaovanc.com, but I migrated it
|
||||
to [a new repository on GitHub](https://github.com/BBaoVanC/bbaovanc.com) so I
|
||||
could use Netlify to automatically build website previews for pull requests.
|
||||
|
||||
### Netlify
|
||||
|
||||
@@ -63,17 +62,22 @@ linked in a comment.
|
||||
|
||||
## Translations
|
||||
|
||||
I'm working on translating all pages on my site to Spanish. I'm open to
|
||||
translations for other languages, but I don't know any others so I won't be
|
||||
able to help.
|
||||
I'm working on translating all pages on my site to Spanish. If you know Spanish,
|
||||
or any other languages, I'd appreciate if you could help out by reviewing
|
||||
existing translations, or submitting new ones. See the [contributing
|
||||
guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md#translations)
|
||||
for more information).
|
||||
|
||||
### Tracking Status
|
||||
|
||||
I'm currently tracking translation status using [projects on
|
||||
GitHub](https://github.com/BBaoVanC/bbaovanc.com/projects). Each language has
|
||||
I'm currently tracking translation status using [GitHub
|
||||
projects](https://github.com/BBaoVanC/bbaovanc.com/projects). Each language has
|
||||
one "progress" project which shows each page's translation status in the
|
||||
language, and a second "pull requests" project which organizes individual pull
|
||||
requests.
|
||||
requests. For example, here's the [Spanish Translation
|
||||
Progress](https://github.com/BBaoVanC/bbaovanc.com/projects/4) and [Spanish
|
||||
Translation Pull Requests](https://github.com/BBaoVanC/bbaovanc.com/projects/1)
|
||||
projects.
|
||||
|
||||
### Contribute translations
|
||||
|
||||
@@ -85,6 +89,8 @@ some new translations into other languages, or write translations for pages that
|
||||
aren't already translated.
|
||||
|
||||
Just remember to read the [contribution
|
||||
guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md)
|
||||
before contributing as I have some important information such as how to build
|
||||
the site yourself instead of having to wait for Netlify.
|
||||
guidelines](https://github.com/BBaoVanC/bbaovanc.com/blob/master/CONTRIBUTING.md#translations)
|
||||
before contributing as I have some important information such as how to format
|
||||
pull requests and how to build the site yourself instead of having to wait for
|
||||
Netlify. You can also look at any existing translation related pull requests as
|
||||
an example.
|
||||
|
||||
Reference in New Issue
Block a user