关于程序员:玩遍博客网站我整理了-Hugo-及其流行的风格主题

61次阅读

共计 1931 个字符,预计需要花费 5 分钟才能阅读完成。

搭建博客网站是集体进入互联网世界的最常见形式之一。随同着网站技术的倒退,如何搭建博客网站曾经变得非常容易了。当然,你能够抉择诸如 新浪博客、CSDN、博客园 之类的大型网站,疾速创立依赖于大平台的集体博客,不过这种形式的有余是舆论受限太多、无奈涉及网站底层技术。所以,对于想要自由发挥创意、又冀望对网站领有更多主动权的话,最好还是抉择本人去亲手搭建一个网站。


本主题将围绕博客网站的搭建流程、不同的博客搭建技术及其风行的格调主题开展,整个系列由以下三个文章局部组成:

  • 当下风行的博客技术栈
  • Hexo 及其风行的格调主题
  • Hugo 及其风行的格调主题

Hugo 是应用 Go 编写的疾速而古代的动态站点生成器,旨在使网站创立变得乏味。特点是简略、易用、高效、扩展性好、疾速部署。其官网是:https://gohugo.io。

装置 Hugo

装置 Hugo 相当简略,然而须要先装置 Go 运行环境。以 Mac 操作系统为例,装置 Hugo 的命令:brew install hugo。

初始化一个名字为 hugo-blog 的我的项目:hugo new site hugo-blog,此时将生成如下 Hugo 我的项目目录:

.
├── config.toml     # 网站的配置信息
├── archetypes      # 寄存 .md 文件的模板
├── content         # 寄存 .md 文件
├── data            # 寄存 Hugo 数据
├── layouts         # 寄存布局文件
├── public          # 公共文件夹,用于寄存生成的站点文件
├── static          # 寄存动态文件,比方图片、CSS、JS
└── themes          # 寄存主题

疾速操作 Hugo

查看版本:hugo version

新建一篇文章:hugo new post/my-first-blog.md

生成动态文件:hugo -t even

启动服务器:hugo server

失常启动服务后,在浏览器关上 http://localhost:1313/ 看到咱们的网站。

风行的 Hugo 主题

应用 Hugo 博客时,咱们最心愿的是找到适宜本人的一款主题,上面将图文联合介绍一些风行的 Hugo 主题。此外,对于写作的办法和 Hugo 主题批改,能够查阅本文参考中的 Hugo 官网文档,这里不再赘述。

找到、装置和配置 Hugo 主题

最好的搜寻形式是在 https://github.com/ 中,搜寻关键词:hugo theme。或者应用搜索引擎,搜寻:hugo theme site:github.com

而后进入到我的项目目录中,下载安装咱们须要的主题(theme-demo 只是一个示例资源,请留神代替为理论的资源):

git clone https://github.com/theme-demo.git themes/theme-demo
cp -r themes/theme-demo/_source/* source

心愿应用下载的主题,增加 themes/theme-demo/exampleSite/config.toml 中的配置,还须要在 config.toml 中配置主题:

theme = "theme-demo"

此外,在有些 theme-demo 文件夹中会有 demo 或 example 目录,文件构造与新建的 Hugo 我的项目的文件构造简直是一样的,这样设置是为了用户的配置能够笼罩掉主题的配置。

Hugo 风行主题之 1:MemE

MemE 是一个弱小且可高度定制的 GoHugo 博客主题,专为集体博客设计。MemE 主题专一于优雅、简洁、古代,以及代码的正确性。Github 地址:https://github.com/reuixiy/hu…。

Hugo 风行主题之 2:Clarity

基于 VMware 的开源 Clarity 设计零碎,具备丰盛的代码反对、暗 / 光模式、挪动反对等特点,为 Hugo 设计了一个具备技术意识的主题。Github 地址:https://github.com/chipzoller…。

Hugo 风行主题之 3:Even

一个很简洁的主题,移植自 hexo-theme-even。Github 地址:https://github.com/olOwOlo/hu…。

Hugo 风行主题之 4:Octopress

从 Octopress 博客移植过去的经典主题。Github 地址:https://github.com/parsiya/Hu…。

Hugo 风行主题之 5:Tokiwa

一个极简的博客主题,对汉字进行了显示优化。Github 地址:https://github.com/heyeshuang…。

除了以上几种,还有更多不错的 Hugo 格调主题供你选用,能够返回 Hugo 主题网站 找到。如果你有好的想法和设计,也能够创立并公布本人制作的 Hugo 主题,到时候欢送给我的网站 魚立说 留言。

参考链接

① Hugo 官网文档

② Hugo Themes

正文完
 0