232 lines
11 KiB
HTML
232 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cn">
|
||
|
||
<head>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>迁移博客至hugo</title>
|
||
<link rel="alternate" type="application/rss+xml" title="优世界" href="/rss.xml">
|
||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||
<link rel='stylesheet' href='/css/main.css'>
|
||
<link rel="stylesheet" href="/css/normalize.css">
|
||
<link rel="stylesheet" href="/css/remixicon.css">
|
||
<link rel="stylesheet" href="/css/uikit.min.css">
|
||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||
<link rel="stylesheet" href="/css/Artalk.css"/>
|
||
<script src="/js/jquery.min.js"></script>
|
||
<script src="/js/barrage.min.js"></script>
|
||
<script src="/js/jquery.scrollUp.min.js"></script>
|
||
<script src="/js/instantpage.min.js" type="module" defer></script>
|
||
<script src="/js/pjax.js"></script>
|
||
|
||
<link rel="stylesheet" href="/css/mywaline.css" />
|
||
|
||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
|
||
<meta name="template" content="Amigo" />
|
||
</head>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="main">
|
||
<div class="container">
|
||
<div class="header">
|
||
<div class="head_author_img load-memos-editor">
|
||
<img src="/image/avatar.jpg" class="blog-img" width="80" height="80" alt="优世界" />
|
||
</div>
|
||
<div class="site-description">
|
||
<h2><span class="uk-invisible">风吹云散，云卷云舒</span></h2>
|
||
<nav class="nav social uk-visible@m">
|
||
<ul class="flat">
|
||
|
||
|
||
<a href="https://pan.usj.cc" title="GitHub" target="_blank"><i class="ri-cloudy-2-line"></i></a>
|
||
|
||
<a href="https://space.bilibili.com/525472039" title="Twitter" target="_blank"><i class="ri-bilibili-line"></i></a>
|
||
|
||
<a href="https://github.com/imzql" title="LinkedIn" target="_blank"><i class="ri-github-fill"></i></a>
|
||
|
||
|
||
</ul>
|
||
<div class="yiyandes">风吹云散，云卷云舒</div>
|
||
</nav>
|
||
</div>
|
||
<nav class="nav">
|
||
<ul class="flat">
|
||
<li class="active"><a href="/">首页</a></li>
|
||
<li class="active"><a href="/about/">关于</a></li>
|
||
<li class="active"><a href="/ly/">留言</a></li>
|
||
<li class="active"><a href="/archives/">归档</a></li>
|
||
<li class="active"><a href="/links/">友链</a></li>
|
||
<li class="active"><a href="/circles/">友圈</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
|
||
|
||
<div id="pjax-container">
|
||
<article style="margin-bottom: 3.5em;">
|
||
<h1 class="post-title" itemprop="name headline">迁移博客至hugo</h1>
|
||
<div class="meta">
|
||
作者: 小赵同学 浏览: <span id="busuanzi_value_page_uv"></span> 字数: 1538 分类:
|
||
|
||
<a href="%e7%94%9f%e6%b4%bb">生活</a>
|
||
|
||
</div>
|
||
<div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
|
||
<p>近日，在午休的时候，突然收到了腾讯云的短信，起初以为就是腾讯云的新产品上线的营销短信，也就没管它</p>
|
||
<p>午觉起床仔细查看，原来是我当时买的四年腾讯云轻量服务器马上要到期了，于是去腾讯云官网看看有没有划算的活动，再续几年，不出我所料，腾讯云只对新用户才有优惠活动，而老用户单纯续费不走活动的话，价格不是我这种小博主可以承担的起的</p>
|
||
<p>所以只能放弃，再寻它法</p>
|
||
<p>经历差不多三四天内心博弈与挣扎，总算下定决心，我要转静态博客，比较有名的静态博客平台就属hexo，hugo，因为hexo有丰富的主题和插件生态以及很多优秀积极活跃的开发者，所以我首选的静态博客平台是hexo，实际用了几天hexo，然后再和hugo测试对比，我还是放弃了hexo</p>
|
||
<p>没有选择使用 Hexo 的一个最大原因是，Hexo 的性能远远不及 Hugo</p>
|
||
<p>我的博客文章从typecho导出大概有一百多篇文章，用hexo构建，大部分情况下需要半分钟，而在老家那个老式办公机，可能是电脑性能太差，经常会出现构建失败，而用hugo却只需要两秒即可构建所有页面及文章，即使我的老式办公机也可以快速构建，极大的原因可能是hugo的底层是go写的，构建速度会比hexo快很多</p>
|
||
<p>下决心转到hugo的这几天里，给我最大的感受就是hugo的主题真的是太少了，大部分都是老外写的，因为自己下载的hugo最新的版本，一些比较老的hugo主题，实际运行会出现奇奇怪怪的报错，试了几个比较满意的主题都遇到各种奇奇怪怪的报错问题，对一个新手来说还真的是蛮打击心态的，找了一圈也没有找到满意的</p>
|
||
<p>于是我又萌生了一个大胆的想法，自己尝试写一个自用的hugo主题</p>
|
||
<p>果不其然，我又遇到了第二个棘手的问题，hugo的文档真的很差，大部分都是机翻，描述的语言晦涩难懂，对于一个新手开发者真的太打击了</p>
|
||
<p>不过好在，之前二开过几款typecho主题，所以也是有了点自己的门道，找了几款star比较多的hugo主题，将它的主题源码下载下来，研究学习，经过差不多半个月的摸爬滚打，也算是把主题的雏形慢慢搓出来了</p>
|
||
<p>从此，我的博客彻底定型为hugo</p>
|
||
<h2 id="个人感受">个人感受</h2>
|
||
<p>最大的感受就是静态博客真的很省心，转到了静态博客，我不用再花费相当大的精力去维护LNMP 类型的博客（typecho）</p>
|
||
<p>因为静态博客不再依赖数据库，也不会遇到数据库长时间不重启，突然某一天自己熄火</p>
|
||
<p>其次再也不用为ssl证书发愁，通过GitHub action 自动构建在博客托管平台，vercel会自动帮我续期ssl证书</p>
|
||
<p>此外我也不用再考虑通过各种各样的插件优化博客速度，静态博客全站静态化搭配国内cdn，可以达到相当快很快的访问速度</p>
|
||
<p>我也不用花精力在备份上了，静态博客全站托管在GitHub，通过GitHub action 自动化构建，GitHub存一份，腾讯云oss存一份，又拍云存一份，基本上都是自动化，省去了很多人工操作</p>
|
||
<p>或许我只用关心如何写好自己的文章</p>
|
||
<h2 id="关于主题">关于主题</h2>
|
||
<p>经常逛我博客的老朋友可能知道，这次hugo主题主要是移植的是typecho我曾魔改的Ying主题</p>
|
||
<p>也有很多朋友问我typecho版本是否可以开源，这里统一回复一下，<strong>typecho版本不开源</strong></p>
|
||
<p>主要原因是当时魔改的时候还没有一个正确的思路，功能都是东拼西凑，只达到了能跑的现状，也可以说是完完全全的屎山代码</p>
|
||
<p>整体的维护性很差，很多代码我自己现在都看不懂了，属于会改的不想看，不会改的看不懂</p>
|
||
<p>为了不耽误各位的时间，就不要来找我要主题了，最后特别感谢大家对我魔改的肯定</p>
|
||
<h2 id="主题优化">主题优化</h2>
|
||
<p>在主题还是typecho版本的时候，有博友反馈pc端的评论弹幕很卡，这次特地重写了弹幕逻辑，各位来访的朋友，是不是感觉很丝滑呢</p>
|
||
<p>
|
||
<img data-lazy-src="/pics/hugo/migrate-to-hugo/image-20240811222643740.png" alt="image-20240811222643740" class="lazyload"></p>
|
||
<p>目前主题还是雏形，主题还在开发中，更多功能，敬请期待</p>
|
||
<h2 id="特别感谢">特别感谢</h2>
|
||
<p>特别感谢主题开发期间提供帮助的博友以及开发者（以下排名不分先后）</p>
|
||
<p>hugo 官方
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9nb2h1Z28uaW8%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
https://gohugo.io</a></p>
|
||
<p>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly90LXQubGl2ZQ%3d%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
团团</a>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly90LXQubGl2ZQ%3d%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
https://t-t.live</a></p>
|
||
<p>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9xcS5tZA%3d%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
叶开</a>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9xcS5tZA%3d%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
https://qq.md</a></p>
|
||
<p>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9saWthaWppYW4uY29tLw%3d%3d"
|
||
|
||
target="_blank"
|
||
>
|
||
永恒末匕</a>
|
||
<a
|
||
|
||
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9saWthaWppYW4uY29t"
|
||
|
||
target="_blank"
|
||
>
|
||
https://likaijian.com</a></p>
|
||
|
||
</div>
|
||
<div class="post-tags" style="margin-top: -30px;">
|
||
<nav class="nav tags">
|
||
<ul class="flat">
|
||
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</article>
|
||
<hr class="uk-divider-icon">
|
||
<div id="comments" class="comments-area">
|
||
|
||
|
||
|
||
<link href="/css/Artalk.css" rel="stylesheet" />
|
||
|
||
<div id="Comments" uk-scrollspy="target: div,span,img> ; cls: uk-animation-slide-bottom-small;"></div>
|
||
|
||
<script src="/js/Artalk.js"></script>
|
||
<script>
|
||
if (document.querySelector("#Comments")) {
|
||
Artalk.init({
|
||
el: '#Comments',
|
||
server: 'https://artalk.5b2.cn',
|
||
site: '优世界',
|
||
flatMode: true
|
||
})
|
||
}
|
||
</script>
|
||
|
||
|
||
</div>
|
||
<script async src="/js/bsz.js"></script>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="footer">
|
||
<nav class="nav" style="clear: both;">
|
||
© 2019 - 2024
|
||
<br>
|
||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||
<br>
|
||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
||
</a>提供CDN加速服务
|
||
<br>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="/js/iconfont.js"></script>
|
||
<script src="/js/lightgallery.umd.min.js"></script>
|
||
<script src="/js/uikit.min.js"></script>
|
||
<script src="/js/EasyLazyload.min.js"></script>
|
||
<script src="/js/view-image.min.js"></script>
|
||
<script src="/js/Artalk.js"></script>
|
||
<script src="/js/main.js"></script>
|
||
<script src="/js/mypjax.js"></script>
|
||
<script src="/js/nprogress.js"></script>
|
||
<script src="/js/echarts.min.js"></script>
|
||
<script src="/js/tiaozhuan.js"></script>
|
||
<script async src="/js/bsz.js"></script>
|
||
</body>
|
||
|
||
</html>
|
||
|