https://domatoxi.github.io/blog/Recent content in 首页 on domato's blogHugo -- gohugo.iozh-cnFri, 14 Aug 2026 00:00:00 +0000https://domatoxi.github.io/blog/posts/website-creation/Fri, 14 Aug 2026 00:00:00 +0000https://domatoxi.github.io/blog/posts/website-creation/<p>本人还是第一次写长文博客，那就来介绍一下这个网站是怎么来的吧。</p> <p>其实一开始完全没有建个人网站的想法，不过在浏览SNS的时候会见到人呼吁要制作自己的网站，见多了之后我也对建网站这件事稍微提起了一点兴趣。</p> <p>Prefetcher是我的启蒙人之一。</p> <blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:xtzdbt3kmdb6ef3wumhkhktd/app.bsky.feed.post/3mjajnhph3s2g" data-bluesky-cid="bafyreig76yi47r47gcc6lkjplbop2vc4zi2ry2mazwlivmzr3c7lvmdnci"><p lang="en">just to reminisce, left picture was my website from 2016, and the right one, 10 years later in 2026 the indie web still lives, make your own website, that&#39;s where all the charm is &lt;3</p>&mdash; <a href="https://bsky.app/profile/did:plc:xtzdbt3kmdb6ef3wumhkhktd?ref_src=embed">prefetcher (@prefetcher.miku.place)</a> <a href="https://bsky.app/profile/did:plc:xtzdbt3kmdb6ef3wumhkhktd/post/3mjajnhph3s2g?ref_src=embed">2026-04-11T19:03:15.280Z</a></blockquote><script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script> <p>不过嘛&hellip;本人还挺懒的，萌生了一点想法也只限于把建网站小技巧扔进收藏夹里罢了。然后就这么吃灰了&hellip;</p> <p>后来本人开始用上Linux,也关注了一些Linux博客。某天看到Ivon在他自己的<a href="https://ivonblog.com/posts/2025120401/" title="架設個人網站吧，把共鳴的訊號送往網路宇宙深處">这篇博文</a>提议大家制作自己的网站。应该是这篇吧不太记得了&hellip;</p> <blockquote> <p>但大家仍應該要自己架網站，搞RSS，還要弄友站連結(blogroll)，互相推薦「有趣的網站」，不靠演算法決定你能看到什麼&hellip;<br> — <cite>Ivon的部落格<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></cite></p> </blockquote> <p>我也挺认同的&hellip;逛个人网站的时候经常能见到有趣的文章，而且主题相当之广泛&hellip;充斥着算法的现代SNS看多了真的会很累，感觉离交流的本质已经越来越远了&hellip;<br> 逛个人网站浏览大家有意思的文章的同时，自己想做网站的念头也越发强烈&hellip;心动不如行动！然后就开始收集资料以及询问各类前辈（？</p> <p>制作网站时朋友跟fedi友给了我非常多的帮助，在此特别感谢！</p> <hr> <br> 既然决定要做网站了，那来构思一下到底要做成什么样吧～！ <p>首先要做成3语网站！<br> 中文用起来最顺手了肯定少不了！日文和英文也想多加练习，每篇博文都自行写多语言版本的话说不定能起到一个练习的效果呢！</p> <p>其次要支持RSS！<br> 总不能每次都让看官手动输入网站查看更新吧&hellip;真这样我自己也会忘记查看的囧</p> <p>能支持暗黑模式最好！评论区也想要！</p> <p>作品集和博客要不要做成一个网站呢&hellip;?最初犹豫过，现在觉得还是分开两个网站比较好&hellip;</p> <p>工具用的是Hugo, 本人实在是没有从0开始搭建网站的能力&hellip;<br> 看到不少人在推荐Hugo，而且Hugo没有图形界面可以满足我折腾bash的愿望了！！好耶～～～！</p> <p>万事俱备后就开始折腾起来了&hellip;</p> <hr> <br> <p><strong>注意</strong><br> 以下内容 <strong>不是教程</strong> ，仅仅是记录此网站的制作过程！</p> <p>就如切菜需要菜刀，制作网站先从下载Hugo开始！我是从Software Management下载的Hugo！不过下载完了还是对一切都一头雾水&hellip;</p> <p>&hellip;虽然完全搞不懂怎么用不过先从官方的<a href="https://gohugo.io/getting-started/quick-start/">快速入门</a>教程开始！&hellip;&hellip;结果一上来就报错！（哭唧唧）<br> 后来经fedi友提醒，原来是系统包的版本太旧了&hellip;然后就去官网下载安装最新版的.deb包了&hellip;<br> 上网看了看安装.deb包的指令貌似是这个：</p> <pre tabindex="0"><code>sudo dpkg -i DEB_PACKAGE </code></pre><p>安装好最新版本的包就能照着教程正常使用了！<br> 照着教程的流程走了一遍，真的一行代码都不用写，生成了一个漂亮的网站！当时真的感动极了&hellip;</p> <p>后面就是换个符合自己心水的主题了～！一直换一直试错，感觉现在在用的主题看起来很简洁，也支持很多我想要的功能，就这么用上了。<br> 不过因为是个三语网站，需要用3个不同的RSS图标，没有的话我就自己动手改！反正又不是不会画画&hellip;</p> <p>什么？！图标是用代码画的？！？！<br> 什么？！svg其实就是文本文件？！<br> 什么？！Krita不支持保存为svg格式？！ <span style='color: grey'><small> <em>后来才发现 其实是支持导入导出svg格式的&hellip;（小声）</em></small></span><br> 什么？！Inkscape用起来的手感跟Krita完全不一样！！画纸片人的技能毫无用武之地！！！<br> 就这么震惊之余顺便学会了制作svg文件。真是太好了&hellip;</p> <p>评论区要怎么办呢？<br> Disqus？会售卖个人信息，不考虑！<br> Giscus？也不是人人都有Github账号，不考虑！<br> 家里并没有能Self-Host的电脑，需要Self-Host的也不考虑&hellip;于是就变成现在在用的Cusdis了。</p> <p>可能有点跑题，同人文化圈好像都习惯使用匿名留言箱，个人博客大多都是给个邮箱让你自己去跟站长联系。 为什么会有这种生态差异呢？<br> 反正这个评论服务可以不登陆留言，留言也是我审批过后才能显示，跟匿名留言箱差别可能也不是太大吧&hellip;真的有人恶评的话大不了以后关掉评论区就是了&hellip;</p> <h5 id="追记">追记</h5> <p>评论系统改成Giscus了&hellip;不过真的需要弄个评论系统吗？</p> <hr> <br> 以上就是我的建站历程了...再稍微修改一下说不定就能发布了。以后想到要改进的地方再边做边修吧... <p>还没想好以后的博客要写什么&hellip;要是实在是想不到写什么干脆在这边连载Linux四格漫画算了&hellip;我并不擅长写文章&hellip;以上，感谢你的阅读！</p> <hr> <h2 id="2026-09-10-追记">2026-09-10 追记</h2> <p>写好这篇博客后本应去撰写翻译版本的，但是发现自己可能不想翻译，疑似又开始拖延了&hellip;<br> 既然如此，干脆把其他语言的版本都砍掉好了！总比因为抗拒翻译而一直放置博客要好&hellip;</p> <p>那之前为了制作多语种博客而做的各种准备功夫不就全都白费功夫了？是的没错<br> 人的精力是有限的 不要高看自己的精力&hellip;</p> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p>引用了Ivon部落格的这篇文章：<a href="https://ivonblog.com/posts/2025120401/">https://ivonblog.com/posts/2025120401/</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div>https://domatoxi.github.io/blog/pages/friends/Mon, 01 Jan 0001 00:00:00 +0000https://domatoxi.github.io/blog/pages/friends/<p>Coming Soon&hellip;</p>