blob: da5de4b93e477be0f202eefccaf0f22c98060fb1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
# Bodhi - Hugo Theme
Bodhi is a simple, minimal, personal website theme for Hugo.
[Demo](https://themes.gohugo.io//theme/bodhi/blog) | [Github](https://github.com/rhnvrm/bodhi)
## Previews
## Features
- Google and Fathom Analytics integration
- Syntax highlighting
- Dark mode
- Twitter cards and opengraph tags support
- Disqus and Commento comments
- RSS feeds
- AddToAny support
- Inbuilt Search Support
- Minimal post metadata like Reading Time
- Simple pagination with page indicators
- Two navigation menus
- Menu bar with left/right split
- Navigation bar with custom tree
## Get Started
### Clone as submodule in your hugo site
```
git submodule add https://github.com/rhnvrm/bodhi themes/bodhi
```
### Sample Config
After cloning the submodule, you can need to update your hugo config.toml
You can use the following sample config file:
```toml
baseURL = "https://rohanverma.net/"
languageCode = "en-us"
title = "Rohan Verma"
theme = "bodhi"
googleAnalytics = "xxxx"
[params]
subtitle = "(rhnvrm)"
avatar = "/images/avatar.jpg"
author = "Rohan Verma"
commentoSrc = "https://commento.myselfhostedinstance.net/js/commento.js"
footerMessage = "Feel free to use the content of this website with appropriate attribution to the author."
[[menu.main]]
name = "home"
url = "/"
weight = 1
[[menu.main_right]]
name = "contact"
url = "/contact/"
weight = 1
[[menu.nav]]
name = "projects"
url = "/projects"
weight = 2
[[menu.nav]]
parent = "projects"
name = "bodhi"
url = "/projects/bodhi"
weight = 1
[[menu.nav]]
name = "blogs"
url = "/blog"
weight = 1
[[menu.nav]]
parent = "blogs"
name = "archive"
url = "/archive"
weight = 1
[[menu.nav]]
parent = "blogs"
name = "tags"
url = "/tags"
weight = 2
[[menu.nav]]
parent = "blogs"
name = "categories"
url = "/categories"
weight = 3
[markup.goldmark.renderer]
unsafe= true
[outputs]
home = ["HTML", "RSS", "JSON"]
[params.fathomAnalytics]
siteID = "XXXXX"
serverURL = "https://fathom.myselfhostedinstance.net"
[markup]
[markup.highlight]
codeFences = true
guessSyntax = true
lineNoStart = 1
noClasses = false
tabWidth = 4
```
## Inspiration - suckless
[suckless](https://suckless.org) is known for their focus on simplicity and clarity. Their website is a good example of simple website design. I really liked how they use the two-column design as a mini-sitemap. This tree layout, is something that is familiar and intuitive to a lot of people. This inspired me to build [Bodhi](/projects/bodhi) to have a two-column layout with the column showing a tree like column on the left.
|
