用hugo建博客的记录 · 老张不服老

前后累计折腾近6个小时,总算把搭建hugo静态博客的整个过程搞清楚了。为什么用了这么久?主要还是想偷懒,不喜欢读英文说明。那就用中文记录一下过程吧。还是中文顺眼啊。

某日发现自己有展示些东西给外网的需求,又不想通过DDNS在本地电脑上架设服务器,于是决定建一个免费网站。以前帮朋友们建过几个免费网站,知道免费空间大多有种限制或者要有广告。但我只需要展示一两个静态网页就足够,为此还要接受广告心里不爽。在各种搜索下,终于确定github page就是最合适的方案。

不想自己手动逐项设置,打算找一个工具。大部分静态博客生成器都需要依赖环境,唯有hugo只需要一个可执行文件就够,深得我心,况且据说它的性能远超侪辈,得,就它了。现在开始!

必须步骤

下载与安装

对hugo来说,这几乎不需要任何说明。下载到的是一个exe单文件,不需要安装,随便扔到哪个目录下就可以运行。为了不用每次都输入绝对路径,最好把它添加到系统环境路径PATH中。
下载页面

选择或创建放置博客的目录

Windows 命令行下使用 mkdir 目录名
当然也可以在窗口中创建。但既然 hugo 是命令行程序,索性都在命令行下完成。

创建博客目录结构

最好先切换 大专栏  用hugo建博客的记录 · 老张不服老到创建的目录下。

    cd 目录名
    hugo new site 目录名

下载皮肤模板

通常是使用 git 下载皮肤模板,但其实也可以直接下载后解压到相应的目录。
这里可以查看一些皮肤模板

使用 git 下载全部皮肤模板。不易成功,最好选择其中一个皮肤模板下载。

    git clone --recursive https://github.com/spf13/hugoThemes themes

设置皮肤模板

大概看了一下其他皮肤模板,几乎所有皮肤模板都是复制皮肤模板下的配置文件覆盖到根目录下就可以使用了。有个别皮肤模板的具体细节要对照皮肤模板的说明。

新建一篇博客

新建文件的命令默认会将文件放到 content 文件夹下。一般使用 content 文件夹下的 post 文件夹放置要发表的博客。hugo 称这样的文件夹为 section 。

    hugo new posthelloWorld.md

使用自己喜爱的编辑器编辑此文件即可。可以使用预览功能实时查看格式。运行下面的命令即可在 http://localhost:1313 预览。

    hugo server

生成页面

前面虽然已经可以预览,但并未生成相关网页。要发布前必须先生成一下。生成的网站放在 public 目录下。直接运行 hugo 即可生成。速度飞快。

同步到托管网站

原文地址:https://www.cnblogs.com/lijianming180/p/12247949.html

时间: 2024-10-22 05:59:25

用hugo建博客的记录 · 老张不服老的相关文章

鄙人为啥要在博客上记录学到的技术细节?

鄙人是搞软件的,曾经因为一个偶然的机会进入了软件这一行业. 1.为啥要学技术? 学技术嘛,不外乎两个原因.一个是学以致用,另一个就是兴趣了. 学以致用:既然都搞软件了,基本的软件开发知识总得有吧,这就得学了. 兴趣:鄙人从小爱折腾,软件这东西可比其他的东西都耐折腾,想怎么玩你逗可以怎么玩,哈哈-- 2.为啥要学技术细节? 很多人都说:技术就是工具,有需求的时候拿来用就行了,懂点基本的就可以了,不用太关注细节. 鄙人却深不以为然.且不说可扩展性和可复用性了,大多数代码的可读性和可维护性都达不到要求

开通博客,记录生活

2013年大学毕业后,我会到了家乡,在一家大的印刷厂找了一份工作.工作职责就是网管兼软件开发,拿2千多块的工资.后来有一次我打印文件时,发现了一份工资列表.估计是人力资源打错打印机了.我大概一看,原来最高层总经理也就一万块的工资,高管78千,十年的老员工也不超过5000块.公司的员工素质普遍很低.人力资源部的那些娘们儿加上二流子跟狗一样基本上是勾心斗角,结党营私.在这种地方,根本没有什么前途.于是我下定决心:不干了,离开小城市,去广州. 2014年7月16号,我独自一人带着剩下的二千块工资来到广

创建博客来记录我每天的java征途

大家好! 今天2015-7-29!我创建了属于我自己的博客,在这里,我将记录我每天的java学习征途, 其实我的大学专业不是软件工程类的,而是建筑工程,都是工程,可是两者之间却完全不沾边的两个专业,为什么我会选择放弃我的大学专业学习java呢? 第一点:虽说我在大学的专业是建筑工程,可是大学里我都是浑浑噩噩度过的,没有学到什么东西,每天呆在寝室和室友一起玩游戏,可以说大学三年基本是玩过来的,可是我大学每次期末考都没有挂过科,当然,每次考试前总是会抱抱佛脚,还算幸运,没有挂科. 第二点:java挣

用博客园记录自己的生活

很久之前就想有一个可以记录自己心情或者是个人经历的平台,记得上初中那会儿我和同桌每天都坚持写日记,而且还要争着给语文老师看,记得那个时候自己每次都很期待老师对自己心情的评价!这或许可以说是一种爱好吧,现在离开了学校,当然也离开了那个好习惯,写日记的习惯,那种希望被语文老师评价的渴望再也不复存在了.可是,在我们每个人的生活中,总有一些值得我们去书写的记忆.需要我们用自己的文字去记录,这或许会是让记忆保鲜的最简单直接的方式了,所以,我现在了博客园!只因为自己也是个技术人员,希望在这里学习进步,与大家

android fragment 博客 学习记录

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37992017 上篇博客中已经介绍了Fragment产生原因,以及一些基本的用法和各种API,如果你还不了解,请看:Android Fragment 真正的完全解析(上). 本篇将介绍上篇博客提到的:如何管理Fragment回退栈,Fragment如何与Activity交互,Fragment与Activity交互的最佳实践,没有视图的Fragment的用处,使用Fragment创

使用django开发博客过程记录5——日期归档和视图重写

针对每条博客的观看次数我么是使用django的Mixin实现的: def get(self, request, *args, **kwargs): last_visit = request.session.get('last_visit') reset_last_visit_time = False if last_visit: last_visit_time = datetime.datetime.strptime(last_visit[:-7], "%Y-%m-%d %H:%M:%S&quo

突然想开始写个博客,记录我在这个公司的日常

今天是19.4.10 突然想开始写一下在公司里的日常工作,就从今天开始吧. 早上8:30到达公司楼下附近,钉钉打卡成功,由于在来公司的路上吃过一笼包子了就没有去吃天天光顾的热干面, 买了一杯粥就上去了.公司的电梯依旧挤,挤电梯的人依旧素质低. 9:00 敏捷开发站会,前后端加测试介绍前一天工作情况与进度,今天的计划 9:30 站会结束,回到座位上开始开发,继续昨天的思路,昨天是把项目的静态页面写完了,今天是在补充一些逻辑,跟产品交流了一下有些东西是不太理解,然后在根据前人的代码,已有的代码进行参

利用django 实现个人博客 全记录(二)

上一篇文章已经把基础环境搭建好了 一  创建app D:\学习\python3.7.3\python manage.py startapp blog 修改 博客的 models.py class Blog(models.Model): title = models.CharField(max_length=50) #这里要注意外键关联 如果 关联的类没有在之前没用定义 那么一定要加引号 这里采用一个博客对应一个博客类型 一一对应blog_type = models.ForeignKey('Blo

利用django 实现个人博客 全记录(一)

搭建过程参照 B站 [Django2.0教程]构建个人博客网站  杨仕航 教程 总体规划 1 创建虚拟环境 采用虚拟环境 来安装 方便后续管理 pip install virtualenv 由于国外的源较慢 使用国内源 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple virtualenv 1.1 开始创建 cd  D:\学习\blogvirtualenv virtualenv mysite_env 发现抱错 后百度发现  pytho