Burning
- site css is fucked
Workflow
- Open Typora
- New Doc:
:new
- Write
- Add title, tags, categories in frontmatter
- tags are lists
- New Doc:
- Open Terminal
cd_blog
- this is the deploy I should aim at
bundle exec jekyll build -d ../public-site
- this is the deploy I’m using
bundle exec jekyll build
git add .
git commit -m "message"
git push -u origin main
cd _site
git add .
git commit -m "message"
git push -u origin main
- then render deploys repository “site-deploy”
- Deploy: Github
- commands
cd _site
git add .
git commit -m "message"
git push -u origin main
- Render.com should then auto-deploy
- You can manually deploy
- commands
- be aware: there is a repository of the whole page, on github as a private repository and then there is a repository in the _site from which render takes the site
Theme
This site uses Chirpy Theme by cotes2020. Some edits I made:
Added Open-Embed support
- To easily embed e.g. Youtube videos into posts, Open-Embed.
- Find local gem file
# in the root directory of your site $ bundle info --path jekyll-theme-chirpy
- In my case:
/Users/mathis/.gem/ruby/3.1.0/gems/jekyll-theme-chirpy-5.0.2
- Copy
_layouts/default.html
- To your site
nullnein on github
- In
_layouts/default.html
- Edit before the
</body>
include theopen-embed.html
When writing, just paste the URL directly in the Markdown file of your post, and the plugin will automatically generate the corresponding HTML element. For example: In file _posts/2022-02-07-my-awesome-post.md
:
1
2
3
4
5
6
7
bla bla bla bla
https://www.youtube.com/watch?v=qgqZnHwG7Cc
bla bla bla bla bla
...
Editing the sidebar
I took out the sections Recently Updated and Trending Tags from the sidebar.
This is what I did:
Added GoatCounter Analytics
In _layouts/default.html
before </body>
added:
1
<script data-goatcounter="https://mikrophaenomene.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
However: uBlock origin blocks GoatCounter which is fine for me. Also localhost serves of jekyll call at GoatCounter so test environment may mess up the count but since uBlock blocks it it should be fine.
Took out license and sharing at post bottom
Because of unclarity around licensing, I decided to opt for a “some rights reserved” in the footer. Thus, I needed to take out the CC license at the bottom of each post. Also, I don’t like sharing buttons. So the whole piece had to go.
In layouts/posts.html
I deleted this whole section at the bottom:
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
<div class="post-tail-bottom
d-flex justify-content-between align-items-center mt-3 pt-5 pb-2">
<div class="license-wrapper">
</div>
<!--
Post sharing snippet
-->
<div class="share-wrapper">
<span class="share-label text-muted mr-1"></span>
<span class="share-icons">
<a href="https://twitter.com/intent/tweet?text=Configuration this site - mathis&url=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
title="Twitter" target="_blank" rel="noopener" aria-label="Twitter">
<i class="fa-fw fab fa-twitter"></i>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?title=Configuration this site - mathis&u=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
title="Facebook" target="_blank" rel="noopener" aria-label="Facebook">
<i class="fa-fw fab fa-facebook-square"></i>
</a>
<a href="https://telegram.me/share?text=Configuration this site - mathis&url=https://mathis.lol/posts/configuration-this-site/" data-toggle="tooltip" data-placement="top"
title="Telegram" target="_blank" rel="noopener" aria-label="Telegram">
<i class="fa-fw fab fa-telegram"></i>
</a>
<i id="copy-link" class="fa-fw fas fa-link small"
data-toggle="tooltip" data-placement="top"
title=""
title-succeed="">
</i>
</span>
</div>
</div><!-- .post-tail-bottom -->
Setup
- [x]installing ruby
- [x]installing jekyll
- continue at “Get your Ruby version:”
- [ ]installing chirby on github pages
- setup guide
- setup at nullnein.onrender.com, run:
- jekyll
bundle exec jekyll build
- push to github not automated yet
- I think render will automatically redeploy
- jekyll
- How github/jekyll workflow works, very basic tutorial
- How to link
image handling
- Typora imputs into assets folder
- assets has subfolders by category
- attibute image path as
/assets/image-path.extension
add tag-archive
https://brettterpstra.com/projects/jtag/
- change
nil
tonone
intags_json.html
- change
config.yml
to point tohttps://raw.githubusercontent.com/nullnein/site-deploy/main/data/tags.json
Figure out
- how to host images
- internal links
- git: take care of branches, right now switched to main as default, don’t want to have pull-request hassle, no need
- mathjax arrows