Typecho迁移Hugo完整指南:安装教程与使用技巧详解


我已经折腾了好几个博客框架,typecho、wordpress、haolo、hexo、hogo,我最初的想法只是想写写博客,记录一下我的成长历程。有的时候把一些技术记录一下,忘记了可以直接当一个笔记本的形式用一下。最起码比我们纸质笔记本更方便,也更容易分享我的心得体会,甚至我的想法见解能够对大家有帮助。在避免墨香铜臭前提下,写下这篇文章,如果大家有需要将typecho迁移至hugo的可以参考我这篇内容

hugo介绍

如下是官网的一些介绍。我也大概讲一下我的理解,hugo支持多个平台widows,linux ,乌班图。我们经常用widows其实就可以下载hugo的win 64版本,下载完成后不需要安装只需要搭建一下环境,就可以用来生成静态网站。但是很多人会问,我自己也会写静态页面为什么需要hugo,那是因为hugo可以自动生成页面的前提下,还有很多主题,插件,例如:主题、评论、搜索,而且不需要要我们再去写样式以及动效。生成的静态页面,看起来完全像是动态页面,而且hugo生成的是不需要在购买服务器的,不用查询数据库,页面渲染以及速度是动态网站的十倍,我们不需要考虑昂贵服务器几核几G、带宽等,可以直接部署在阿里云的oss ,腾讯云的cos,如果有服务器的话直接nginx访问index.html静态页面即可

官网地址:The world’s fastest framework for building websites

Hugo是一个通用的网站框架。从技术角度来说,Hugo是一个静态网站生成器。与每个访问者请求动态构建页面的系统不同,Hugo在创建或更新内容时构建页面。由于网站被查看的频率远远多于编辑的频率,Hugo旨在为您的网站最终用户提供最佳的查看体验,并为网站作者提供理想的编写体验。

使用Hugo构建的网站非常快速和安全。Hugo网站可以托管在任何地方,包括NetlifyHerokuGoDaddyDreamHostGitHub PagesGitLab PagesSurgeFirebaseGoogle Cloud StorageAmazon S3RackspaceAzureCloudFront,并且与CDN配合良好。Hugo网站运行无需数据库或Ruby、Python或PHP等昂贵运行时的依赖。

我们认为Hugo是理想的网站创建工具,几乎可以立即构建,可以在更改时重新构建。

为什么选择Hugo

本来想着抱着尝试的态度弄一下hugo的,看看有没有好看的主题,发现hugo的主题最符合我做博客的要求,而且不需要在购买性能要求高的服务器

1.无需数据库:所有内容生成静态 HTML 文件,部署简单,安全性高(无 SQL 注入等风险)

2.速度快:页面直接托管在 CDN 上,加载速度极快

3.适合内容稳定:博客、文档、宣传类网站等无需频繁交互的场景

4.维护上,根本不需要维护,因为不涉及到任何硬件

5.主题相当丰富,而且很多更能可以手搓,满足个人需要

6.纯Markdown 写作没有任何华丽花哨的东西。如上六点是我总结下来的有点,我觉得不需要服务器完全就可以选择这个了

为什么不选typecho

依赖PHP、MySQL、插件,不方便,服务器性能不能太差,如果访问人数多的话,页面加载慢甚至服务器卡死

主题安装就可以用,但是个性化底,要求有php语言技术要求

而且需要防范攻击,以及黑客

hugo安装方法

1.进入hugo官网The world’s fastest framework for building websites 点击github,进入程序下载的地方,然后选择你对应的版本,一般都是widows 64位的

2.选择tags,里面选择一个最新的版本,然后选择对应的电脑配置即可

3.选择对应的版本,我建议是选择最新的,一般都是优化了很多地方,性能更优,而且代码提供都是外国人

4.通过自己电脑的配置选择对应的版本下载到本地即可

5.环境变量配置

下载完成后,只需要包含hugo.exe即可不需要专门安装。然后将文件路径配置到环境变量即可

我的文件路径是在这个地方我环境变量也填入这个地址

按照如下方式进入环境变量配置即可

此电脑⇒右击属性⇒高级系统设置⇒环境变量

我的hugo.exe存储路径 : D:\hugo\bin

6.生成博客

在D:\hugo\bin这个路径cmd进入控制台

输入代码hugo new site myblog,生成博客

7.添加主题

进入官网将主题下载至D:\hugo\myblog\themes路径里面,我随机选择第一个下载

下载完成后就是这样的,将主题放入themes即可

然后将主题的文件名称填入博客的hugo.toml

9.启动博客

cd D:\hugo\myblog

hugo server -D

这样就启动成功了,主题可以按照自己的要求选择

hugo new posts/article.md

可以创建一些文章测试用

hugo常用命令

这些命令是经常用到的,最好就是记住,hugo执行完成后就会在public文件夹生成新的页面

命令用途 命令示例
创建网站 hugo new site myblog
新建文章 hugo new posts/article.md
本地预览(含草稿) hugo server -D
构建网站 hugo
查看版本 hugo version
清理构建文件 hugo clean

typecho文章迁移

使用这个插件将文章下载成md格式下载即可

lizheming/typecho-export-hugo: Typecho 博客文章导出至 Hugo 插件

启用插件后导出即可

结语

可能刚开始使用会觉得比较困难,然后不能立马生成现成的博客开箱即用。还是需要我们多去钻研,查看一些资料的,hugo优秀之处也是如同积木一样自己搭建一点就有一点东西,通过堆叠、排列、拼接出自己想要的,这样更方便一些想要自己搭建的。相信大家通过自己的方式,搭建一个真正自己的博客一定有不一样的成就感


也可以看看